Skip to content

Commit 41310f2

Browse files
PlagiatusPlagiatus
authored
docs: add "mentions legales" page (#9)
1 parent 1d8f79c commit 41310f2

File tree

4 files changed

+158
-107
lines changed

4 files changed

+158
-107
lines changed

‎src/lib/comp/ModuleManager.svelte‎

Lines changed: 15 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -14,31 +14,23 @@
1414
});
1515
</script>
1616

17-
<main class="rounded">
18-
<ModuleControls></ModuleControls>
19-
<section aria-label="Available Modules">
20-
{#await promise}
21-
<p>Loading...</p>
22-
{:then}
23-
<ul>
24-
{#each $modules.values() as module}
25-
<li><ModuleTile {module}></ModuleTile></li>
26-
{/each}
27-
</ul>
28-
{:catch}
29-
<p>Something went wrong when trying to fetch modules.</p>
30-
{/await}
31-
</section>
32-
</main>
17+
<ModuleControls></ModuleControls>
18+
<section aria-label="Available Modules">
19+
{#await promise}
20+
<p>Loading...</p>
21+
{:then}
22+
<ul>
23+
{#each $modules.values() as module}
24+
<li><ModuleTile {module}></ModuleTile></li>
25+
{/each}
26+
</ul>
27+
{:catch}
28+
<p>Something went wrong when trying to fetch modules.</p>
29+
{/await}
30+
</section>
31+
3332

3433
<style>
35-
main {
36-
display: flex;
37-
background: var(--background-color);
38-
flex-direction: column;
39-
margin-top: 2.75rem;
40-
overflow: hidden;
41-
}
4234
section {
4335
flex-grow: 1;
4436
overflow: auto;
@@ -76,10 +68,6 @@
7668
}
7769
}
7870
@media screen and (max-width: 820px) {
79-
main {
80-
margin-top: 0;
81-
border-radius: 0;
82-
}
8371
ul {
8472
position: relative;
8573
}

‎src/routes/+layout.svelte‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<script lang="ts">
2+
import Contributors from "$lib/comp/Contributors.svelte";
3+
import NavMenu from "$lib/comp/NavMenu.svelte";
4+
import Sponsors from "$lib/comp/Sponsors.svelte";
5+
</script>
6+
7+
<header>
8+
<a href="/">
9+
<img src="favicon.png" alt="" role="presentation" />
10+
<h1>Bookshelf Manager</h1>
11+
</a>
12+
<p>Highly accessible multi-purpose Minecraft library datapack</p>
13+
<NavMenu></NavMenu>
14+
</header>
15+
<aside>
16+
<Contributors></Contributors>
17+
<Sponsors></Sponsors>
18+
</aside>
19+
<main class="rounded">
20+
<slot />
21+
</main>
22+
<footer>&copy;&nbsp;Gunivers {new Date().getFullYear()} - <a href="/mentions-legales">Mentions légales</a></footer>
23+
24+
<style>
25+
main {
26+
display: flex;
27+
background: var(--background-color);
28+
flex-direction: column;
29+
margin-top: 2.75rem;
30+
overflow: hidden;
31+
}
32+
header {
33+
display: flex;
34+
flex-direction: column;
35+
margin: 1rem 0 0.5rem;
36+
gap: 0.5rem;
37+
}
38+
header a {
39+
display: flex;
40+
flex-wrap: wrap;
41+
align-items: center;
42+
gap: 0.5rem;
43+
text-decoration: none;
44+
}
45+
header h1 {
46+
flex: 1 0;
47+
color: var(--text-color-logo);
48+
line-height: 1.2em;
49+
}
50+
header img {
51+
filter: drop-shadow(0.15rem 0.35rem 0.15rem #00000033);
52+
width: 100px;
53+
}
54+
header p {
55+
flex-basis: 100%;
56+
margin: 0.5rem;
57+
opacity: 0.8;
58+
}
59+
aside {
60+
display: flex;
61+
flex-direction: column;
62+
margin-bottom: 2rem;
63+
padding: 0.5rem;
64+
gap: 2rem;
65+
}
66+
footer {
67+
display: flex;
68+
align-items: end;
69+
}
70+
@media screen and (max-width: 1024px) {
71+
aside {
72+
gap: 1.5rem;
73+
}
74+
header img {
75+
width: 64px;
76+
}
77+
}
78+
@media screen and (max-width: 820px) {
79+
main {
80+
margin-top: 0;
81+
border-radius: 0;
82+
}
83+
header {
84+
position: sticky;
85+
background: var(--background-color-darker);
86+
border-bottom: 1px solid #99999955;
87+
margin: 0;
88+
top: 0;
89+
z-index: 1;
90+
gap: 0;
91+
}
92+
header h1 {
93+
line-height: 1;
94+
font-size: 1.3em;
95+
margin: .5rem 2rem .5rem 0;
96+
}
97+
header img {
98+
width: 2.75em;
99+
margin: .75rem 1rem;
100+
}
101+
header p {
102+
display: none;
103+
}
104+
}
105+
</style>

‎src/routes/+page.svelte‎

Lines changed: 0 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,5 @@
11
<script lang="ts">
2-
import Contributors from "$lib/comp/Contributors.svelte";
32
import ModuleManager from "$lib/comp/ModuleManager.svelte";
4-
import NavMenu from "$lib/comp/NavMenu.svelte";
5-
import Sponsors from "$lib/comp/Sponsors.svelte";
63
</script>
74

8-
<header>
9-
<img src="favicon.png" alt="" role="presentation" />
10-
<h1>Bookshelf Manager</h1>
11-
<p>Highly accessible multi-purpose Minecraft library datapack</p>
12-
<NavMenu></NavMenu>
13-
</header>
14-
<aside>
15-
<Contributors></Contributors>
16-
<Sponsors></Sponsors>
17-
</aside>
185
<ModuleManager></ModuleManager>
19-
<footer>&copy;Gunivers {new Date().getFullYear()} - Mentions légales</footer>
20-
21-
<style>
22-
header {
23-
display: flex;
24-
align-items: center;
25-
flex-wrap: wrap;
26-
gap: 0.5rem;
27-
margin: 1rem 0 0.5rem;
28-
}
29-
header h1 {
30-
flex: 1 0;
31-
color: var(--text-color-logo);
32-
line-height: 1.2em;
33-
}
34-
header img {
35-
filter: drop-shadow(0.15rem 0.35rem 0.15rem #00000033);
36-
width: 100px;
37-
}
38-
header p {
39-
flex-basis: 100%;
40-
margin: 0.5rem;
41-
opacity: 0.8;
42-
}
43-
aside {
44-
display: flex;
45-
flex-direction: column;
46-
margin-bottom: 2rem;
47-
padding: 0.5rem;
48-
gap: 2rem;
49-
}
50-
footer {
51-
display: flex;
52-
align-items: end;
53-
}
54-
@media screen and (max-width: 1024px) {
55-
aside {
56-
gap: 1.5rem;
57-
}
58-
header img {
59-
width: 64px;
60-
}
61-
}
62-
@media screen and (max-width: 820px) {
63-
header {
64-
position: sticky;
65-
background: var(--background-color-darker);
66-
border-bottom: 1px solid #99999955;
67-
margin: 0;
68-
top: 0;
69-
z-index: 1;
70-
gap: 0;
71-
}
72-
header h1 {
73-
line-height: 1;
74-
font-size: 1.3em;
75-
margin: .5rem 2rem .5rem 0;
76-
}
77-
header img {
78-
width: 2.75em;
79-
margin: .75rem 1rem;
80-
}
81-
header p {
82-
display: none;
83-
}
84-
}
85-
</style>

‎src/routes/mentions-legales/+page.svelte‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<main class="rounded">
2+
<h1>Mentions Légales</h1>
3+
4+
<p>Conformément aux dispositions de la loi n° 2004-575 du 21 juin 2004 pour la confiance en l'économie numérique, il est précisé aux utilisateurs du site mcbookshelf l'identité des différents intervenants dans le cadre de sa réalisation et de son suivi.</p>
5+
6+
<h2>Edition du site</h2>
7+
8+
<p>Le présent site, accessible à l’URL mcbookshelf.dev (le « Site »), est édité par :</p>
9+
<p>L’association Altearn, enregistrée auprès de la préfecture de police de Paris au répertoire national des associations sous le numéro W061014075, ayant son siège situé à Appartement 561, 16 rue Curial, 75019 PARIS, et représentée par Vincent Foriel, président.</p>
10+
11+
<h2>Hébergement</h2>
12+
13+
<p>Le Site est hébergé par la société O2Switch, situé 222 Boulevard Gustave Flaubert, 63000 Clermont-Ferrand, (contact téléphonique : (+33) 4 44 44 60 40).</p>
14+
15+
<h2>Directeur de publication</h2>
16+
17+
<p>La direction de publication du Site est assurée par le·a président·e de l'association Altearn.</p>
18+
19+
<h2>Nous contacter</h2>
20+
21+
<p>Par téléphone : +33699274663</p>
22+
<p>Par email : [email protected]</p>
23+
<p>Par courrier : Appartement 561, 16 rue Curial, 75019 Paris</p>
24+
25+
<h2>Données personnelles</h2>
26+
<p>Nous traitons certaines données personnelles, telles que votre adresse IP, votre user-agent et d'autres informations techniques similaires, dans le but de faire fonctionner correctement notre site. Le traitement de ces données étant strictement nécessaire pour le fonctionnement du site, celui-ci est licite conformément à l'article 6.1(b) du RGPD (base légale "le traitement est nécessaire à l'exécution d'un contrat"). Nous ne traitons aucune autre donnée personnelle vous concernant.</p>
27+
</main>
28+
29+
<style>
30+
main {
31+
padding: 1em;
32+
background-color: var(--background-color);
33+
}
34+
h1 {
35+
padding-bottom: 1rem;
36+
border-bottom: 1px solid var(--divider-color);
37+
}
38+
</style>

0 commit comments

Comments
 (0)