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

feat: couleur d'accent

Browse source 
Fixes #3
This commit is contained in:
Kazhnuz 2024-05-24 17:40:46 +02:00
parent 5c5def0760
commit e3f7c23636
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_data/config.json
View file

@ -1,4 +1,5 @@
{ {
"accentColor":"#c2255c",
"featuredSites":[ "featuredSites":[
{"nom":"Kobold Cafe", "url":"https://kobold.cafe/", "emoji":"☕"}, {"nom":"Kobold Cafe", "url":"https://kobold.cafe/", "emoji":"☕"},
{"nom":"Site 2", "url":"#", "emoji":"🔗"}, {"nom":"Site 2", "url":"#", "emoji":"🔗"},

10
_includes/layouts/parent.njk
View file

@ -13,6 +13,12 @@
{%- css %}{% include "public/css/index.css" %}{% endcss %} {%- css %}{% include "public/css/index.css" %}{% endcss %}
<style>{% getBundle "css" %}</style> <style>{% getBundle "css" %}</style>
<style>
:root {
--color-accent: {{ config.accentColor }};
}
</style>
</head> </head>
<body> <body>
<main> <main>
@ -23,7 +29,7 @@
<div class="featured"> <div class="featured">
{%- for site in config.featuredSites -%} {%- for site in config.featuredSites -%}
<a href="{{ site.url }}" rel="noopener"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a> <a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a>
{%- endfor -%} {%- endfor -%}
</div> </div>
@ -33,7 +39,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"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a></li> <li><a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a></li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>
</div> </div>

4
public/css/index.css
View file

@ -1,7 +1,7 @@
:root { :root {
--color-background: rgba(255,255,255,0.8); --color-background: rgba(255,255,255,0.9);
--color-hover: rgba(0,0,0,0.1); --color-hover: rgba(0,0,0,0.1);
--color-accent: rgb(216, 0, 180); --color-accent: blue;
--color-heading: #FFF; --color-heading: #FFF;
--color-text: #333; --color-text: #333;