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

switch to svg for 'verified' icon

Browse Source
This commit is contained in:
ailyaut 2025-05-24 23:40:59 +02:00
parent 2ad1434e08
commit 1434516341
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -64,7 +64,7 @@
<div class="row align_vertical" style="justify-content: space-between; height: min-content;">
<div class="row align_vertical" style="gap: 0.75em;">
<h2 style="margin-bottom: 0; margin-top: 0;">Featured project</h2>
<img class="icon" src="media/icons/verified.png">
<img class="icon" src="media/icons/verified.svg">
</div>
<p style="min-width: max-content; position: relative; top: 0.75em;"><a href="projects.html" class="light">All projects ></a></p>
</div>

BIN
media/icons/verified.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 298 B

1
media/icons/verified.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m344-60-76-128-144-32 14-148-98-112 98-112-14-148 144-32 76-128 136 58 136-58 76 128 144 32-14 148 98 112-98 112 14 148-144 32-76 128-136-58-136 58Zm94-278 226-226-56-58-170 170-86-84-56 56 142 142Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 323 B

12
projects.html
View File

@ -41,10 +41,10 @@
<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: 1em; padding: 1em 1em 0 1em;">
<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.png" />
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>
</div>
<div class="spacer" style="--size: 1.5em;"></div> -->
@ -82,7 +82,7 @@
<img src="projects/kaya/thumb.png" alt="Kaya sur la banquise" title="Kaya sur la banquise" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Kaya sur la banquise <img class="verified" src="media/icons/verified.png" /></h3>
<h3 class="card_title">Kaya sur la banquise <img class="verified" src="media/icons/verified.svg" /></h3>
<p class="card_text">
A puppet show telling the story of Kaya, a young inuit girl who seeks a magic flower.
</p>
@ -95,7 +95,7 @@
<img src="projects/patatotapopata/thumb.png" alt="Patatotapopata" title="Patatotapopata" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Patatotapopata <img class="verified" src="media/icons/verified.png" /></h3>
<h3 class="card_title">Patatotapopata <img class="verified" src="media/icons/verified.svg" /></h3>
<p class="card_text">
A 30 seconds 3D animated short film about choice, freedom and death.
</p>
@ -118,7 +118,7 @@
<img src="projects/moxxy/thumb.png" alt="Moxxy" title="Moxxy" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Moxxy <img class="verified" src="media/icons/verified.png" /></h3>
<h3 class="card_title">Moxxy <img class="verified" src="media/icons/verified.svg" /></h3>
<p class="card_text">
A modern open source XMPP client for Android written in Flutter.
</p>
@ -155,7 +155,7 @@
<img src="projects/gang/thumb.png" alt="Gang" title="Gang" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Gang <img class="verified" src="media/icons/verified.png" /></h3>
<h3 class="card_title">Gang <img class="verified" src="media/icons/verified.svg" /></h3>
<p class="card_text">
A complete redesign of the famous card game "Gang of Four" in my own style, with a focus on being clean and accessible to colorblind people.
</p>

2
style.css
View File

File diff suppressed because one or more lines are too long

1
style_expanded.css
View File

@ -255,6 +255,7 @@ hr {
.icon {
filter: var(--icons);
height: 26px;
}
.verified {