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

add Y Download Center case study

Browse Source
This commit is contained in:
ailyaut
2025-05-29 15:51:24 +02:00
parent d57c27c5c4
commit 2c704ce2a1
19 changed files with 315 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
projects.html
View File

@ -34,34 +34,30 @@
</header>
<main>
<div class="box">
<h1>Projects</h1>
</div>
<!-- Tags -->
<div class="spacer" style="--size: 1em;"></div>
<!-- <div class="spacer" style="--size: 0.5em;"></div>
<div class="box">
<div class="column" style="width: 100%; background-color: var(--accent); border-radius: 1.25em; padding: 1em 1em 0 1em;">
<h3 style="color: black; margin-top: 0; margin-bottom: 0.5em">Are you a recruiter?</h3>
<p style="color: black;">If you wish to see case studies and other previous works, <a href="#" class="bold" style="color: black; text-decoration: underline dotted; text-decoration-thickness: 2px;">click here</a>.
The projects you might find interesting on this page are marked with a <img class="verified" style="filter: brightness(0); top: 0.35em;" src="media/icons/verified.svg" />
<div class="box align_bottom" style="justify-content: space-between; flex-wrap: wrap; gap: 1em;">
<div class="column">
<h1>Projects</h1>
<div class="spacer" style="--size: 1em;"></div>
<div class="row" style="gap: 0.75em; margin-bottom: 1em;">
<a href="#animation" class="button">Animation</a>
<a href="#ui" class="button">UI/UX & webdesign</a>
<a href="#games" class="button">Games</a>
<a href="#apps" class="button">Apps & software</a>
<a href="#music" class="button">Music</a>
</div>
</div>
</div>
<div class="spacer" style="--size: 1.5em;"></div> -->
<div class="box">
<div class="row" style="gap: 0.75em;">
<a href="#animation" class="button">Animation</a>
<a href="#ui" class="button">UI & webdesign</a>
<a href="#games" class="button">Games</a>
<a href="#apps" class="button">Apps & software</a>
<a href="#music" class="button">Music</a>
<div class="column" style="--custom_width: 35%; background-color: var(--accent); border-radius: 1.25em; padding: 1em 1em 0 1em;">
<h3 style="color: black; margin-top: 0; margin-bottom: 0.5em">Are you a recruiter?</h3>
<p style="color: black;">
Projects you might find interesting on this page are marked with a <img class="verified" style="filter: brightness(0); top: 0.35em;" src="media/icons/verified.svg" />
</p>
</div>
</div>
<!-- Animation -->
<div class="box">
<div class="column" style="width: 100%;">
<div class="spacer" style="--size: 2em;"></div>
<div class="spacer" style="--size: 1em;"></div>
<h2 id="animation">Animation</h2>
<div class="row" style="gap: 2em">
<div class="column" style="--custom_width: 33%; gap: 1em">
@ -111,8 +107,22 @@
<div class="box">
<div class="column" style="width: 100%;">
<div class="spacer" style="--size: 2em;"></div>
<h2 id="ui">UI & webdesign</h2>
<h2 id="ui">UI/UX & webdesign</h2>
<div class="row" style="gap: 2em">
<div class="column" style="--custom_width: 33%; gap: 1em">
<a href="projects/y_download/index.html" class="card" style="text-decoration: none; position: relative;">
<img src="projects/y_download/thumb.png" alt="Moxxy" title="Moxxy" class="card_image"/>
<p style="background-color: #ff9; color: black; padding: 0.25em 0.75em 0.25em 0.75em; border-radius: 0.75em; position: absolute; top: 0.75em; left: 0.75em; font-weight: 700;">Case study</p>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Y Download Center <img class="verified" src="media/icons/verified.svg" /></h3>
<p class="card_text">
<span style="font-weight: 700;">Case study. </span>Redesigning the Y Download Center to make it easier to use and maintain.
</p>
</div>
</div>
</a>
</div>
<div class="column" style="--custom_width: 33%; gap: 1em">
<a href="projects/moxxy/index.html" class="card" style="text-decoration: none;">
<img src="projects/moxxy/thumb.png" alt="Moxxy" title="Moxxy" class="card_image"/>
@ -139,7 +149,7 @@
</div>
</a>
</div>
<div class="column" style="--custom_width: 33%; gap: 1em"></div>
<!-- <div class="column" style="--custom_width: 33%; gap: 1em"></div> -->
</div>
</div>
</div>