ailyaut/ailyaut.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
ailyaut
2025-05-15 16:06:00 +01:00
commit e8cf8acbbc
129 changed files with 3796 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
gallery.html Normal file
View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Gallery – 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="Gallery – 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_active">Gallery</a>
<a href="projects.html" class="nav_button">Projects</a>
<a href="about.html" class="nav_button">About</a>
</nav>
</div>
</header>
<main>
<div class="box">
<div class="column" style="width: 100%;">
<h1>Gallery</h1>
<p class="light">This page is still under construction.</p>
</div>
</div>
<div class="spacer" style="--size: 1em;"></div>
<div class="box">
<div class="row" style="gap: 0.75em;">
<div class="button_active">3D</div>
<div class="button">Illustration</div>
<div class="button">Graphic design</div>
<div class="button">UI & webdesign</div>
<div class="button">Animation</div>
</div>
</div>
<div class="spacer" style="--size: 2em;"></div>
<div class="box">
<div class="column" style="width: 100%;">
<div class="row" style="gap: 1em;">
<div class="column" style="--custom_width: 70.5%">
<a target="_blank" href="gallery/3d/spaceship.png"><img class="gallery" src="gallery/3d/thumb/spaceship.png" title="Flying through the Abandoned Spaceship" /></a>
</div>
<div class="column" style="--custom_width: 30%">
<a target="_blank" href="gallery/3d/tekkonkinkreet.jpg"><img class="gallery" src="gallery/3d/thumb/tekkonkinkreet.png" title="Tekkonkinkreet building with painted texture" /></a>
</div>
</div>
<div class="row" style="gap: 1em; margin-top: 0.75em;">
<div class="column" style="--custom_width: 30%">
<a target="_blank" href="gallery/3d/hewa.png"><img class="gallery" src="gallery/3d/thumb/hewa.png" title="Vase in the style of @hewa" /></a>
</div>
<div class="column" style="--custom_width: 70.5%">
<a target="_blank" href="gallery/3d/electronic_desert.png"><img class="gallery" src="gallery/3d/thumb/electronic_desert.png" title="Electronic desert" /></a>
</div>
</div>
<div class="row" style="gap: 1em; margin-top: 0.75em;">
<a target="_blank" href="gallery/3d/mars_attacks_01.png"><img class="gallery" src="gallery/3d/thumb/mars_attacks_01.png" title="The set of Mars Attacks n°1" /></a>
<a target="_blank" href="gallery/3d/mars_attacks_02.png"><img class="gallery" src="gallery/3d/thumb/mars_attacks_02.png" title="The set of Mars Attacks n°2" /></a>
</div>
<div class="row" style="gap: 1em; margin-top: 0.75em;">
<div class="column" style="--custom_width: 36%">
<a target="_blank" href="gallery/3d/shrinkwrap.png"><img class="gallery" src="gallery/3d/thumb/shrinkwrap.png" title="A tea cup kart wrapped in plastic" /></a>
</div>
<div class="column" style="--custom_width: 64%">
<a target="_blank" href="gallery/3d/nebula.png"><img class="gallery" src="gallery/3d/thumb/nebula.png" title="Procedural nebula" /></a>
</div>
</div>
</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>