feat: add emojis

Fixes #2
This commit is contained in:
Kazhnuz 2024-05-24 17:35:42 +02:00
parent d028cf1e3d
commit 5c5def0760
3 changed files with 26 additions and 21 deletions

View file

@ -1,47 +1,47 @@
{
"featuredSites":[
{"nom":"Kobold Cafe", "url":"https://kobold.cafe/"},
{"nom":"Site 2", "url":"#"},
{"nom":"Site 3", "url":"#"}
{"nom":"Kobold Cafe", "url":"https://kobold.cafe/", "emoji":"☕"},
{"nom":"Site 2", "url":"#", "emoji":"🔗"},
{"nom":"Site 3", "url":"#", "emoji":"🔗"}
],
"siteBlocks":[
{
"nom":"Social",
"sites":[
{"nom":"Mastodon", "url":"https://mastodon.social/"},
{"nom":"Pixelfed", "url":"https://pixelfed.fr/"},
{"nom":"Tumblr", "url":"https://tumblr.com/"}
{"nom":"Mastodon", "url":"https://mastodon.social/", "emoji":"🐘"},
{"nom":"Pixelfed", "url":"https://pixelfed.fr/", "emoji":"🖼️"},
{"nom":"Tumblr", "url":"https://tumblr.com/", "emoji":"🔗"}
]
},
{
"nom":"Sites hébergés",
"sites":[
{"nom":"Kazhnuz Space", "url":"https://kazhnuz.space/"},
{"nom":"Quarante Douze", "url":"https://quarante-douze.net/"},
{"nom":"Withelias", "url":"https://withelias.kobold.cafe/"},
{"nom":"Distant Flare", "url":"https://distantflare.kobold.cafe/"},
{"nom":"Fanstuff Garden", "url":"https://fanstuff.garden/"}
{"nom":"Kazhnuz Space", "url":"https://kazhnuz.space/", "emoji":"🏡"},
{"nom":"Quarante Douze", "url":"https://quarante-douze.net/", "emoji":"👾"},
{"nom":"Withelias", "url":"https://withelias.kobold.cafe/", "emoji":"🖌️"},
{"nom":"Distant Flare", "url":"https://distantflare.kobold.cafe/", "emoji":"💬"},
{"nom":"Fanstuff Garden", "url":"https://fanstuff.garden/", "emoji":"🌳"}
]
},
{
"nom":"Favoris",
"sites":[
{"nom":"Neocities", "url":"https://neocities.org/"},
{"nom":"Webidev", "url":"https://webidev.com/"}
{"nom":"Neocities", "url":"https://neocities.org/", "emoji":"🐱"},
{"nom":"Webidev", "url":"https://webidev.com/", "emoji":"🖥️"}
]
},
{
"nom":"Arts créatifs",
"sites":[
{"nom":"Bandcamp", "url":"https://bandcamp.com/"},
{"nom":"Webtoon", "url":"https://webtoon.com/"}
{"nom":"Bandcamp", "url":"https://bandcamp.com/", "emoji":"🎵"},
{"nom":"Webtoon", "url":"https://webtoon.com/", "emoji":"🖼️"}
]
},
{
"nom":"Tutoriels",
"sites":[
{"nom":"Docs accessibilités", "url":"https://quarante-douze.net/liens-et-guides-sur-laccessibilite/"},
{"nom":"Docs web", "url":"https://quarante-douze.net/liens-et-guides-pour-le-dev-web/"}
{"nom":"Docs accessibilités", "url":"https://quarante-douze.net/liens-et-guides-sur-laccessibilite/", "emoji":"📒"},
{"nom":"Docs web", "url":"https://quarante-douze.net/liens-et-guides-pour-le-dev-web/", "emoji":"📒"}
]
}
]

View file

@ -23,7 +23,7 @@
<div class="featured">
{%- for site in config.featuredSites -%}
<a href="{{ site.url }}" rel="noopener">{{ site.nom }}</a>
<a href="{{ site.url }}" rel="noopener"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a>
{%- endfor -%}
</div>
@ -33,7 +33,7 @@
<h2><i class="fa fa-comments-o"></i> {{ siteBlock.nom }}</h2>
<ul>
{%- for site in siteBlock.sites -%}
<li><a href="{{ site.url }}" rel="noopener">{{ site.nom }}</a></li>
<li><a href="{{ site.url }}" rel="noopener"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a></li>
{%- endfor -%}
</ul>
</div>

View file

@ -121,13 +121,13 @@ main input:hover, main input:focus-visible {
background-color: var(--color-accent);
color:white;
box-shadow:0px 2px 1px rgba(0,0,0,0.5);
opacity:0.8;
margin-bottom:1rem;
backdrop-filter: blur(6px);
transition: transform 0.05s linear;
}
.featured a:hover {
opacity: 1;
transform: scale(1.1);
}
/** Columns Links handling **/
@ -183,3 +183,8 @@ main input:hover, main input:focus-visible {
.linklist a:hover {
background-color:var(--color-hover);
}
.emoji {
padding-right: 0.45rem;
text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}