Add popup support and fix mentions

Signed-off-by: Adrien Kara <adrien@iglou.eu>
master
Adrien Kara 5 months ago
parent f4d6f30684
commit d1ae199e5c
Signed by: adrien
GPG Key ID: 605B69551C56DB62
  1. 8
      data/data.stf
  2. 66
      src/DiscoveryOne.html
  3. 68
      src/css/Monolith.css

@ -99,15 +99,17 @@ Mes engagements
Mentions-légales
// HTML Mentions
// Crédit
Propriété intellectuelle et crédits
Iconographie par <strong>Font Awesome</strong> sous licence <strong>SIL OFL 1.1</strong><br>- La font du logo Iglou.eu <strong>DissolveRegular</strong> par <strong>Freddie Line</strong> avec <strong>FontForge</strong> sous licence <strong>Freeware</strong><br>- Les logos <strong>Iglou.eu</strong> demeurent la propriété exclusive de <strong>Iglou.eu</strong>.<br>- Tout autre contenu diffusés par <strong>Iglou.eu</strong> sont sous licence libre CC-BY et APACHE, conformément a la loi Française <a href=“https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006278891/”>Article L121-1</a>, interdisant la mise en domaine public.
Mention légale
Souriez, ici vos données ne sont ni traquées, ni collectées.
// Édition
Édition du site
<a href=“https://iglou.eu”><strong>Iglou.eu</strong></a><strong>&nbsp;fait partie de <a href=“http://www.coopaname.coop/” target=“_blank” rel=“noreferrer”>Coopaname</a> :</strong><br>Scop-SA à capital variable<br>RCS Paris 448 762 526<br>APE : 7022Z<br>N° Intracom FR49 448 762 526<br><br><strong>Siège social :</strong> COOPANAME<br>3/7 rue Albert Marquet – 75020 PARIS<br>Tél : 01 43 71 82 69
// Hébergement
Hébergement
Planet hoster<br>TPS : 808598932 RT0001<br>TVQ : 1220427184 TQ0001<br><br>4416 Louis B. Mayer<br>Laval (Grand Montréal),<br>Québec H7P 0G1 Canada<br><br>Tél FR (Nº Vert): 0 805 080 426<br>Tél FR: +33 1 76 60 41 43<br><a href=“www.planethoster.com” target=“_blank” rel=“noreferrer”>www.planethoster.com</a>
// Propriété
Propriété intellectuelle et crédits
Iconographie par <strong>Font Awesome</strong> sous licence <strong>SIL OFL 1.1</strong><br>- La font du logo Iglou.eu <strong>DissolveRegular</strong> par <strong>Freddie Line</strong> avec <strong>FontForge</strong> sous licence <strong>Freeware</strong><br>- Les logos <strong>Iglou.eu</strong> demeurent la propriété exclusive de <strong>Iglou.eu</strong>.<br>- Tout autre contenu diffusés par <strong>Iglou.eu</strong> sont sous licence libre CC-BY et APACHE, conformément a la loi Française <a href=“https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006278891/”>Article L121-1</a>, interdisant la mise en domaine public.
// Cookies
Cookies et vie privée
Ce site n’utilise absolument aucun cookie ou outils de créations de statistiques.

@ -220,7 +220,7 @@
<use xlink:href="#svg_iglou"></use>
</svg>
</a>
<p class="footer_content">{{index . 97}} - <a class="link" href="#engagement">{{index . 98}}</a> - <a class="link" href="#legal">{{index . 99}}</a>
<p class="footer_content">{{index . 97}} - <a class="link" href="#engagement">{{index . 98}}</a> - <a class="link" href="#mentions_legales">{{index . 99}}</a>
</p>
<ul class="footer_social">
<li class="footer_social__item">
@ -247,6 +247,54 @@
</ul>
</footer>
<div id="mentions_legales" class="popup">
<div class="box">
<a href="#" class="popup_close link" title="Fermer la popup">
<svg class="svg_icon">
<use xlink:href="#svg_cross"></use>
</svg>
</a>
<h2 class="mentions_title glob_title grid_full">{{index . 102}}</h2>
<p class="mentions_desc glob_desc grid_full">{{index . 103}}</p>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_pencil"></use>
</svg>
{{index . 105}}
</h3>
<p class="glob_desc">{{index . 106}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_server"></use>
</svg>
{{index . 108}}
</h3>
<p class="glob_desc">{{index . 109}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_joke_redhat"></use>
</svg>
{{index . 111}}
</h3>
<p class="glob_desc">{{index . 112}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_cookie"></use>
</svg>
{{index . 114}}
</h3>
<p class="glob_desc">{{index . 115}}</p>
</div>
</div>
</div>
<svg class="hidden">
<!-- DissolveRegular created by FontForge 20090622 at Mon Jun 4 15:21:10 2018 By deploy user -->
<symbol id="svg_iglou" viewBox="0 0 332 105">
@ -306,6 +354,22 @@
<title>GitHub</title>
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
</symbol>
<symbol id="svg_pencil" viewBox="0 0 512 512">
<title>Pencil</title>
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z" />
</symbol>
<symbol id="svg_joke_redhat" viewBox="0 0 512 512">
<title>Hahah a redhat for license part</title>
<path d="M341.52 285.56c33.65 0 82.34-6.94 82.34-47 .22-6.74.86-1.82-20.88-96.24-4.62-19.15-8.68-27.84-42.31-44.65-26.09-13.34-82.92-35.37-99.73-35.37-15.66 0-20.2 20.17-38.87 20.17-18 0-31.31-15.06-48.12-15.06-16.14 0-26.66 11-34.78 33.62-27.5 77.55-26.28 74.27-26.12 78.27 0 24.8 97.64 106.11 228.47 106.11M429 254.84c4.65 22 4.65 24.35 4.65 27.25 0 37.66-42.33 58.56-98 58.56-125.74.08-235.91-73.65-235.91-122.33a49.55 49.55 0 0 1 4.06-19.72C58.56 200.86 0 208.93 0 260.63c0 84.67 200.63 189 359.49 189 121.79 0 152.51-55.08 152.51-98.58 0-34.21-29.59-73.05-82.93-96.24" />
</symbol>
<symbol id="svg_cookie" viewBox="0 0 512 512">
<title>Cookie</title>
<path d="M494.6 255.9c-65.63-.8203-118.6-54.14-118.6-119.9c-65.74 0-119.1-52.97-119.8-118.6c-25.66-3.867-51.8 .2346-74.77 12.07L116.7 62.41C93.35 74.36 74.36 93.35 62.41 116.7L29.6 181.2c-11.95 23.44-16.17 49.92-12.07 75.94l11.37 71.48c4.102 25.9 16.29 49.8 34.81 68.32l51.36 51.39C133.6 466.9 157.3 479 183.2 483.1l71.84 11.37c25.9 4.101 52.27-.1172 75.59-11.95l64.81-33.05c23.32-11.84 42.31-30.82 54.14-54.14l32.93-64.57C494.3 307.7 498.5 281.4 494.6 255.9zM176 367.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S193.6 367.1 176 367.1zM208 208c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S225.6 208 208 208zM368 335.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S385.6 335.1 368 335.1z" />
</symbol>
<symbol id="svg_cross" viewBox="0 0 320 512">
<title>Cross</title>
<path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" />
</symbol>
</svg>
</body>

@ -464,6 +464,7 @@ progress {
/* Utils */
--t-duration: .3s;
--p-marge: 5vw;
--p-hmarge: 5vh;
--p-max: 1920px;
--p-min: 370px;
--h-size: 2em;
@ -504,6 +505,10 @@ body {
padding-top: 6em;
}
.grid_full {
grid-column: 1 / -1;
}
.glob_title {
color: var(--c-dark);
font-weight: 600;
@ -528,6 +533,65 @@ body {
height: 100%;
}
.glob_title>.svg_icon {
fill: var(--c-blue);
width: 1em;
height: 1em;
margin-right: .5em;
vertical-align: sub;
}
.popup {
display: none;
}
.popup:target {
display: initial;
}
.popup::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1010;
opacity: .8;
content: "";
position: fixed;
background-color: var(--c-dark);
}
.popup>.box {
gap: 1em;
top: var(--p-hmarge);
left: var(--p-marge);
right: var(--p-marge);
bottom: var(--p-hmarge);
padding: 1em;
z-index: 1020;
display: grid;
overflow: auto;
position: fixed;
border-radius: var(--b-radius);
background-color: var(--c-white);
grid-template-columns: 1fr 1fr;
}
.popup_close {
top: 1em;
right: 1em;
color: var(--c-blue);
border: .1em solid;
padding: .25em .5em;
position: absolute;
font-weight: 600;
border-radius: var(--b-radius);
}
.popup_close>.svg_icon {
fill: var(--c-blue);
}
.link {
cursor: pointer;
text-decoration: none;
@ -851,10 +915,6 @@ body {
color: var(--c-blue);
}
.grid_full {
grid-column: 1 / -1;
}
/* ## Contact/Map */
#a_contact {
margin: 6em auto auto auto;

Loading…
Cancel
Save