94 lines
5.2 KiB
HTML
94 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>About – Ailyaut's blog</title>
|
||
<link rel="icon" type="image/png" href="media/icons/favicon-16x16.png" sizes="16x16">
|
||
<link rel="stylesheet" href="style.css" />
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<meta property="og:title" content="About – Ailyaut's blog" />
|
||
<meta property="og:type" content="blog" />
|
||
<meta property="og:url" content="https://ailyaut.com/" />
|
||
<meta property="og:image" content="https://ailyaut.com/media/preview.png" />
|
||
<meta property="og:description" content="Hi! I'm Ailyaut, a 24-year-old everything-designer with a particular interest in open source and card games." />
|
||
<meta property="og:locale" content="en_US" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<div id="header_box">
|
||
<div>
|
||
<a href="index.html" id="header_title">Ailyaut's blog</a>
|
||
</div>
|
||
<nav id="header_nav">
|
||
<a href="blog.html" class="nav_button">Blog</a>
|
||
<a href="gallery.html" class="nav_button">Gallery</a>
|
||
<a href="projects.html" class="nav_button">Projects</a>
|
||
<a href="about.html" class="nav_button_active">About</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h1>About</h1>
|
||
<h2>About me</h2>
|
||
<p>I'm Ailyaut (pronounced <span class="italic">ayo</span>), a 24-year-old designer from France.<br>
|
||
I've got a bachelor's degree in 3D animation, and I consider myself a primarily visual artist, although I also enjoy writing music and code.<br>
|
||
In my spare time, I create a mobile game (yet to be announced), make music that I post on YouTube and Bandcamp, and tinker with my Linux server. I'd also like to write a comic book, though I have only two pages so far.
|
||
</p>
|
||
<h2>About this website</h2>
|
||
<p>
|
||
The purpose of this website is to showcase my work.<br>
|
||
The website is written using only HTML and CSS. There's no JavaScript, no cookies, no tracking.<br>
|
||
I also try to make it as light as possible in order to not burn our planet too much.<br>
|
||
There is a <a target="_blank" href="https://git.robotfumeur.fr/ailyaut/ailyaut.com">repository</a> for this website with the scripts I made to update it (it's probably horrendous code but I'm not a programmer).
|
||
</p>
|
||
<h2>Copyright</h2>
|
||
<p>
|
||
Unless otherwise specified, you are not allowed to use any of my work (including but not limited to any written text, illustrations, 2D and 3D renders and animations) hosted on this website or any other, for any purposes, both personal or commercial, including purposes related to the training and/or development of artificial intelligence (AI) of any kind, to the extent permitted by applicable law.
|
||
</p>
|
||
<div class="spacer" style="--size: 2em;"></div>
|
||
<h1 id="contact">Contact</h1>
|
||
<p>Replace the ౷ with an @ (the links are deliberately wrong as well).</p>
|
||
<p>
|
||
Email : <a href="mailto:ailyaut౷robotfumeur.fr">ailyaut౷robotfumeur.fr</a><br>
|
||
XMPP : <a href="xmpp:ailyaut౷robotfumeur.fr">ailyaut౷robotfumeur.fr</a><br>
|
||
Mastodon : <a target="_blank" href="https://mastodon.online/@ailyaut">@ailyaut@mastodon.online</a>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="spacer" style="--size: 2em"></div>
|
||
<a href="#" class="btt"><img class="bttimg" src="media/icons/arrow_upward.png"/></a>
|
||
</main>
|
||
|
||
<footer>
|
||
<div id="footer_box">
|
||
<div class="footer_item">
|
||
<p>Copyright © 2025 Ailyaut</p>
|
||
</div>
|
||
<div class="footer_item">
|
||
<a target="_blank" href="https://www.websitecarbon.com/website/ailyaut-robotfumeur-fr-index-html/" style="text-decoration: none;">
|
||
<p style="color: black; background-color: var(--accent); padding: 0.2em 0.6em 0.2em 0.6em ; border-radius: 1em;">
|
||
0.02g of CO₂/view
|
||
</p>
|
||
</a>
|
||
</div>
|
||
<div class="footer_item" style="justify-content: flex-end; gap: 1.75em;">
|
||
<a rel="me" href="https://mastodon.online/@ailyaut" target="_blank"><img src="media/icons/mastodon.png" class="icon" alt="Mastodon" title="Mastodon"/></a>
|
||
<a href="https://www.youtube.com/@ailyaut" target="_blank"><img src="media/icons/youtube.png" class="icon" alt="YouTube" title="YouTube"/></a>
|
||
<a href="https://ailyaut.bandcamp.com/" target="_blank"><img src="media/icons/bandcamp.png" class="icon" alt="Bandcamp" title="Bandcamp"/></a>
|
||
<a href="https://codeberg.org/ailyaut" target="_blank"><img src="media/icons/git.png" class="icon" alt="Git" title="Git"/></a>
|
||
<a href="rss.xml"><img src="media/icons/rss.png" class="icon" alt="RSS feed" title="RSS feed"/></a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|