nonscollectif/nonscollectif-org
nonscollectif/nonscollectif-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: change les couleurs amber à slate

Browse source
This commit is contained in:
Jalil Arfaoui 2022-07-28 15:04:35 +02:00
parent 871851e13d
commit 307bef8c56
6 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/footer.njk
View file

@ -1 +1 @@
<footer class="text-amber-100 text-sm mx-auto mt-8 pb-2 text-center absolute bottom-0 left-1/2 -translate-x-1/2 ">NonSco’llectif 2022 - Mentions légales</footer>
<footer class="text-slate-100 text-sm mx-auto mt-8 pb-2 text-center absolute bottom-0 left-1/2 -translate-x-1/2 ">NonSco’llectif 2022 - Mentions légales</footer>

4
src/actualites.njk
View file

@ -12,11 +12,11 @@ eleventyNavigation:
{% for actualite in liste %}
<li class="{% if actualite.url == url %} famille-item-active{% endif %}">
<a href="{{ actualite.url | url }}" class="no-underline">
<div class="flex flex-col border-2 border-amber-900 bg-amber-900 rounded-lg m-2 text-white drop-shadow-md">
<div class="flex flex-col border-2 border-slate-900 bg-slate-900 rounded-lg m-2 text-white drop-shadow-md">
<span class="m-2 font-bold">{{ actualite.data.title }}</span>
<img class="max-h-56 object-cover" src="{{actualite.data.image}}" />
<blockquote class="text-sm m-2 h-28">{{ actualite.data.page.excerpt }}</blockquote>
<time class="bg-white text-amber-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
<time class="bg-white text-slate-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
</div>
</a>
</li>

4
src/index.njk
View file

@ -37,8 +37,8 @@ Dans les médias et sur les réseaux, on <a href="/on-parle-de-nous">parle de no
{% for actualite in liste %}
<li class="{% if actualite.url == url %} famille-item-active{% endif %}">
<a href="{{ actualite.url | url }}" class="no-underline">
<div class="flex flex-col justify-start md:flex-row bg-amber-900 rounded-xl m-2 text-white drop-shadow-md p-0 overflow-hidden relative">
<time class="absolute bottom-0 text-bold text-sm right-0 bg-white text-amber-800 px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
<div class="flex flex-col justify-start md:flex-row bg-slate-900 rounded-xl m-2 text-white drop-shadow-md p-0 overflow-hidden relative">
<time class="absolute bottom-0 text-bold text-sm right-0 bg-white text-slate-800 px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
<img class="hidden flex-none w-48 md:block md:rounded-none" src="{{actualite.data.image}}" />
<div class="flex flex-col">
<span class="m-2 font-bold">{{ actualite.data.title }}</span>

4
src/style/base.css
View file

@ -6,10 +6,10 @@
@apply text-4xl mb-2;
}
h2 {
@apply text-2xl underline decoration-amber-900 decoration-4 mt-6 block;
@apply text-2xl underline decoration-slate-900 decoration-4 mt-6 block;
}
h3 {
@apply mt-6 text-amber-900 font-bold;
@apply mt-6 text-slate-900 font-bold;
}
main {
@apply p-4;

2
src/style/global.pcss
View file

@ -22,5 +22,5 @@
}
.centered-button {
@apply w-48 block text-xl mt-6 px-6 py-3 text-white no-underline bg-amber-600 rounded hover:bg-slate-600 hover:underline mx-auto text-center;
@apply w-48 block text-xl mt-6 px-6 py-3 text-white no-underline bg-slate-600 rounded hover:bg-slate-600 hover:underline mx-auto text-center;
}

4
src/style/header.pcss
View file

@ -17,14 +17,14 @@ header {
> li:hover {
> ul {
@apply block absolute z-10 left-1 top-6 flex flex-col bg-amber-200 drop-shadow-lg rounded-md border-amber-900 border-2 m-1;
@apply block absolute z-10 left-1 top-6 flex flex-col bg-slate-200 drop-shadow-lg rounded-md border-slate-900 border-2 m-1;
> li {
@apply whitespace-nowrap p-1;
}
> li:hover {
@apply bg-amber-800 text-white;
@apply bg-slate-800 text-white;
}
}
}