Skip to content

Commit

Permalink
refactor(markup): revamp sseeeedd utilities usage
Browse files Browse the repository at this point in the history
  • Loading branch information
@ffoodd
ffoodd committed Sep 14, 2023
1 parent 4f35e11 commit dc7d627
Show file tree
Hide file tree
Showing 37 changed files with 188 additions and 233 deletions.
6 changes: 3 additions & 3 deletions _site/templates/accueil.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
<li><a href="./histogramme.html">Histogramme</a></li>
<li><a href="./camembert.html">Camembert</a></li>
<li><a href="./radar.html">Radar</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="en" lang="en" href="./"
aria-label="English version" title="English version">EN</a>
</li>
Expand All @@ -49,13 +49,13 @@
<div role="group" aria-label="Choix du thème" id="theme" class="toggle no-js-hidden mis-auto">
<button type="button" title="Thème sombre"
data-scheme="dark" aria-pressed="false">
<svg width="24" height="24" role="img" aria-label="Thème sombre" class="mx-auto no-padding">
<svg width="24" height="24" role="img" aria-label="Thème sombre" class="mi-auto no-padding">
<path d="M3 11.98A9.81 9.81 0 0012.57 22a9.53 9.53 0 008.3-5.06 1 1 0 00-.94-1.48l-.1.01a5.2 5.2 0 01-.4.02 7.81 7.81 0 01-7.58-8.01 8.38 8.38 0 011.02-4A1 1 0 0011.92 2 9.86 9.86 0 003 11.98zm7.34-7.65a10.38 10.38 0 00-.48 3.15 9.89 9.89 0 008.28 9.92 7.4 7.4 0 01-5.57 2.6A7.81 7.81 0 015 11.98a8 8 0 015.34-7.65z"></path>
</svg>
</button>
<button type="button" title="Thème clair"
data-scheme="light" aria-pressed="false">
<svg width="24" height="24" role="img" aria-label="Thème clair" class="mx-auto no-padding">
<svg width="24" height="24" role="img" aria-label="Thème clair" class="mi-auto no-padding">
<path d="M12 18a6 6 0 10-6-6 6 6 0 006 6zm0-10a4 4 0 11-4 4 4 4 0 014-4zM12 4a1 1 0 001-1V2a1 1 0 00-2 0v1a1 1 0 001 1zM11 21v1a1 1 0 002 0v-1a1 1 0 00-2 0zM18.36 6.64a1 1 0 00.71-.3l.7-.7a1 1 0 00-1.4-1.42l-.71.7a1 1 0 00.7 1.72zM4.93 17.66l-.7.7a1 1 0 101.4 1.42l.71-.7a1 1 0 00-1.41-1.42zM22 11h-1a1 1 0 000 2h1a1 1 0 000-2zM2 13h1a1 1 0 000-2H2a1 1 0 000 2zM17.66 17.66a1 1 0 000 1.41l.7.7a1 1 0 001.42-1.4l-.7-.71a1 1 0 00-1.42 0zM4.93 6.34a1 1 0 001.41-1.41l-.7-.7a1 1 0 00-1.42 1.4z"></path>
</svg>
</button>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/bar-charts.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a href="./column-charts.html">Column charts</a></li>
<li><a href="./pie-charts.html">Pie charts</a></li>
<li><a href="./radar-charts.html">Radar charts</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="fr" lang="fr" href="./barres.html"
aria-label="Version française" title="Version française">FR</a>
</li>
Expand Down Expand Up @@ -87,12 +87,12 @@

{% import 'macros/_table-bar.njk' as table %}
<div class="table-container bar-container" role="group" aria-labelledby="caption-1">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-1">Switch</strong><br>
<span id="description-1">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-1" aria-describedby="description-1">
<span>Funny</span>
Expand Down Expand Up @@ -144,12 +144,12 @@
</p>

<div class="table-container bar-container" role="group" aria-labelledby="caption-2">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-2">Switch</strong><br>
<span id="description-2">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-2" aria-describedby="description-2">
<span>Funny</span>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/barres.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a href="./histogramme.html">Histogramme</a></li>
<li><a href="./camembert.html">Camembert</a></li>
<li><a href="./radar.html">Radar</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="en" lang="en" href="./bar-charts.html"
aria-label="English version" title="English version">EN</a>
</li>
Expand Down Expand Up @@ -94,12 +94,12 @@

{% import 'macros/_table-bar.njk' as table %}
<div class="table-container bar-container" role="group" aria-labelledby="caption-1">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-1">Interrupteur</strong><br>
<span id="description-1">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-1" aria-describedby="description-1">
<span>Guilleret</span>
Expand Down Expand Up @@ -153,12 +153,12 @@
</p>

<div class="table-container bar-container" role="group" aria-labelledby="caption-2">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-2">Interrupteur</strong><br>
<span id="description-2">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-2" aria-describedby="description-2">
<span>Guilleret</span>
Expand Down
22 changes: 11 additions & 11 deletions _site/templates/camembert.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a href="./histogramme.html">Histogramme</a></li>
<li><a aria-current="page">Camembert</a></li>
<li><a href="./radar.html">Radar</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="en" lang="en" href="./pie-charts.html"
aria-label="English version" title="English version">EN</a>
</li>
Expand Down Expand Up @@ -128,12 +128,12 @@
{% import 'macros/_table-pie.njk' as table %}

<div class="table-container pie-container" role="group" aria-labelledby="caption-5">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-5">Interrupteur</strong><br>
<span id="description-5">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-5" aria-describedby="description-5">
<span>Guilleret</span>
Expand Down Expand Up @@ -516,12 +516,12 @@

<div class="grid-2">
<div class="table-container pie-container" role="group" aria-labelledby="caption-12">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-12">Interrupteur</strong><br>
<span id="description-12">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-12" aria-describedby="description-12">
<span>Guilleret</span>
Expand All @@ -547,12 +547,12 @@
</div>

<div class="table-container pie-container" role="group" aria-labelledby="caption-13">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-13">Interrupteur</strong><br>
<span id="description-13">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-13" aria-describedby="description-13">
<span>Guilleret</span>
Expand Down Expand Up @@ -590,12 +590,12 @@
</p>

<div class="table-container pie-container" role="group" aria-labelledby="caption-6">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-6">Interrupteur</strong><br>
<span id="description-6">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-6" aria-describedby="description-6">
<span>Guilleret</span>
Expand Down Expand Up @@ -652,12 +652,12 @@
</p>

<div class="table-container pie-container" role="group" aria-labelledby="caption-10">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-10">Interrupteur</strong><br>
<span id="description-10">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-10" aria-describedby="description-10">
<span>Guilleret</span>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/column-charts.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a aria-current="page">Column charts</a></li>
<li><a href="./pie-charts.html">Pie charts</a></li>
<li><a href="./radar-charts.html">Radar charts</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="fr" lang="fr" href="./histogramme.html"
aria-label="Version française" title="Version française">FR</a>
</li>
Expand Down Expand Up @@ -75,12 +75,12 @@
</ol>

<div class="table-container column-container" role="group" aria-labelledby="caption-7">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-7">Switch</strong><br>
<span id="description-7">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-7" aria-describedby="description-7">
<span>Funny</span>
Expand Down Expand Up @@ -181,12 +181,12 @@
</ol>

<div class="table-container column-container" role="group" aria-labelledby="caption-8">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-8">Switch</strong><br>
<span id="description-8">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-8" aria-describedby="description-8">
<span>Funny</span>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/courbe.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a href="./histogramme.html">Histogramme</a></li>
<li><a href="./camembert.html">Camembert</a></li>
<li><a href="./radar.html">Radar</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="en" lang="en" href="./line-charts.html"
aria-label="English version" title="English version">EN</a>
</li>
Expand Down Expand Up @@ -145,12 +145,12 @@
{% import 'macros/_table-line.njk' as table %}

<div class="table-container line-container" role="group" aria-labelledby="caption-3">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-3">Interrupteur</strong><br>
<span id="description-3">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-3" aria-describedby="description-3">
<span>Guilleret</span>
Expand Down Expand Up @@ -267,12 +267,12 @@
</ol>

<div class="table-container line-container" role="group" aria-labelledby="caption-4">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-4">Interrupteur</strong><br>
<span id="description-4">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-4" aria-describedby="description-4">
<span>Guilleret</span>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/histogramme.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a aria-current="page">Histogramme</a></li>
<li><a href="./camembert.html">Camembert</a></li>
<li><a href="./radar.html">Radar</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="en" lang="en" href="./column-charts.html"
aria-label="English version" title="English version">EN</a>
</li>
Expand Down Expand Up @@ -79,12 +79,12 @@
</ol>

<div class="table-container column-container" role="group" aria-labelledby="caption-7">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-7">Interrupteur</strong><br>
<span id="description-7">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-7" aria-describedby="description-7">
<span>Guilleret</span>
Expand Down Expand Up @@ -187,12 +187,12 @@
</ol>

<div class="table-container column-container" role="group" aria-labelledby="caption-8">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-8">Interrupteur</strong><br>
<span id="description-8">Permet de désactiver les styles sur le tableau suivant.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-8" aria-describedby="description-8">
<span>Guilleret</span>
Expand Down
6 changes: 3 additions & 3 deletions _site/templates/index.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
<li><a href="./column-charts.html">Column charts</a></li>
<li><a href="./pie-charts.html">Pie charts</a></li>
<li><a href="./radar-charts.html">Radar charts</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="fr" lang="fr" href="./accueil.html"
aria-label="Version française" title="Version française">FR</a>
</li>
Expand All @@ -57,13 +57,13 @@
<div role="group" aria-label="Color scheme selection" id="theme" class="toggle no-js-hidden mis-auto">
<button type="button" title="Dark mode"
data-scheme="dark" aria-pressed="false">
<svg width="24" height="24" role="img" aria-label="Dark mode" class="mx-auto no-padding">
<svg width="24" height="24" role="img" aria-label="Dark mode" class="mi-auto no-padding">
<path d="M3 11.98A9.81 9.81 0 0012.57 22a9.53 9.53 0 008.3-5.06 1 1 0 00-.94-1.48l-.1.01a5.2 5.2 0 01-.4.02 7.81 7.81 0 01-7.58-8.01 8.38 8.38 0 011.02-4A1 1 0 0011.92 2 9.86 9.86 0 003 11.98zm7.34-7.65a10.38 10.38 0 00-.48 3.15 9.89 9.89 0 008.28 9.92 7.4 7.4 0 01-5.57 2.6A7.81 7.81 0 015 11.98a8 8 0 015.34-7.65z"></path>
</svg>
</button>
<button type="button" title="Light moder"
data-scheme="light" aria-pressed="false">
<svg width="24" height="24" role="img" aria-label="Light mode" class="mx-auto no-padding">
<svg width="24" height="24" role="img" aria-label="Light mode" class="mi-auto no-padding">
<path d="M12 18a6 6 0 10-6-6 6 6 0 006 6zm0-10a4 4 0 11-4 4 4 4 0 014-4zM12 4a1 1 0 001-1V2a1 1 0 00-2 0v1a1 1 0 001 1zM11 21v1a1 1 0 002 0v-1a1 1 0 00-2 0zM18.36 6.64a1 1 0 00.71-.3l.7-.7a1 1 0 00-1.4-1.42l-.71.7a1 1 0 00.7 1.72zM4.93 17.66l-.7.7a1 1 0 101.4 1.42l.71-.7a1 1 0 00-1.41-1.42zM22 11h-1a1 1 0 000 2h1a1 1 0 000-2zM2 13h1a1 1 0 000-2H2a1 1 0 000 2zM17.66 17.66a1 1 0 000 1.41l.7.7a1 1 0 001.42-1.4l-.7-.71a1 1 0 00-1.42 0zM4.93 6.34a1 1 0 001.41-1.41l-.7-.7a1 1 0 00-1.42 1.4z"></path>
</svg>
</button>
Expand Down
10 changes: 5 additions & 5 deletions _site/templates/line-charts.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<li><a href="./column-charts.html">Column charts</a></li>
<li><a href="./pie-charts.html">Pie charts</a></li>
<li><a href="./radar-charts.html">Radar charts</a></li>
<li class="ml-auto">
<li class="mis-auto">
<a rel="alternate" hreflang="fr" lang="fr" href="./courbe.html"
aria-label="Version française" title="Version française">FR</a>
</li>
Expand Down Expand Up @@ -143,12 +143,12 @@
{% import 'macros/_table-line.njk' as table %}

<div class="table-container line-container" role="group" aria-labelledby="caption-3">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-3">Switch</strong><br>
<span id="description-3">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-3" aria-describedby="description-3">
<span>Funny</span>
Expand Down Expand Up @@ -266,12 +266,12 @@
</ol>

<div class="table-container line-container" role="group" aria-labelledby="caption-4">
<div class="fieldset d-flex sm-hidden">
<div class="fieldset d-flex pi-1 sm-hidden no-js-hidden">
<p class="label no-margin">
<strong id="label-4">Switch</strong><br>
<span id="description-4">Allows you to disable styles on the following table.</span>
</p>
<button type="button" class="ml-auto fw-400 no-border p-relative disable-css"
<button type="button" class="mis-auto fw-400 no-border p-relative disable-css"
role="switch" aria-checked="true"
aria-labelledby="label-4" aria-describedby="description-4">
<span>Funny</span>
Expand Down
Loading

0 comments on commit dc7d627

Please sign in to comment.