html lang attribute

This commit is contained in:
Evert Prants 2022-10-15 18:35:55 +03:00
parent d469f88baf
commit b04fb7f381
Signed by: evert
GPG Key ID: 1688DA83D222D0B5
2 changed files with 127 additions and 122 deletions

View File

@ -12,6 +12,9 @@ export default defineNuxtConfig({
}, },
app: { app: {
head: { head: {
htmlAttrs: {
lang: 'en',
},
charset: 'utf-8', charset: 'utf-8',
viewport: 'width=device-width, initial-scale=1.0', viewport: 'width=device-width, initial-scale=1.0',
title: 'lunasqu.ee', title: 'lunasqu.ee',

View File

@ -1,131 +1,133 @@
<template> <template>
<Section> <main>
<template v-slot:header> <Section>
<h1>About me</h1> <template v-slot:header>
</template> <h1>About me</h1>
</template>
<div class="section-content"> <div class="section-content">
<div class="introduction"> <div class="introduction">
<p> <p>
Hello, my name is Evert <q>Diamond</q> Prants. I am a Hello, my name is Evert <q>Diamond</q> Prants. I am a
{{ evertAge }}-year-old self-taught Web Developer and Systems {{ evertAge }}-year-old self-taught Web Developer and Systems
Administrator from Estonia. I am generally a very curious person and Administrator from Estonia. I am generally a very curious person and
thus I am interested in a very large variety of subjects, including, thus I am interested in a very large variety of subjects, including,
but not limited to, space exploration, electronics, computers, but not limited to, space exploration, electronics, computers,
networks, programming, aviation, ships, cars and other scientific networks, programming, aviation, ships, cars and other scientific
fields. I like to tell everyone that I use Arch Linux - sorry not fields. I like to tell everyone that I use Arch Linux - sorry not
sorry. sorry.
</p> </p>
<p> <p>
I can pretty much code in any language and use any library with the I can pretty much code in any language and use any library with the
help of documentation and instructional materials, so the help of documentation and instructional materials, so the
<q>Programming</q> list is not very comprehensive. <q>Programming</q> list is not very comprehensive.
</p> </p>
</div>
<div class="gridbox">
<IconLinkList :list="linksList" title="Links" />
<IconLinkList :list="socialLinks" title="Socials" />
</div>
<LanguageList />
</div> </div>
</Section>
<div class="gridbox"> <Section>
<IconLinkList :list="linksList" title="Links" /> <template v-slot:header>
<IconLinkList :list="socialLinks" title="Socials" /> <h1>Featured projects</h1>
</div> </template>
<LanguageList /> <FeaturedProject
</div> variant="left"
</Section> title="Icy Network"
image="/images/projects/icy_network_portal.png"
<Section> href="https://icynet.eu"
<template v-slot:header>
<h1>Featured projects</h1>
</template>
<FeaturedProject
variant="left"
title="Icy Network"
image="/images/projects/icy_network_portal.png"
href="https://icynet.eu"
>
<p>
<b>Icy Network</b> is a single-sign-on (SSO) provider for projects
created by me and my friends.
</p>
<p>
The Icy Network website provides authorization using the
industry-standard OAuth 2.0 protocol.
</p>
<h3>Features</h3>
<ul>
<li>User accounts with display names and avatars</li>
<li>
Administration panel created using Vue.js for managing users and OAuth
clients
</li>
<li>A news outlet</li>
</ul>
</FeaturedProject>
<FeaturedProject
variant="right"
title="Various web-based games"
image="/images/projects/games.png"
href="/apps"
>
<p>
I have also created various experimental web-based games in order to
learn Canvas APIs.
</p>
<h3>Games include..</h3>
<ul>
<li>Battleship</li>
<li>Connect Four</li>
<li>Tower Defense</li>
<li>Minesweeper</li>
<li>Hook Miner</li>
<li>Tile-based modifyable world</li>
</ul>
</FeaturedProject>
<FeaturedProject
variant="left"
title="Icy Network TV"
image="/images/projects/icytv.png"
href="https://tv.icynet.eu"
>
<p>
<b>Icy Network TV</b> is a livestreaming platform for Icy Network
affiliates.
</p>
<p>
This project uses
<a href="https://github.com/arut/nginx-rtmp-module" target="_blank"
>nginx-rtmp-module</a
>
as the livestream server and channels are created for select Icy Network
users only.
</p>
<h3>Features</h3>
<ul>
<li>Integrated video player</li>
<li>Video dashboard</li>
<li>HLS video output</li>
</ul>
</FeaturedProject>
</Section>
<footer>
<p>
There are no cookies. There is no data collection.
<a href="https://gitlab.icynet.eu/evert/lunasqu.ee-nuxt" target="_blank"
>Source code</a
> >
</p> <p>
<p> <b>Icy Network</b> is a single-sign-on (SSO) provider for projects
<img created by me and my friends.
src="/images/mail.gif" </p>
style="user-select: none; margin: auto; display: block; border: 0" <p>
alt="evert at sign luna squ dot ee" The Icy Network website provides authorization using the
/> industry-standard OAuth 2.0 protocol.
</p> </p>
<p>&copy; 2018 - {{ currentYear }} Evert Prants</p> <h3>Features</h3>
</footer> <ul>
<li>User accounts with display names and avatars</li>
<li>
Administration panel created using Vue.js for managing users and
OAuth clients
</li>
<li>A news outlet</li>
</ul>
</FeaturedProject>
<FeaturedProject
variant="right"
title="Various web-based games"
image="/images/projects/games.png"
href="/apps"
>
<p>
I have also created various experimental web-based games in order to
learn Canvas APIs.
</p>
<h3>Games include..</h3>
<ul>
<li>Battleship</li>
<li>Connect Four</li>
<li>Tower Defense</li>
<li>Minesweeper</li>
<li>Hook Miner</li>
<li>Tile-based modifyable world</li>
</ul>
</FeaturedProject>
<FeaturedProject
variant="left"
title="Icy Network TV"
image="/images/projects/icytv.png"
href="https://tv.icynet.eu"
>
<p>
<b>Icy Network TV</b> is a livestreaming platform for Icy Network
affiliates.
</p>
<p>
This project uses
<a href="https://github.com/arut/nginx-rtmp-module" target="_blank"
>nginx-rtmp-module</a
>
as the livestream server and channels are created for select Icy
Network users only.
</p>
<h3>Features</h3>
<ul>
<li>Integrated video player</li>
<li>Video dashboard</li>
<li>HLS video output</li>
</ul>
</FeaturedProject>
</Section>
<footer>
<p>
There are no cookies. There is no data collection.
<a href="https://gitlab.icynet.eu/evert/lunasqu.ee-nuxt" target="_blank"
>Source code</a
>
</p>
<p>
<img
src="/images/mail.gif"
style="user-select: none; margin: auto; display: block; border: 0"
alt="evert at sign luna squ dot ee"
/>
</p>
<p>&copy; 2018 - {{ currentYear }} Evert Prants</p>
</footer>
</main>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">