feat: few minor features, added error page

4 files changed, 35 insertions, 11 deletions

diff --git a/error.html b/error.html
new file mode 100644
index 0000000..de96e3b
--- /dev/null
+++ b/error.html
@@ -0,0 +1 @@
+<h1>uwu we made a little fucko boingo</h1>
diff --git a/log.html b/log.html
index f3b4688..779d6a8 100644
--- a/log.html
+++ b/log.html
@@ -23,7 +23,13 @@
 			<p>18 juillet 2023<br>
 			Gné ça fait longtemps<br>
 			Samedi je me mets sérieusement au déploiement du site, en me faisant aider bien entendu. Peut-être que je comprendrai mieux le réseau avec ça.</p>
+			<hr class="section-sep">
+			<h2>Mémoire 4</h2>
+			<p>17 août 2023<br>
+			Finalement j'ai pas fait ça samedi... Et j'ai surtout cédé à la flemme de mettre en place le serveur sur mon raspberry pi, tant pis. De toute façon je paye déjà le vps pour le site des <a class="text-link" target=_blank href="https://lesrunninggags.com" style="color: red;">Running Gags</a>, un jour peut-être je ferai tout migrer.<br>
+			Au moins ça marche¯\_(ツ)_/¯<br>
+			oaaaaaah je sais il faut que je fasse une page d'erreur!</p>
 		</div>
-		<a href="index.html" class="footer">Return</a>
+		<a href="index.html" class="footer">Retour</a>
 	</body>
 </html>
diff --git a/pages.html b/pages.html
index 7593842..c5ed1bf 100644
--- a/pages.html
+++ b/pages.html
@@ -15,13 +15,15 @@
         <hr class="section-sep">
 	<div style="position: relative;">
         <h2>Du coup, ma webring</h2>
+	<small style="color: grey;">Ouais je sais y en a pas beaucoup pour l'instant, un peu de patience</small>
         <div class="webring">
-          <div style="position: absolute;top:0;right:0;">
-            <textarea style="height:31px; width: 88px;background-color:#FFF; font-size:10px; resize: none; border: 1px dashed;">&lt;a href="https://marcelus.net" target="_blank"&gt;&lt;img src="https://marcelus.net/img/button.png"&gt;&lt;/a&gt;</textarea>
-            <a href=index.html style="display: inline-block; height: 31px; width:88px;">
-              <img width=88px height=31px src=img/button.png />
-            </a>
-          </div>
+		<span>
+            		<textarea style="height:31px; width: 88px;background-color:#FFF; font-size:10px; resize: none; border: 1px dashed;">&lt;a href="https://marcelus.net" target="_blank"&gt;&lt;img src="https://marcelus.net/img/button.png"&gt;&lt;/a&gt;</textarea>
+            		<a href=index.html style="height: 31px; width:88px;">
+              			<img width=88px height=31px src=img/button.png />
+			</a>
+          	</span>
+	<div class="marquee">
           <a href="https://ratakor.com">
             <img src="https://ratakor.com/images/based/ratakor.gif">
           </a>
@@ -34,6 +36,7 @@
           <a href="https://yesterweb.com">
             <img src="https://yesterweb.org/img/button.png">
           </a>
+	</div>
         </div>
 	</div>
       </div>
@@ -73,7 +76,7 @@
         <p>Le nom n'est même pas officiel, mais c'est celui que nous avions donné pour un éventuel concert, sur lequel nous ne nous étions jamais produits. J'ai rencontré les membres de ce groupe déjà formé au lycée, constatant qu'ils n'avaient pas de bassiste (dommage pour un groupe de rock/metal). Ils m'ont intégré après que je me sois proposé pour le poste début avril 2022, puis nous avons répété ensemble jusqu'à juin 2022. Remarquant bien qu'ils ne prenaient plus de plaisir à jouer ensemble, ils ont décidé de dissoudre le groupe.</p>
         <hr class="sub-sep">
         <h2>Les Running Gags</h2>
-        <p>À la fin de l'été 2022, j'ai commencé à chercher un groupe plus proche de mon logement étudiant. C'est comme ça que j'ai trouvé les Running Gags. Ils ont décidé de me prendre directement à la fin de la répète de test, et on joue encore ensemble aujourd'hui. Nous avons donné notre premier concert le 17 juin 2023</p>
+	<p>À la fin de l'été 2022, j'ai commencé à chercher un groupe plus proche de mon logement étudiant. C'est comme ça que j'ai trouvé les Running Gags. Ils ont décidé de me prendre directement à la fin de la répète de test, et on joue encore ensemble aujourd'hui. Nous avons donné notre premier concert le 17 juin 2023.<br>J'ai créé un <a class="text-link" href="https://lesrunninggags.com" style="color: red;">site</a> pour le groupe, mais pour l'instant 1) il est méga crado sur mobile 2) il sert pas vraiment. J'ai bien aimé le faire pourtant.</p>
         <div class="liens">
           <a class="text-link" style="color: darkblue" href="https://www.facebook.com/profile.php?id=100092628580525">VisageLivre</a>
           <a class="text-link" style="color:#f00062" href="https://www.instagram.com/les_running_gags/">Instagram</a>
diff --git a/style.css b/style.css
index 6844f13..886c045 100644
--- a/style.css
+++ b/style.css
@@ -85,6 +85,10 @@ a.text-link::after{
 	top: 3%;
 }
 
+.marquee{
+	animation: marquee 10s linear infinite;
+}
+
 .content-container{
 	margin: 20px 10%;
 	display: grid;
@@ -133,8 +137,8 @@ a.text-link::after{
 }
 
 .footer{
-	position: fixed;
-	top: 5px;
+	/*position: fixed;
+	top: 5px;*/
 	margin: 0 auto;
 	background-color: rgba(220, 237, 200, 0.9);
 	border-radius: 3px;
@@ -143,7 +147,7 @@ a.text-link::after{
 	animation-duration: 6s;
 	animation-iteration-count: infinite;
 	animation-timing-function: linear;
-	z-index: -1;
+	/*z-index: -1;*/
 }
 
 .footer::before, .footer::after{
@@ -188,6 +192,16 @@ a.text-link::after{
 	}
 }
 
+@keyframes marquee{
+	from{
+		transform: translateX(100%);
+	}
+	to{
+		transform: translateX(-100%);
+	}
+}
+
+
 @keyframes heylisten{
 	50%{
 		transform: scale(1.05,1.05);