kazhnuz/embarcadere
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

feat: add emojis

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

34
_data/config.json
View file

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

4
_includes/layouts/parent.njk
View file

@ -23,7 +23,7 @@
<div class="featured"> <div class="featured">
{%- for site in config.featuredSites -%} {%- 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 -%} {%- endfor -%}
</div> </div>
@ -33,7 +33,7 @@
<h2><i class="fa fa-comments-o"></i> {{ siteBlock.nom }}</h2> <h2><i class="fa fa-comments-o"></i> {{ siteBlock.nom }}</h2>
<ul> <ul>
{%- for site in siteBlock.sites -%} {%- 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 -%} {%- endfor -%}
</ul> </ul>
</div> </div>

9
public/css/index.css
View file

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