Browse Source

rendu pre-fix

master
SERNY Sacha 3 years ago
parent
commit
52c55831e8
  1. 5
      fun.html
  2. 5
      index.html
  3. 94
      mentions-legales.html
  4. 5
      reading.html
  5. 12
      style/style_index.css
  6. 1
      style/style_index.css.map
  7. 11
      style/styles_index.scss

5
fun.html

@ -56,7 +56,7 @@
<aside> <aside>
<h2>À propos...</h2> <h2>À propos...</h2>
<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum <p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank"> complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br> cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
contraventionnalisation anticonstitutionnelle mis en avant les apports en contraventionnalisation anticonstitutionnelle mis en avant les apports en
@ -79,7 +79,8 @@
</div> </div>
</main> </main>
<footer> <footer>
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par <a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
par
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
</footer> </footer>
</body> </body>

5
index.html

@ -132,7 +132,7 @@
<aside> <aside>
<h2>À propos...</h2> <h2>À propos...</h2>
<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum <p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank"> complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br> cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
contraventionnalisation anticonstitutionnelle mis en avant les apports en contraventionnalisation anticonstitutionnelle mis en avant les apports en
@ -154,7 +154,8 @@
</div> </div>
</main> </main>
<footer> <footer>
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par <a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
par
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
</footer> </footer>
</body> </body>

94
mentions-legales.html

@ -7,20 +7,106 @@
<title>Mentions Légales</title> <title>Mentions Légales</title>
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> <link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png">
<link rel="stylesheet" href="style/style_main.css"> <link rel="stylesheet" href="style/style_main.css">
<link rel="stylesheet" href="style/style_index.css">
</head> </head>
<body> <body>
<header> <header>
<h1><a class="_title" href="index.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1> <h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1>
<ul> <ul>
<li><a href="#unlinked">Top</a></li> <li><a href="fun.html">Fun</a></li>
<li><a href="#unlinked">Musiques</a></li> <li><a href="index.html">Musiques</a></li>
<li><a href="#unlinked">Lectures</a></li> <li><a href="reading.html">Lectures</a></li>
</ul> </ul>
<div> <div>
<a href="sign_in.php">Se connecter</a> <a href="sign_in.php">Se connecter</a>
<a href="sign_up.php">S'inscrire</a> <a href="sign_up.php">S'inscrire</a>
</div> </div>
</header> </header>
<section class="mentions-legales">
<h2>IDENTITÉ</h2>
<p>Nom du site web : serny-nsi <br>
Adresse : https://serny-nsi.alwaysdata.net<br>
Propriétaire : Alwaysdata<br><br>
Conception et réalisation : SERNY Sacha<br>
Hébergement : Alwaysdata
</p>
<h2>CONDITIONS D’UTILISATION</h2>
<p>L’utilisation du présent site implique l’acceptation pleine et entière des conditions générales d’utilisation
décrites ci-après. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à tout
moment.</p>
<h2>INFORMATIONS</h2>
<p>Les informations et documents du site sont présentés à titre indicatif, n’ont pas de caractère exhaustif, et
ne peuvent engager la responsabilité du propriétaire du site. Le propriétaire du site ne peut être tenu
responsable des dommages directs et indirects consécutifs à
l’accès au site.</p>
<h2>INTERACTIVITÉ</h2>
<p>Les utilisateurs du site peuvent y déposer du contenu, apparaissant sur le site dans des espaces dédiés
(notamment via les commentaires). Le contenu déposé reste sous la responsabilité de leurs auteurs, qui en
assument pleinement l’entière responsabilité juridique.
Le propriétaire du site se réserve néanmoins le droit de retirer sans préavis et sans justification tout
contenu
déposé par les utilisateurs qui ne satisferait pas à la charte déontologique du site ou à la législation en
vigueur.</p>
<h2>PROPRIÉTÉ INTELLECTUELLE</h2>
<p>Sauf mention contraire, tous les éléments accessibles sur le site (textes, images, graphismes, logo, icônes,
sons, logiciels, etc.) restent la propriété exclusive de leurs auteurs, en ce qui concerne les droits de
propriété intellectuelle ou les droits d’usage.
Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du
site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de
l’auteur.
Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient est considérée
comme
constitutive d’une contrefaçon et poursuivie.
Les marques et logos reproduits sur le site sont déposés par les sociétés qui en sont propriétaires.</p>
<h2>LIENS</h2>
<p>Liens sortants
Le propriétaire du site décline toute responsabilité et n’est pas engagé par le référencement via des liens
hypertextes, de ressources tierces présentes sur le réseau Internet, tant en ce qui concerne leur contenu
que
leur pertinence.
Liens entrants
Le propriétaire du site autorise les liens hypertextes vers l’une des pages de ce site, à condition que
ceux-ci
ouvrent une nouvelle fenêtre et soient présentés de manière non équivoque afin d’éviter :
tout risque de confusion entre le site citant et le propriétaire du site
ainsi que toute présentation tendancieuse, ou contraire aux lois en vigueur.
Le propriétaire du site se réserve le droit de demander la suppression d’un lien s’il estime que le site
source
ne respecte pas les règles ainsi définies.</p>
<h2>CONFIDENTIALITÉ</h2>
<p>Tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le
concernant, en effectuant sa demande écrite et signée, accompagnée d’une preuve d’identité.
Le site ne recueille pas d’informations personnelles (en dehors des mail, pseudo, date de création du
compte, PEL, code bancaire, mot de passe, code de sécu, pass sanitaire, photo et taille), et n’est pas
assujetti à déclaration à la CNIL.</p>
<h2>CRÉDITS</h2>
<p>©Spotify <br>
©Webtoons <br>
©Fnac <br>
©Amazon <br>
©Wikipedia</p>
</main>
<footer>
<a href="mentions-legales.html" target="_blank">Mentions légales</a> <br> Mise
en
page
par
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
</footer>
</body> </body>
</html> </html>

5
reading.html

@ -191,7 +191,7 @@
<aside> <aside>
<h2>À propos...</h2> <h2>À propos...</h2>
<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum <p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank"> complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br> cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
contraventionnalisation anticonstitutionnelle mis en avant les apports en contraventionnalisation anticonstitutionnelle mis en avant les apports en
@ -214,7 +214,8 @@
</div> </div>
</main> </main>
<footer> <footer>
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par <a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
par
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
</footer> </footer>
</body> </body>

12
style/style_index.css

@ -34,6 +34,18 @@ body {
opacity: 1; opacity: 1;
} }
} }
section.mentions-legales {
padding: 20px;
font-family: "Roboto", sans-serif;
}
section.mentions-legales h2 {
font-weight: 800;
font-size: 24px;
}
section.mentions-legales p {
font-size: 16px;
}
main { main {
padding: 10px; padding: 10px;
background-color: white; background-color: white;

1
style/style_index.css.map

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["styles_index.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AACR;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAGA;EACD;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;EACA;;AACA;EACC;EACA;;AAED;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACD;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAIA;EACC;;AAED;EACC;;AAED;EACC;;AAGF;EACC;EACA;;AAED;EASC;EACA;EACA;EACA;;AAXA;EACC;EACA;EACA;;AASD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAqEA;EACA;EACA;EACA;EACA;;AAxEA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAaL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA","file":"style_index.css"}

11
style/styles_index.scss

@ -32,6 +32,17 @@ body {
opacity: 1; opacity: 1;
} }
} }
section.mentions-legales {
padding: 20px;
font-family: "Roboto", sans-serif;
h2 {
font-weight: 800;
font-size: 24px;
}
p {
font-size: 16px;
}
}
main { main {
padding: 10px; padding: 10px;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);

Loading…
Cancel
Save