parent
d028cf1e3d
commit
5c5def0760
3 changed files with 26 additions and 21 deletions
|
@ -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":"📒"}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
}
|
Loading…
Reference in a new issue