V2.5

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

assets/social/mediacentre.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="46.671322mm" height="40.080936mm" viewBox="0 0 46.671322 40.080936" version="1.1" id="svg4898" inkscape:version="0.92.2 (5c3e80d, 2017-08-06)" sodipodi:docname="logo-mediacentre-final.svg">
+  <defs id="defs4892"/>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" inkscape:cx="-416.08794" inkscape:cy="-292.82794" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" inkscape:window-width="1920" inkscape:window-height="1001" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1"/>
+  <metadata id="metadata4895">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-49.235768,-31.275004)">
+    <g id="g4249" transform="matrix(0.88555145,0,0,0.88555145,-34.873672,-113.48681)" inkscape:export-xdpi="142.30562" inkscape:export-ydpi="142.30562">
+      <rect rx="6.0018992" ry="5.1444788" y="163.5032" x="101.4799" height="45.2286" width="12.003798" id="rect3988" style="opacity:1;vector-effect:none;fill:#1a22a2;fill-opacity:0.98039216;stroke:none;stroke-width:1.09792233;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <path sodipodi:nodetypes="sssssss" inkscape:connector-curvature="0" id="rect3988-2-7" d="m 104.53673,164.15758 c 3.37502,-1.85231 8.09583,0.21286 10.04103,4.14992 l 14.36038,29.06539 c 1.94519,3.93706 1.05297,8.4253 -2.00048,10.0633 -3.05346,1.638 -7.0654,-0.21894 -9.02283,-4.14992 l -15.80727,-31.7448 c -1.47673,-2.96563 -0.60844,-5.71669 2.42917,-7.38389 z" style="opacity:1;vector-effect:none;fill:#323cde;fill-opacity:0.98954701;stroke:none;stroke-width:1.15757906;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <ellipse ry="3.1465819" rx="3.017051" cy="179.29497" cx="106.85058" id="path4076-1-6-8" style="opacity:1;vector-effect:none;fill:#fb0008;fill-opacity:1;stroke:none;stroke-width:0.63770026;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <ellipse ry="5.2701602" rx="5.0532107" cy="189.20883" cx="100.03294" id="path4076-1-6-8-8" style="opacity:1;vector-effect:none;fill:#ffb549;fill-opacity:1;stroke:none;stroke-width:1.06807399;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <ellipse ry="4.3437414" rx="4.1649289" cy="169.35811" cx="100.56976" id="path4076-1-6-8-8-5" style="opacity:1;vector-effect:none;fill:#001871;fill-opacity:1;stroke:none;stroke-width:0.88032198;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <ellipse ry="3.9760172" rx="3.8123424" cy="202.61703" cx="102.9218" id="path4076-1-6-8-7" style="opacity:1;vector-effect:none;fill:#ffb3b3;fill-opacity:1;stroke:none;stroke-width:0.80579734;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+      <rect transform="matrix(0.88121255,-0.47272025,0.44295664,0.89654304,0,0)" rx="6.2546258" ry="7.9266763" y="203.24442" x="31.468359" height="48.272755" width="12.509252" id="rect3988-2-7-9" style="opacity:1;vector-effect:none;fill:#ff656a;fill-opacity:1;stroke:none;stroke-width:1.15790355;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.98039216;paint-order:stroke markers fill"/>
+    </g>
+  </g>
+</svg>

css/cours.css

@@ -0,0 +1,70 @@
+html {
+    background-color: transparent;
+    --highlight-color: rgba(0, 0, 0, 0);
+}
+
+#title {
+    text-align: center;
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.ent,
+.pronote,
+.elea,
+.pearltrees,
+.mediacentre {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.ent>img:hover,
+.pronote>img:hover,
+.elea>img:hover,
+.pearltrees>img:hover,
+.mediacentre>img:hover {
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}
+
+.sites {
+    text-align: center;
+}
+
+.maths,
+.physique,
+.histoire,
+.geographie,
+.français,
+.es {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.maths>img:hover,
+.physique>img:hover,
+.histoire>img:hover,
+.geographie>img:hover,
+.français>img:hover,
+.es>img:hover {
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}
+
+.livre {
+    text-align: center;
+}
+
+p {
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 700;
+}

css/notion copy.css

@@ -0,0 +1,50 @@
+html {
+    background-color: #0d0f14;
+}
+
+#title {
+    text-align: center;
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+/* #notion {
+    filter: opacity(0);
+    width: 125px;
+    height: 100px;
+    border: 0px solid #ccc;
+    border-radius: 10px;
+    padding: none;
+    transition: width 2s, height 2s;
+    transition-delay: 0.3s;
+}*/
+
+/* #notion:hover {
+    filter: opacity(1);
+    width: 900px;
+    height: 400px;
+} */
+
+iframe {
+    margin: 0 auto;
+    display: block;
+    position: fixed;
+    top: 150px;
+}
+
+/* iframe:hover {
+    top: 70px;
+} */
+
+.test {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    height: 50px;
+    filter: invert(1);
+}
+
+
+#a:hover~#b {
+    display: none;
+}

css/notion.css

@@ -0,0 +1,34 @@
+html {
+    background-color: transparent;
+}
+
+#title {
+    text-align: center;
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+#notion {
+    filter: opacity(0);
+    width: 125px;
+    height: 100px;
+    border: 0px solid #ccc;
+    /* border-radius: 10px; */
+    padding: none;
+    transition: width 2s, height 2s;
+    transition-delay: 0.3s; 
+}
+
+#notion:hover {
+    filter: opacity(1);
+    width: 900px;
+    height: 400px;
+}
+
+div,
+iframe {
+    margin: 0 auto;
+    display: block;
+    position: fixed;
+}
+

css/raccourcis.css

@@ -0,0 +1,168 @@
+html {
+    /* background-color: #0d0f14; */
+    background-color: transparent;
+    --highlight-color: rgba(0, 0, 0, 0);
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+#title {
+    text-align: center;
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.ent,
+.pronote,
+.elea,
+.pearltrees,
+.mediacentre {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.ent>img:hover,
+.pronote>img:hover,
+.elea>img:hover,
+.pearltrees>img:hover,
+.mediacentre>img:hover {
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}
+
+.sites {
+    text-align: center;
+}
+
+.maths,
+.physique,
+.histoire,
+.geographie,
+.français,
+.es {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.maths>img:hover,
+.physique>img:hover,
+.histoire>img:hover,
+.geographie>img:hover,
+.français>img:hover,
+.es>img:hover {
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}
+
+.livre {
+    text-align: center;
+}
+
+p {
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 700;
+    font-size: 20px;
+}
+
+
+#deroulant {
+    color: aliceblue;
+    font-size: 20px;
+    font-weight: 700;
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+
+
+.extreme-down,
+.streamdeouf,
+.dopebox,
+.bloom-streaming,
+.zone-telechargement,
+.cpasbien,
+.torrent9,
+.yggtorrent,
+.torrentz2,
+.oxtorrent,
+.thepiratebay,
+.wawacity,
+.emule-island,
+.rarbg,
+.yts,
+.untroistroiseptx,
+.opensubtitles,
+.soap2day,
+.ninedocu {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.extreme-down>img:hover,
+.streamdeouf>img:hover,
+.dopebox>img:hover,
+.bloom-streaming>img:hover,
+.zone-telechargement>img:hover,
+.cpasbien>img:hover,
+.torrent9>img:hover,
+.yggtorrent>img:hover,
+.torrentz2>img:hover,
+.oxtorrent>img:hover,
+.thepiratebay>img:hover,
+.wawacity>img:hover,
+.emule-island>img:hover,
+.rarbg>img:hover,
+.yts>img:hover,
+.untroistroiseptx>img:hover,
+.opensubtitles>img:hover,
+.soap2day>img:hover
+.ninedocu>img:hover {
+    
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}
+
+.totaldebrid {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.totaldebrid>img:hover {
+        box-shadow: 0px 0px 50px rgb(119, 119, 119);
+        background-color: rgba(119, 119, 119,0.3);
+}
+
+
+.deepl {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;
+}
+
+.icone>img:hover {
+    
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);
+}

css/reseaux.css

@@ -0,0 +1,60 @@
+html {
+    background-color: transparent;
+}
+
+/* #insta, 
+#twitter,
+#github,
+#discord,
+#whatsapp,
+#youtube {
+    display: block;
+    height: 50px;
+    width: 50px;
+    padding: 10px;
+    margin-left: auto;
+    margin-right: auto;
+} */
+
+#title {
+    text-align: center;
+    color: aliceblue;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.insta,
+.twitter,
+.github,
+.youtube,
+.whatsapp,
+.discord,
+.telegram,
+.drive,
+.twitch,
+.reddit,
+.isoft {
+    /* display: block; */
+    height: 50px;
+    width: auto;
+    margin: 10px;
+    /* border: 10px solid transparent; */
+    text-decoration: none;}
+
+.insta>img:hover,
+.twitter>img:hover,
+.github>img:hover,
+.youtube>img:hover,
+.whatsapp>img:hover,
+.discord>img:hover,
+.telegram>img:hover,
+.drive>img:hover,
+.twitch>img:hover,
+.reddit>img:hover,
+.isoft>img:hover {
+    box-shadow: 0px 0px 50px rgb(119, 119, 119);
+    background-color: rgba(119, 119, 119,0.3);}
+
+
+.reseau {
+    text-align: center;
+}

css/style.css

@@ -0,0 +1,137 @@
+html {
+    color: aliceblue;
+    --highlight-color: rgba(0, 0, 0, 0);
+    /* filter: drop-shadow(0px 0px 25px rgb(63, 135, 61)); */
+    background-image: url(../assets/background/img1.jpg);
+    background-size: cover;
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+iframe {
+    width: 100%;
+    height: 500px;
+}
+
+button {
+    display: inline-block;
+}
+
+iframe {
+    width: 50%
+}
+
+#notion>#notion-content {
+    width: 140px;
+    height: 180px;
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    transition: width 1.5s, height 1.5s;
+    transition-delay: 0.5s;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+
+#notion>#notion-content:hover {
+    width: 1000px;
+    height: 500px;
+}
+
+#notion:hover~#reseau {
+    background-color: aliceblue;
+}
+
+#reseaux-content {
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    width: 420px;
+    height: 350px;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+#cours-content {
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    width: 420px;
+    height: 500px;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+#weather-content {
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    width: 400px;
+    height: 420px;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+#raccourcis-content {
+    border: 3px solid rgba(204, 204, 204, 0.425);
+    border-radius: 30px;
+    padding: none;
+    width: 420px;
+    height: 500px;
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+#reload {
+    background-color: transparent;
+    filter: invert(1);
+    border: 0px;
+    cursor: pointer;
+    /* opacity: 0.75; */
+}
+
+#google {
+    background-color: transparent;
+    border: 0px;
+    cursor: pointer;
+}
+
+.button {
+    text-align: center;
+}
+
+/* #heure {
+    border: 2px solid #ccc;
+    border-radius: 30px;
+    padding: none;
+} */
+
+#heure {
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    line-height: 20px;
+}
+
+#contenu {
+    display: flex;
+
+}
+
+#notion, #reseaux, #cours, #weather, #raccourcis{
+    margin: 50px;
+}
+
+#raccourcis {
+    padding-right: 50px;
+}
+
+/* disparition des autres élements quand notion:hover */
+#notion:hover~#reseaux,
+#notion:hover~#cours,
+#notion:hover~#weather,
+#notion:hover~#raccourcis {
+    display: none;
+}

html/cours.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<link rel="stylesheet" href="../css/cours.css">
+
+<head>
+	<title>Cours</title>
+</head>
+
+<body>
+	<h1 id="title">Cours</h1>
+	<div class="sites">
+		<p>
+			Sites
+		</p>
+		<a class="ent" href=https://ent.iledefrance.fr>
+			<img class="ent" src="../assets/social/ent.ico" alt="ent">
+		</a>
+		<a class="pronote" href=https://0910626l.index-education.net/pronote>
+			<img class="pronote" src="../assets/social/pronote.png" alt="pronote">
+		</a>
+		<a class="pearltrees" href='https://www.pearltrees.com/private/id56232974'>
+			<img class="pearltrees" src="../assets/social/pearltrees.png" alt="pearltrees">
+		</a>
+		<a class="elea" href=https://massy.elea.ac-versailles.fr/local/teacherboard target="_blank">
+			<img class="elea" src="../assets/social/elea.png" alt="elea">
+		</a>
+		<a class="mediacentre" href='https://ent.iledefrance.fr/mediacentre#/'>
+			<img class="mediacentre" src="../assets/social/mediacentre.svg" alt="mediacentre">
+		</a>
+	</div>
+	<div class="livre">
+		<p>
+			Livres
+		</p>
+		<a class="maths" href=https://educadhoc.fr/reader/textbook/9782017102106/fxl/Page_1 target="_parent">
+			<img class="maths" src="../assets/social/maths.png" alt="maths">
+		</a>
+		<a class="physique" href=https://educadhoc.fr/reader/textbook/9782017102120/fxl/Page_1 target="_parent">
+			<img class="physique" src="../assets/social/physique.png" alt="physique">
+		</a>
+		<a class="histoire" href=https://manuelnumeriquemax.belin.education/histoire-premiere target="_parent">
+			<img class="histoire" src="../assets/social/histoire.png" alt="histoire">
+		</a>
+		<a class="geographie" href=https://manuelnumeriquemax.belin.education/geographie-premiere target="_parent">
+			<img class="geographie" src="../assets/social/geographie.png" alt="géographie">
+		</a>
+		<a class="français" href=https://www.libmanuels.fr/reader/9791035807399/n/0 target="_parent">
+			<img class="français" src="../assets/social/français.png" alt="français">
+		</a>
+		<a class="es" href=https://premium.lelivrescolaire.fr/books/6067877 target="_parent">
+			<img class="es" src="../assets/social/es.png" alt="es">
+		</a>
+
+	</div>
+
+</body>
+
+</html>

html/div a et b.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>#a:hover ~ #b {
+        background: #ccc
+    }</style>
+</head>
+<body>
+    
+    
+    <div id="a">Div A</div>
+    <div>random other elements</div>
+    <div>random other elements</div>
+    <div>random other elements</div>
+    <div id="b">Div B</div>
+</body>
+</html>

html/notion copy.html

@@ -0,0 +1,38 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Notion</title>
+    <link rel="shortcut icon" href="assets/icon.ico">
+    <link rel="stylesheet" href="../css/notion copy.css">
+    <script src="js/js.js"></script>
+    <style>
+        iframe {
+            width: 100%;
+            height: 500px;
+        }
+
+        button {
+            display: inline-block;
+        }
+
+        iframe {
+            width: 50%
+        }
+    </style>
+</head>
+
+<body>
+    <h1 id="title">Notion</h1>
+    <div id="a">
+            <iframe id="notion" src="https://v1.embednotion.com/embed/8baa667799c74937b97b0d68a31a095a"></iframe>
+    </div>
+    <div id="b">
+            <img class="test" src="../assets/social/notion.png" alt="notion">
+    </div>
+
+</body>
+
+</html>

html/notion.html

@@ -0,0 +1,34 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Notion</title>
+    <link rel="shortcut icon" href="assets/icon.ico">
+    <link rel="stylesheet" href="../css/notion.css">
+    <script src="js/js.js"></script>
+    <style>
+        iframe {
+            width: 100%;
+            height: 500px;
+        }
+
+        button {
+            display: inline-block;
+        }
+
+        iframe {
+            width: 50%
+        }
+    </style>
+</head>
+
+<body>
+	<h1 id="title">Notion</h1>
+    <div>
+        <iframe id="notion" src="https://v1.embednotion.com/embed/8baa667799c74937b97b0d68a31a095a"></iframe>
+    </div>
+</body>
+
+</html>

html/raccourcis.html

@@ -0,0 +1,455 @@
+<!-- https://developer.mozilla.org/en-US/
+https://unocrack.cf/#divers
+https://www.youtube.com/watch?v=WZNG8UomjSI 
+https://www.pierre-giraud.com/html-css-apprendre-coder-cours/creation-menu-deroulant/
+https://thenounproject.com/search/icons/?iconspage=1&q=discord
+-->
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<title>Raccourcis</title>
+	<link rel="stylesheet" href="../css/raccourcis.css">
+	<link rel="shortcut icon" href="../assets/icon.ico">
+	<script src="../js/raccourcis.js"></script>
+</head>
+
+<body>
+	<h1 id="title">Cours</h1>
+	<div class="sites">
+		<p>
+			Sites
+		</p>
+		<a class="icone" href=https://www.deepl.com/translator>
+			<img class="deepl" src="../assets/raccourcis/racc/deepl.png" alt="deepl">
+		</a>
+		<a class="pronote" href=https://0910626l.index-education.net/pronote>
+			<img class="pronote" src="../assets/social/pronote.png" alt="pronote">
+		</a>
+		<a class="pearltrees" href='https://www.pearltrees.com/private/id56232974'>
+			<img class="pearltrees" src="../assets/social/pearltrees.png" alt="pearltrees">
+		</a>
+		<a class="elea" href=https://massy.elea.ac-versailles.fr/local/teacherboard target="_blank">
+			<img class="elea" src="../assets/social/elea.png" alt="elea">
+		</a>
+		<a class="mediacentre" href='https://ent.iledefrance.fr/mediacentre#/'>
+			<img class="mediacentre" src="../assets/social/mediacentre.svg" alt="mediacentre">
+		</a>
+	</div>
+
+
+
+	<!-- <div id="deroulant">
+		<ol>
+			<li>
+				<details>
+					<summary>Éléments HTML</summary>
+					<ol>
+						<li class="no-bullet"><span class="no-link"></span>
+							<ol>
+								<li><a class="ent" href=https://ent.iledefrance.fr>
+										<img class="ent" src="../assets/social/ent.ico" alt="ent">
+									</a></a></li>
+								<li><a href="/fr/docs/Web/HTML/Element/abbr"><code>&lt;abbr&gt;</code></a></li>
+								<li><s class="obsoleteElement"><a
+											href="/fr/docs/Web/HTML/Element/acronym"><code>&lt;acronym&gt;</code></a></s>
+								</li>
+								<li><a href="/fr/docs/Web/HTML/Element/address"><code>&lt;address&gt;</code></a></li>
+								<li><s class="obsoleteElement deprecatedElement"><a
+											href="/fr/docs/Web/HTML/Element/applet"><code>&lt;applet&gt;</code></a></s>
+								</li>
+								<li><a href="/fr/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a></li>
+								<li class="html5"><a
+										href="/fr/docs/Web/HTML/Element/article"><code>&lt;article&gt;</code></a></li>
+								<li class="html5"><a
+										href="/fr/docs/Web/HTML/Element/aside"><code>&lt;aside&gt;</code></a></li>
+								<li class="html5"><a
+										href="/fr/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a></li>
+							</ol>
+						</li>
+					</ol>
+				</details>
+			</li>
+		</ol>
+	</div> -->
+	<br><br>
+	<div id="deroulant">
+		<details close>
+			<summary>Streaming</summary>
+			<div class="sites">
+
+
+				<div id="deroulant-1">
+					<details close>
+						<summary>Favoris</summary>
+						<div class="sites">
+							<a class="extreme-down" href=https://www.extreme-down.lol/home.html target="_parent">
+								<img class="extreme-down" src="../assets/raccourcis/extreme-down.ico"
+									alt="extreme-down">
+							</a>
+							<a class="streamdeouf" href='https://www.streamdeouf.biz/' target="_parent">
+								<img class="streamdeouf" src="../assets/raccourcis/streamdeouf2.png" alt="streamdeouf">
+							</a>
+							<a class="opensubtitles" href='https://www.opensubtitles.org/fr' target="_parent">
+								<img class="opensubtitles" src="../assets/raccourcis/opensubtitles.gif"
+									alt="opensubtitles">
+							</a>
+							<a class="dopebox" href='https://dopebox.to/home' target="_parent">
+								<img class="dopebox" src="../assets/raccourcis/dopebox.png" alt="dopebox">
+							</a>
+							<a class="bloom-streaming" href='https://bloom-streaming.xyz/' target="_parent">
+								<img class="bloom-streaming" src="../assets/raccourcis/bloomstreaming.png"
+									alt="bloom-streaming">
+							</a>
+							<a class="ninedocu" href='https://9docu.org/?orderby=date' target="_parent">
+								<img class="ninedocu" src="../assets/raccourcis/9docu.webp" alt="ninedocu">
+							</a>
+						</div>
+					</details>
+				</div>
+
+
+				<div id="deroulant-2">
+					<details close>
+						<summary>Autres</summary>
+						<div class="sites">
+							<a class="zone-telechargement" href='https://www.zone-telechargement.al/' target="_parent">
+								<img class="zone-telechargement" src="../assets/raccourcis/p.png"
+									alt="zone-telechargement">
+							</a>
+							<a class="cpasbien" href='https://www.cpasbien.ch/' target="_parent">
+								<img class="cpasbien" src="../assets/raccourcis/cpasbien.png" alt="cpasbien">
+							</a>
+							<a class="torrent9" href='https://ww2.torrent9.re/' target="_parent">
+								<img class="torrent9" src="../assets/raccourcis/torrent9.jpg" alt="torrent9">
+							</a>
+							<a class="yggtorrent" href='https://ww5.yggtorrent.fi/' target="_parent">
+								<img class="yggtorrent" src="../assets/raccourcis/yggtorrent.jpg" alt="yggtorrent">
+							</a>
+							<a class="torrentz2" href='https://torrentz2.nz/' target="_parent">
+								<img class="torrentz2" src="../assets/raccourcis/torrentz.ico" alt="torrentz2">
+							</a>
+							<a class="oxtorrent" href='https://www.oxtorrent.ac/' target="_parent">
+								<img class="oxtorrent" src="../assets/raccourcis/oxtorrent.jpg" alt="oxtorrent">
+							</a>
+							<a class="thepiratebay" href='https://thepiratebay.org/' target="_parent">
+								<img class="thepiratebay" src="../assets/raccourcis/thepiratebay.png"
+									alt="thepiratebay">
+							</a>
+							<a class="wawacity" href='https://www.wawacity.cam/' target="_parent">
+								<img class="wawacity" src="../assets/raccourcis/wawacity.jpg" alt="wawacity">
+							</a>
+							<a class="emule-island" href='https://emule-island.one/' target="_parent">
+								<img class="emule-island" src="../assets/raccourcis/emule-island.png"
+									alt="emule-island">
+							</a>
+							<a class="rarbg" href='https://rarbgunblock.com/index80.php' target="_parent">
+								<img class="rarbg" src="../assets/raccourcis/rarbg.png" alt="rarbg">
+							</a>
+							<a class="yts" href='https://yts.mx/' target="_parent">
+								<img class="yts" src="../assets/raccourcis/yts.png" alt="yts">
+							</a>
+							<a class="untroistroiseptx" href='https://www.1377x.to/' target="_parent">
+								<img class="untroistroiseptx" src="../assets/raccourcis/1337x.webp"
+									alt="untroistroiseptx">
+							</a>
+
+							<a class="soap2day" href='https://soap2day.id/home' target="_parent">
+								<img class="soap2day" src="../assets/raccourcis/soap2day.png" alt="soap2day">
+							</a>
+							<!-- <a class="" href='' target="_parent">
+								<img class="" src="../assets/raccourcis/" alt="">
+							</a> -->
+							<!-- <a class="" href='' target="_parent">
+								<img class="" src="../assets/raccourcis/" alt="">
+							</a> -->
+						</div>
+					</details>
+				</div>
+
+
+				<div id="deroulant-3">
+					<details close>
+						<summary>Moteur</summary>
+						<div class="sites">
+							<a class="totaldebrif" href='https://totaldebrid.org/' target="_parent">
+								<img class="totaldebrid" src="../assets/raccourcis/totaldebrid.png" alt="totaldebrid">
+							</a>
+							<a class="pourlinstant" href=https://fr.trend-top.com/17-sites-like-megasearchco
+								target="_parent">
+								<img class="pourlinstant" src="../assets/raccourcis/p.png" alt="pourlinstant">
+							</a>
+
+
+							<div id="sous-deroulant">
+								<details close>
+									<summary>totaldebrid</summary>
+									<div class="sites">
+										
+										
+										<div id="sous-sous-deroulant">
+											<details close>
+												<summary>DDL</summary>
+												<div class="sites">
+													<a class="FilmTelecharger" href='https://ww6.filmtelecharger.net/' target="_parent">
+														<img class="FilmTelecharger" src="../assets/raccourcis/" alt="FilmTelecharger">
+													</a>
+													<a class="Free-Telecharger" href='https://www.free-telecharger.net/' target="_parent">
+														<img class="Free-Telecharger" src="../assets/raccourcis/" alt="Free-Telecharger">
+													</a>
+													<a class="Extreme-down" href='https://www.extreme-down.blue/' target="_parent">
+														<img class="Extreme-down" src="../assets/raccourcis/" alt="Extreme-down">
+													</a>
+													<a class="WawaCity" href='https://www.wawacity.one/' target="_parent">
+														<img class="WawaCity" src="../assets/raccourcis/" alt="WawaCity">
+													</a>
+													<a class="Extreme Down" href='https://www.extreme-down.io/home.html' target="_parent">
+														<img class="Extreme Down" src="../assets/raccourcis/" alt="Extreme Down">
+													</a>
+													<a class="Zone-Telechar" href='http://www.zone-telechargement.al/' target="_parent">
+														<img class="Zone-Telechar" src="../assets/raccourcis/" alt="Zone-Telechar">
+													</a>
+													<a class="DLLValley" href='http://www.ddlvalley.me/' target="_parent">
+														<img class="DLLValley" src="../assets/raccourcis/" alt="DLLValley">
+													</a>
+													<a class="Espace Docs" href='https://espacedocs.blogspot.com/' target="_parent">
+														<img class="Espace Docs" src="../assets/raccourcis/" alt="Espace Docs">
+													</a>
+													<a class="9DOCU" href='https://9docu.org/' target="_parent">
+														<img class="9DOCU" src="../assets/raccourcis/" alt="9DOCU">
+													</a>
+												</div>
+											</details>
+										</div>
+
+										<div id="sous-sous-deroulant">
+											<details close>
+												<summary>Sport</summary>
+												<div class="sites">
+													<a class="Sports Steams Live" href='https://www.clictune.com/eQuh' target="_parent">
+														<img class="Sports Steams Live" src="../assets/raccourcis/" alt="Sports Steams Live">
+													</a>
+													<a class="StreamonSports" href='https://www.streamonsport09.xyz/' target="_parent">
+														<img class="StreamonSports" src="../assets/raccourcis/" alt="StreamonSports">
+													</a>
+													<a class="Live TV" href='http://livetv.sx/fr/' target="_parent">
+														<img class="Live TV" src="../assets/raccourcis/" alt="Live TV">
+													</a>
+													<a class="RedBull" href='https://www.redbull.tv/' target="_parent">
+														<img class="RedBull" src="../assets/raccourcis/" alt="RedBull">
+													</a>
+													<a class="whowill" href='https://whowill.win/' target="_parent">
+														<img class="whowill" src="../assets/raccourcis/" alt="whowill">
+													</a>
+													<a class="HahaBar" href='http://www.hahabar.com/' target="_parent">
+														<img class="HahaBar" src="../assets/raccourcis/" alt="HahaBar">
+													</a>
+													<a class="Atdhes" href='http://atdhes.eu/' target="_parent">
+														<img class="Atdhes" src="../assets/raccourcis/" alt="Atdhes">
+													</a>
+													<a class="Live Soccer TV" href='https://www.livesoccertv.com/' target="_parent">
+														<img class="Live Soccer TV" src="../assets/raccourcis/" alt="Live Soccer TV">
+													</a>
+													<a class="Roja Directa" href='http://www.rojadirecta.me/' target="_parent">
+														<img class="Roja Directa" src="../assets/raccourcis/" alt="Roja Directa">
+													</a>
+													<a class="VIProw" href='https://www.viprow.net/' target="_parent">
+														<img class="VIProw" src="../assets/raccourcis/" alt="VIProw">
+													</a>
+													<a class="FirstRowSport" href='http://firstrowfr.eu/' target="_parent">
+														<img class="FirstRowSport" src="../assets/raccourcis/" alt="FirstRowSport">
+													</a>
+													<a class="Sport Lemons" href='http://sportlemons.com/' target="_parent">
+														<img class="Sport Lemons" src="../assets/raccourcis/" alt="Sport Lemons">
+													</a>
+													<a class="Stream 2 watch" href='https://www.stream2watch.org/' target="_parent">
+														<img class="Stream 2 watch" src="../assets/raccourcis/" alt="Stream 2 watch">
+													</a>
+													<a class="StreamSports" href='https://www.streamsports.io/' target="_parent">
+														<img class="StreamSports" src="../assets/raccourcis/" alt="StreamSports">
+													</a>
+													<a class="Sport 365" href='http://www.sport365.live/fr/main' target="_parent">
+														<img class="Sport 365" src="../assets/raccourcis/" alt="Sport 365">
+													</a>
+													<a class="MATCH en DIRECT" href='https://www.matchendirect.fr/' target="_parent">
+														<img class="MATCH en DIRECT" src="../assets/raccourcis/" alt="MATCH en DIRECT">
+													</a>
+													<a class="Fullmatch sandshows" href='https://www.fullmatchesandshows.com/home/' target="_parent">
+														<img class="Fullmatch sandshows" src="../assets/raccourcis/" alt="Fullmatch sandshows">
+													</a>
+													<a class="StreamsHunters" href='http://streamshunters.com/' target="_parent">
+														<img class="StreamsHunters" src="../assets/raccourcis/" alt="StreamsHunters">
+													</a>
+												</div>
+											</details>
+										</div>
+
+										<div id="sous-sous-deroulant">
+											<details close>
+												<summary>TV</summary>
+												<div class="sites">
+													<a class="myfree-tivi" href='https://www.myfree-tivi.com/livetv' target="_parent">
+														<img class="myfree-tivi" src="../assets/raccourcis/" alt="myfree-tivi">
+													</a>
+													<a class="Molotov" href='https://www.molotov.tv/' target="_parent">
+														<img class="Molotov" src="../assets/raccourcis/" alt="Molotov">
+													</a>
+													<a class="FilmOn" href='https://www.filmon.com/' target="_parent">
+														<img class="FilmOn" src="../assets/raccourcis/" alt="FilmOn">
+													</a>
+													<a class="Captvty" href='http://captvty.fr/' target="_parent">
+														<img class="Captvty" src="../assets/raccourcis/" alt="Captvty">
+													</a>
+													<a class="RePlay" href='https://www.replay.fr/' target="_parent">
+														<img class="RePlay" src="../assets/raccourcis/" alt="RePlay">
+													</a>
+													<a class="RevoirLaTELE" href='http://www.revoirlatele.com/' target="_parent">
+														<img class="RevoirLaTELE" src="../assets/raccourcis/" alt="RevoirLaTELE">
+													</a>
+													<a class="Top Replay" href='https://topreplay.video/' target="_parent">
+														<img class="Top Replay" src="../assets/raccourcis/" alt="Top Replay">
+													</a>
+													<a class="FranceTV" href='https://www.france.tv/' target="_parent">
+														<img class="FranceTV" src="../assets/raccourcis/" alt="FranceTV">
+													</a>
+													<a class="Regard direct" href='https://www.regarddirect.fr/' target="_parent">
+														<img class="Regard direct" src="../assets/raccourcis/" alt="Regard direct">
+													</a>
+												</div>
+											</details>
+										</div>
+
+										<div id="sous-sous-deroulant">
+											<details close>
+												<summary>Torrent</summary>
+												<div class="sites">
+													<a class="Cpasbiens2" href='https://www.clictune.com/eQZN' target="_parent">
+														<img class="Cpasbiens2" src="../assets/raccourcis/" alt="Cpasbiens2">
+													</a>
+													<a class="Torrent9" href='https://www.clictune.com/eQKu' target="_parent">
+														<img class="Torrent9" src="../assets/raccourcis/" alt="Torrent9">
+													</a>
+													<a class="Torlock" href='https://www.clictune.com/eQKt' target="_parent">
+														<img class="Torlock" src="../assets/raccourcis/" alt="Torlock">
+													</a>
+													<a class="Kikass" href='https://www.clictune.com/eQKF' target="_parent">
+														<img class="Kikass" src="../assets/raccourcis/" alt="Kikass">
+													</a>
+													<a class="Gktorrents" href='https://www.clictune.com/eQKH' target="_parent">
+														<img class="Gktorrents" src="../assets/raccourcis/" alt="Gktorrents">
+													</a>
+													<a class="Zetorrents" href='https://www.clictune.com/eQKI' target="_parent">
+														<img class="Zetorrents" src="../assets/raccourcis/" alt="Zetorrents">
+													</a>
+													<a class="Pcgamestorrents" href='https://www.mylink1.biz/eQLl' target="_parent">
+														<img class="Pcgamestorrents" src="../assets/raccourcis/" alt="Pcgamestorrents">
+													</a>
+													<a class="Pirate Bay Multi site" href='https://www.mylink1.biz/ePG0' target="_parent">
+														<img class="Pirate Bay Multi site" src="../assets/raccourcis/" alt="Pirate Bay Multi site">
+													</a>
+													<a class="1337x" href='https://www.mylink1.biz/ePFY' target="_parent">
+														<img class="1337x" src="../assets/raccourcis/" alt="1337x">
+													</a>
+													<a class="Eztv" href='https://www.mylink1.biz/ePFV' target="_parent">
+														<img class="Eztv" src="../assets/raccourcis/" alt="Eztv">
+													</a>
+													<a class="Webtor" href='https://www.clictune.com/bm9a' target="_parent">
+														<img class="Webtor" src="../assets/raccourcis/" alt="Webtor">
+													</a>
+													<a class="YGGTorrent" href='https://www.clictune.com/ePHl' target="_parent">
+														<img class="YGGTorrent" src="../assets/raccourcis/" alt="YGGTorrent">
+													</a>
+													<a class="OxTorrent" href='https://www.mylink1.biz/ePFT' target="_parent">
+														<img class="OxTorrent" src="../assets/raccourcis/" alt="OxTorrent">
+													</a>
+													<a class="Torrent911" href='https://www.mylink1.biz/ePFS' target="_parent">
+														<img class="Torrent911" src="../assets/raccourcis/" alt="Torrent911">
+													</a>
+													<a class="GamesTorrents" href='https://www.gamestorrents.fm/' target="_parent">
+														<img class="GamesTorrents" src="../assets/raccourcis/" alt="GamesTorrents">
+													</a>
+													<a class="nyAA" href='https://www.mylink1.biz/ePFa' target="_parent">
+														<img class="nyAA" src="../assets/raccourcis/" alt="nyAA">
+													</a>
+													<a class="Torrentsafe" href='http://www.clictune.com/52Nu' target="_parent">
+														<img class="Torrentsafe" src="../assets/raccourcis/" alt="Torrentsafe">
+													</a>
+													<a class="Rarbg" href='https://www.clictune.com/ePES' target="_parent">
+														<img class="Rarbg" src="../assets/raccourcis/" alt="Rarbg">
+													</a>
+													<a class="Torrent2fr" href='https://www.mylink1.biz/ePEX' target="_parent">
+														<img class="Torrent2fr" src="../assets/raccourcis/" alt="Torrent2fr">
+													</a>
+													<a class="Limetorrents" href='https://www.mylink1.biz/ePF0' target="_parent">
+														<img class="Limetorrents" src="../assets/raccourcis/" alt="Limetorrents">
+													</a>
+												</div>
+											</details>
+										</div>
+
+										<div id="sous-sous-deroulant">
+											<details close>
+												<summary>Ebooks</summary>
+												<div class="sites">
+													<a class="Telecharger Magazine" href='http://telechargemagazine.com/' target="_parent">
+														<img class="Telecharger Magazine" src="../assets/raccourcis/" alt="Telecharger Magazine">
+													</a>
+													<a class="Fourtoutici" href='http://fourtoutici.pro/' target="_parent">
+														<img class="Fourtoutici" src="../assets/raccourcis/" alt="Fourtoutici">
+													</a>
+													<a class="Zone-Ebook" href='http://zone-ebook.com/' target="_parent">
+														<img class="Zone-Ebook" src="../assets/raccourcis/" alt="Zone-Ebook">
+													</a>
+													<a class="Bookys-Gratuit" href='https://www.bookys-gratuit.com/' target="_parent">
+														<img class="Bookys-Gratuit" src="../assets/raccourcis/" alt="Bookys-Gratuit">
+													</a>
+													<a class="Ebook-Planete" href='http://www.ebook-planete.org/' target="_parent">
+														<img class="Ebook-Planete" src="../assets/raccourcis/" alt="Ebook-Planete">
+													</a>
+													<a class="NosLivres" href='http://noslivres.net/' target="_parent">
+														<img class="NosLivres" src="../assets/raccourcis/" alt="NosLivres">
+													</a>
+													<a class="JustFreeBooks" href='http://www.justfreebooks.info/' target="_parent">
+														<img class="JustFreeBooks" src="../assets/raccourcis/" alt="JustFreeBooks">
+													</a>
+													<a class="Ebooks Gratuits" href='https://www.ebooksgratuits.com/' target="_parent">
+														<img class="Ebooks Gratuits" src="../assets/raccourcis/" alt="Ebooks Gratuits">
+													</a>
+													<a class="Gutenberg" href='https://www.gutenberg.org/' target="_parent">
+														<img class="Gutenberg" src="../assets/raccourcis/" alt="Gutenberg">
+													</a>
+													<a class="Abandonware" href='http://abandonware-magazines.org/' target="_parent">
+														<img class="Abandonware" src="../assets/raccourcis/" alt="Abandonware">
+													</a>
+													<a class="ManyBooks" href='http://manybooks.net/' target="_parent">
+														<img class="ManyBooks" src="../assets/raccourcis/" alt="ManyBooks">
+													</a>
+													<a class="Absolutecover" href='http://www.absolutecover.net/' target="_parent">
+														<img class="Absolutecover" src="../assets/raccourcis/" alt="Absolutecover">
+													</a>
+													<a class="Audiobb" href='https://audiobb.com/' target="_parent">
+														<img class="Audiobb" src="../assets/raccourcis/" alt="Audiobb">
+													</a>
+												</div>
+											</details>
+										</div>
+
+
+									</div>
+								</details>
+							</div>
+
+
+						</div>
+					</details>
+				</div>
+
+
+			</div>
+		</details>
+	</div>
+</body>
+
+</html>

html/réseaux.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<link rel="stylesheet" href="../css/reseaux.css">
+
+<head>
+	<title>Réseaux</title>
+	<style>
+		iframe {
+			width: 100%;
+			height: 500px;
+		}
+	</style>
+</head>
+
+<body>
+	<div class="reseau">
+		<h1 id="title">R&eacute;seaux</h1>
+		<a class="insta" href="https://instagram.com" target="_parent">
+			<img class="insta" src="../assets/social/insta.png" alt="insta">
+		</a>
+		<a class="twitter" href="https:/twitter.com" target="_parent">
+			<img class="twitter" src="../assets/social/twitter.png" alt="twitter">
+		</a>
+		<a class="github" href="https://github.com/nohamr" target="_parent">
+			<img class="github" src="../assets/social/github.png" alt="github">
+		</a>
+		<a class="youtube" href="https://youtube.com" target="_parent">
+			<img class="youtube" src="../assets/social/youtube2.png" alt="youtube">
+		</a>
+		<a class="whatsapp" href="https://web.whatsapp.com/" target="_parent">
+			<img class="whatsapp" src="../assets/social/whatsapp.png" alt="whatsapp">
+		</a>
+		<a class="discord" href="https://discord.com/channels/@me" target="_parent">
+			<img class="discord" src="../assets/social/discord.png" alt="discord">
+		</a>
+		<a class="telegram" href="https://web.telegram.org/k/" target="_parent">
+			<img class="telegram" src="../assets/social/telegram.png" alt="telegram">
+		</a>
+		<a class="drive" href="https://drive.google.com/drive/shared-drives?hl=fr" target="_parent">
+			<img class="drive" src="../assets/social/drive.png" alt="drive">
+		</a>
+		<a class="twitch" href="https://www.twitch.tv/" target="_parent">
+			<img class="twitch" src="../assets/social/twitch.png" alt="twitch">
+		</a>
+		<a class="reddit" href="https://www.reddit.com/" target="_parent">
+			<img class="reddit" src="../assets/social/reddit.png" alt="twitch">
+		</a>
+		<a class="isoft" href="https://iphonesoft.fr/" target="_parent">
+			<img class="isoft" src="../assets/social/isoft2.png" alt="isoft">
+		</a>
+	</div>
+
+
+
+</body>
+
+</html>

index.html

@@ -0,0 +1,113 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Accueil</title>
+    <link rel="shortcut icon" href="assets/icon.ico">
+    <link rel="stylesheet" href="css/style.css">
+    <script src="js/js.js"></script>
+    <script>var body = document.getElementsByTagName('body')[0];
+        images = ['img1.jpg','img2.jpg','img3.jpg'];
+        i = Math.floor(Math.random()*images.length);
+        body.style.backgroundImage = 'url(' + images[i] + ')';
+        body.style.backgroundSize = 'cover';</script>
+</head>
+
+<body>
+    <div id="contenu">
+        <div id="notion">
+            <iframe id="notion-content" src="html/notion.html" frameborder="0" height="400px" width="400px"></iframe>
+        </div>
+        <div id="reseaux">
+            <iframe id="reseaux-content" src="html/réseaux.html" frameborder="0"></iframe>
+        </div>
+         <div id="cours">
+            <iframe id="cours-content" src="html/cours.html" frameborder="0"></iframe>
+        </div>
+        <div id="weather">
+            <iframe id="weather-content" src="weather/weather.html" frameborder="0"></iframe>
+        </div>
+        <div id="raccourcis">
+            <iframe id="raccourcis-content" src="html/raccourcis.html" frameborder="0"></iframe>
+        </div>
+    </div>
+
+    <div id="heure">
+        <SCRIPT LANGUAGE="JavaScript">
+            Stamp = new Date();
+            year = Stamp.getYear();
+            if (year < 2000) year = 1900 + year;
+            document.write('<h1>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</h1>');
+            // document.write('<font size="5" ><B>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</B></font><BR>');
+            var Hours;
+            var Mins;
+            var Time;
+            Hours = Stamp.getHours();
+            if (Hours >= 12) {
+                Time = " ";
+            }
+            else {
+                Time = " ";
+            }
+            if (Hours > 24) {
+                Hours -= 24;
+            }
+            if (Hours == 0) {
+                Hours = 12;
+            }
+            Mins = Stamp.getMinutes();
+            if (Mins < 10) {
+                Mins = "0" + Mins;
+            }
+            document.write('<h1>' + Hours + ":" + Mins + Time + '</h1>');
+            // document.write('<font size="10" ><B>' + Hours + ":" + Mins + Time + '</B></font>');
+        </SCRIPT>
+
+        <SCRIPT LANGUAGE="JavaScript">
+           Stamp = new Date();
+            day = Stamp.getDay();
+            if (day == 1) {
+                jour = 'Lundi';
+            }
+            if (day == 2) {
+                jour = 'Mardi';
+            }
+            if (day == 3) {
+                jour = 'Mercredi';
+            }
+            if (day == 4) {
+                jour = 'Jeudi';
+            }
+            if (day == 5) {
+                jour = 'Vendredi';
+            }
+            if (day == 6) {
+                jour = 'Samedi';
+            }
+            if (day == 7) {
+                jour = 'Dimanche';
+            }
+
+            // document.write('<h1>' + Stamp.getDay() + '</h1>');
+            document.write('<h1>' + jour + '</h1>');
+        </script>
+        
+    </div>
+
+    <div class="button">
+        <div>
+            <button id="reload" onClick="window.location.reload();"><img src="assets/social/reload.png" alt="reload"
+                    style="width:75px"></button>
+            <!-- <img id="reload" src="assets/social/reload.png" alt="reload" onClick="window.location.reload"> -->
+        </div>
+        <br>
+        <div>
+            <button id="google" onmouseenter='window.location.href="https://google.com"'><img
+                    src="assets/social/google.png" alt="reload" style="width: 75px"></button>
+        </div>
+    </div>
+</body>
+
+</html>

js/raccourcis.js

@@ -0,0 +1,37 @@
+// // auto-open-details.js
+
+// function getDetails(mouseEvent) {
+//     let target = mouseEvent.target
+//     if (target.tagName === 'SUMMARY') {
+//       target = target.parentNode
+//     }
+//     if (target.tagName !== 'DETAILS') {
+//       return  // Using return without a value will return the value undefined.
+//     }
+//     return target
+//   }
+  
+  
+//   (
+//     ()=>{
+//       const detailsCollection = document.getElementsByTagName('details')
+  
+//       for (let [key, details] of Object.entries(detailsCollection)){
+//         details.onmouseover = (mouseEvent) => {
+//           const target = getDetails(mouseEvent)
+//           if (typeof target != "undefined") {
+//             target.open = true
+//           }
+//         }   
+//       }
+      
+//       document.addEventListener('mouseover', (mouseEvent)=>{
+//         for (let [key, details] of Object.entries(detailsCollection)){
+//           if (details.matches(':hover')){
+//              return // Don't use "continue" since its subelement needs to show.
+//           }
+//           details.open = false
+//         }
+//       })  
+//     }
+//   )();

weather/weather.css

@@ -0,0 +1,85 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+  font-family: 'Open Sans', sans-serif;
+  background-color: transparent;
+  font-size: 120%;
+}
+
+.card {
+  background: #000000d0;
+  color: white;
+  padding: 2em;
+  border-radius: 30px;
+  width: 100%;
+  max-width: 420px;
+  margin: 1em;
+}
+
+.search {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+button {
+  margin: 0.5em;
+  border-radius: 50%;
+  border: none;
+  height: 44px;
+  width: 44px;
+  outline: none;
+  background: #7c7c7c2b;
+  color: white;
+  cursor: pointer;
+  transition: 0.2s ease-in-out;
+}
+
+input.search-bar {
+  border: none;
+  outline: none;
+  padding: 0.4em 1em;
+  border-radius: 24px;
+  background: #7c7c7c2b;
+  color: white;
+  font-family: inherit;
+  font-size: 105%;
+  width: calc(100% - 100px);
+}
+
+button:hover {
+  background: #7c7c7c6b;
+}
+
+h1.temp {
+  margin: 0;
+  margin-bottom: 0.4em;
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+}
+
+.description {
+  text-transform: capitalize;
+  margin-left: 8px;
+}
+
+.weather.loading {
+  visibility: hidden;
+  max-height: 20px;
+  position: relative;
+}
+
+.weather.loading:after {
+  visibility: visible;
+  content: "Loading...";
+  color: white;
+  position: absolute;
+  top: 0;
+  left: 20px;
+}

weather/weather.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Weather App</title>
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="weather.css">
+  <script src="weather.js" defer></script>
+</head>
+
+<body>
+  <div class="card">
+    <div class="search">
+      <input type="text" class="search-bar" placeholder="Rechercher">
+      <button><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1.5em"
+          width="1.5em" xmlns="http://www.w3.org/2000/svg">
+          <path
+            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z">
+          </path>
+        </svg></button>
+    </div>
+    <div class="weather loading">
+      <h2 class="city">Weather in Denver</h2>
+      <h1 class="temp">51°C</h1>
+      <div class="flex">
+        <img src="https://openweathermap.org/img/wn/04n.png" alt="" class="icon" />
+        <div class="description">Cloudy</div>
+      </div>
+      <div class="humidity">Humidity: 60%</div>
+      <div class="wind">Wind speed: 6.2 km/h</div>
+    </div>
+  </div>
+</body>
+
+</html>

weather/weather.js

@@ -0,0 +1 @@
+const _0xf7ec = ['1WTzlLu', 'displayWeather', 'innerText', '.humidity', 'style', '.icon', 'Orsay', 'url(\x27', 'keyup', 'querySelector', 'weather', 'loading', 'body', 'then', 'No\x20weather\x20found.', '.png', '\x20km/h', 'main', 'click', 'fetchWeather', '624254JAKbCI', 'backgroundImage', '.weather', '278720rBCJVY', '800fd005579d27a234b5ea3722aeb935', 'Humidity:\x20', 'search', '.wind', '638539kEARMI', '1210334gNcjTQ', '&units=metric&appid=', 'Enter', '627017NHrYpg', '1594628qBtVoe', '.search-bar', 'apiKey', 'https://openweathermap.org/img/wn/', 'Weather\x20in\x20', 'classList', '.description', 'src', 'json', 'key', 'remove', '113544jQxTjo']; const _0x2ed9 = function (_0x2cb9bf, _0x34ddd8) { _0x2cb9bf = _0x2cb9bf - 0x1bd; let _0xf7ec4d = _0xf7ec[_0x2cb9bf]; return _0xf7ec4d; }; const _0x2aae01 = _0x2ed9; (function (_0x3ff0bc, _0x4659bb) { const _0x5d4f57 = _0x2ed9; while (!![]) { try { const _0x5745ce = -parseInt(_0x5d4f57(0x1c1)) + parseInt(_0x5d4f57(0x1ca)) + parseInt(_0x5d4f57(0x1c4)) + parseInt(_0x5d4f57(0x1c9)) + parseInt(_0x5d4f57(0x1d9)) + parseInt(_0x5d4f57(0x1cd)) * parseInt(_0x5d4f57(0x1da)) + -parseInt(_0x5d4f57(0x1ce)); if (_0x5745ce === _0x4659bb) break; else _0x3ff0bc['push'](_0x3ff0bc['shift']()); } catch (_0x31e4fe) { _0x3ff0bc['push'](_0x3ff0bc['shift']()); } } }(_0xf7ec, 0x9e838)); let weather = { 'apiKey': _0x2aae01(0x1c5), 'fetchWeather': function (_0x5e7481) { const _0x4d51a0 = _0x2aae01; fetch('https://api.openweathermap.org/data/2.5/weather?q=' + _0x5e7481 + _0x4d51a0(0x1cb) + this[_0x4d51a0(0x1d0)])[_0x4d51a0(0x1e7)](_0x17922e => { const _0x25b410 = _0x4d51a0; if (!_0x17922e['ok']) { alert(_0x25b410(0x1e8)); throw new Error(_0x25b410(0x1e8)); } return _0x17922e[_0x25b410(0x1d6)](); })[_0x4d51a0(0x1e7)](_0x57b1ef => this[_0x4d51a0(0x1db)](_0x57b1ef)); }, 'displayWeather': function (_0x1878db) { const _0x349224 = _0x2aae01, { name: _0x3a2405 } = _0x1878db, { icon: _0x1ed832, description: _0x50e4bb } = _0x1878db[_0x349224(0x1e4)][0x0], { temp: _0x1bb053, humidity: _0x2ea79d } = _0x1878db[_0x349224(0x1be)], { speed: _0x5c4211 } = _0x1878db['wind']; document['querySelector']('.city')[_0x349224(0x1dc)] = _0x349224(0x1d2) + _0x3a2405, document[_0x349224(0x1e3)](_0x349224(0x1df))[_0x349224(0x1d5)] = _0x349224(0x1d1) + _0x1ed832 + _0x349224(0x1e9), document[_0x349224(0x1e3)](_0x349224(0x1d4))[_0x349224(0x1dc)] = _0x50e4bb, document[_0x349224(0x1e3)]('.temp')[_0x349224(0x1dc)] = _0x1bb053 + '°C', document[_0x349224(0x1e3)](_0x349224(0x1dd))[_0x349224(0x1dc)] = _0x349224(0x1c6) + _0x2ea79d + '%', document['querySelector'](_0x349224(0x1c8))[_0x349224(0x1dc)] = 'Wind\x20speed:\x20' + _0x5c4211 + _0x349224(0x1bd), document['querySelector'](_0x349224(0x1c3))[_0x349224(0x1d3)][_0x349224(0x1d8)](_0x349224(0x1e5)), document[_0x349224(0x1e6)][_0x349224(0x1de)][_0x349224(0x1c2)] = _0x349224(0x1e1) + _0x3a2405 + '\x27)'; }, 'search': function () { const _0x14da47 = _0x2aae01; this[_0x14da47(0x1c0)](document[_0x14da47(0x1e3)](_0x14da47(0x1cf))['value']); } }; document['querySelector']('.search\x20button')['addEventListener'](_0x2aae01(0x1bf), function () { weather['search'](); }), document['querySelector'](_0x2aae01(0x1cf))['addEventListener'](_0x2aae01(0x1e2), function (_0x34b397) { const _0x36ffda = _0x2aae01; _0x34b397[_0x36ffda(0x1d7)] == _0x36ffda(0x1cc) && weather[_0x36ffda(0x1c7)](); }), weather[_0x2aae01(0x1c0)](_0x2aae01(0x1e0));