index/pages/index.vue

107 lines
3.3 KiB
Vue

<script setup lang="ts">
import { useRuntimeConfig } from '#imports'
const config = useRuntimeConfig()
const meta = {
title: 'Enderman',
description:
'A software engineer, a malware enthusiast and, most importantly, a weird tall creature. I have over 300K subscribers on YouTube and over 20K followers on Twitter.',
image: 'https://enderman.ch/images/logo.png',
url: 'https://enderman.ch/',
}
useSeoMeta({
title: meta.title,
description: meta.description,
ogTitle: meta.title,
ogDescription: meta.description,
ogImage: meta.image,
ogUrl: meta.url,
ogType: 'website',
twitterTitle: meta.title,
twitterDescription: meta.description,
twitterImage: meta.image,
twitterCard: 'summary',
})
useHead({
title: config.public.websiteName ? config.public.websiteName : 'Enderman',
htmlAttrs: {
lang: 'en',
},
link: [
{
rel: 'icon',
type: 'image/x-icon',
href: '/favicon.ico',
},
],
})
defineRobotMeta()
</script>
<template>
<section>
<h3 class="alex">Welcome 👋</h3>
<p>
I'm <strong>Enderman</strong> &ndash; a software engineer, a malware
enthusiast and most importantly, a weird tall creature. I have over 300K
subscribers on
<a class="link-hi" href="https://go.enderman.ch/youtube">YouTube</a> and
over 20K followers on
<a class="link-hi" href="https://go.enderman.ch/twitter">Twitter</a>.
Sometimes I wish there were 48 hours in a day.
</p>
<div class="row g-3">
<div class="col-12 col-md-8">
<h5 class="alex">What I do</h5>
<ul class="list-style-type-do">
<li>
I develop cross-platform software. My language of choice is usually
<strong>C/C++</strong> for desktop applications and any common
backend stack with framework-loaded TypeScript for web. You can take
a look at my code on
<a class="link-hi" href="https://go.enderman.ch/github">GitHub</a>.
</li>
<li>
I have the most unnecessary, yet fascinating knowledge about
Microsoft Windows, and I absolutely love sharing it with my viewers
in an unorthodox comedic fashion.
<sub>
<em>*Microsoft still has not hired me as a software tester.</em>
</sub>
</li>
<li>
I research and analyze modern malware, educate computer users about
it and preserve history. The repository can be found
<a class="link-hi" href="https://go.enderman.ch/repository">here</a
>.
</li>
<li>I make videos for you to enjoy!</li>
</ul>
</div>
<div class="col-12 col-md-4">
<h5 class="alex">What I enjoy</h5>
<ul class="list-style-type-enjoy">
<li>Teaching</li>
<li>Mathematics</li>
<li>Technology</li>
<li>Video Production</li>
<li>Philosophy</li>
<li>Geopolitics</li>
<li>
<a class="link-hi" href="https://go.enderman.ch/chess">Chess</a>
</li>
<li>Solitude</li>
</ul>
</div>
</div>
<p>
<strong>Want to learn more?</strong> Find out more about me using the
navigation bar!<br />
<em>See you there!~</em>
</p>
</section>
</template>