]> git.f4mnq.fr Git - site-web-pro.git/commitdiff
projects / site-web-pro.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (initial)
Validation initiale
authorAmélia Coutard-Sander <git@f4mnq.fr>
Wed, 7 Jan 2026 13:58:24 +0000 (14:58 +0100)
committerAmélia Coutard-Sander <git@f4mnq.fr>
Wed, 7 Jan 2026 13:58:24 +0000 (14:58 +0100)
12 files changed:
f4mnq/index.html [new file with mode: 0644] patch | blob
f4mnq/mpring/left-arrow [new file with mode: 0644] patch | blob
f4mnq/mpring/random [new file with mode: 0644] patch | blob
f4mnq/mpring/right-arrow [new file with mode: 0644] patch | blob
f4mnq/mpring/site [new file with mode: 0644] patch | blob
f4mnq/style.css [new file with mode: 0644] patch | blob
f4mnq/test/mpring/left-arrow [new file with mode: 0644] patch | blob
f4mnq/test/mpring/random [new file with mode: 0644] patch | blob
f4mnq/test/mpring/right-arrow [new file with mode: 0644] patch | blob
f4mnq/test/mpring/site [new file with mode: 0644] patch | blob
mpring/mpring.png [new file with mode: 0644] patch | blob
mpring/ring.html [new file with mode: 0644] patch | blob

diff --git a/f4mnq/index.html b/f4mnq/index.html
new file mode 100644 (file)
index 0000000..aef28e3
--- /dev/null
+++ b/f4mnq/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+       <link rel="stylesheet" href="/style.css" />
+</head>
+<body>
+       <div id="content">
+               Future content.
+       </div>
+       <iframe id="mpring" src="https://mpring.f4mnq.fr/ring.html" title="Webring amical" width=200px height=80px></iframe>
+</body>
+</html>
diff --git a/f4mnq/mpring/left-arrow b/f4mnq/mpring/left-arrow
new file mode 100644 (file)
index 0000000..eedd91c
Binary files /dev/null and b/f4mnq/mpring/left-arrow differ
diff --git a/f4mnq/mpring/random b/f4mnq/mpring/random
new file mode 100644 (file)
index 0000000..52e2cee
Binary files /dev/null and b/f4mnq/mpring/random differ
diff --git a/f4mnq/mpring/right-arrow b/f4mnq/mpring/right-arrow
new file mode 100644 (file)
index 0000000..1c84203
Binary files /dev/null and b/f4mnq/mpring/right-arrow differ
diff --git a/f4mnq/mpring/site b/f4mnq/mpring/site
new file mode 100644 (file)
index 0000000..91cdf01
Binary files /dev/null and b/f4mnq/mpring/site differ
diff --git a/f4mnq/style.css b/f4mnq/style.css
new file mode 100644 (file)
index 0000000..2eafbd4
--- /dev/null
+++ b/f4mnq/style.css
@@ -0,0 +1,8 @@
+#content {
+       min-height: calc(100vh - 120px);
+}
+
+#mpring {
+       margin-left: calc(50% - 100px);
+       border: 0;
+}
diff --git a/f4mnq/test/mpring/left-arrow b/f4mnq/test/mpring/left-arrow
new file mode 100644 (file)
index 0000000..3a33ce2
Binary files /dev/null and b/f4mnq/test/mpring/left-arrow differ
diff --git a/f4mnq/test/mpring/random b/f4mnq/test/mpring/random
new file mode 100644 (file)
index 0000000..907d1a8
Binary files /dev/null and b/f4mnq/test/mpring/random differ
diff --git a/f4mnq/test/mpring/right-arrow b/f4mnq/test/mpring/right-arrow
new file mode 100644 (file)
index 0000000..0cd60c1
Binary files /dev/null and b/f4mnq/test/mpring/right-arrow differ
diff --git a/f4mnq/test/mpring/site b/f4mnq/test/mpring/site
new file mode 100644 (file)
index 0000000..573e50d
Binary files /dev/null and b/f4mnq/test/mpring/site differ
diff --git a/mpring/mpring.png b/mpring/mpring.png
new file mode 100644 (file)
index 0000000..6793295
Binary files /dev/null and b/mpring/mpring.png differ
diff --git a/mpring/ring.html b/mpring/ring.html
new file mode 100644 (file)
index 0000000..e2ec294
--- /dev/null
+++ b/mpring/ring.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+       <style>
+       img {
+               image-rendering: pixelated;
+       }
+       #left-arrow {
+               position: fixed; left: 0vw; top: 0vh;
+               width: 20vw; height: 50vh;
+       }
+       #site {
+               position: fixed; left: 20vw; top: 0vh;
+               width: 60vw; height: 50vh;
+       }
+       #right-arrow {
+               position: fixed; left: 80vw; top: 0vh;
+               width: 20vw; height: 50vh;
+       }
+       #mpring {
+               position: fixed; left: 0vw; top: 50vh;
+               width: 50vw; height: 50vh;
+       }
+       #random {
+               position: fixed; left: 50vw; top: 50vh;
+               width: 50vw; height: 50vh;
+       }
+       </style>
+       <script>
+       let sites = [
+               "https://f4mnq.fr",
+               "https://f4mnq.fr/test",
+       ];
+       let current_site = Math.floor(Math.random() * sites.length);
+       let next_site = Math.floor(Math.random() * sites.length);
+       while (next_site == current_site) {
+               next_site = Math.floor(Math.random() * sites.length);
+       }
+
+       function to_site(site) {
+               document.getElementById("left-arrow").src = sites[site] + "/mpring/left-arrow";
+               document.getElementById("right-arrow").src = sites[site] + "/mpring/right-arrow";
+               document.getElementById("site").src = sites[site] + "/mpring/site";
+               document.getElementById("random").src = sites[next_site] + "/mpring/random";
+
+               document.getElementById("site-a").href = sites[site];
+       }
+       window.addEventListener("load", (event) => {
+               to_site(current_site);
+       });
+
+       function left_arrow() {
+               current_site--;
+               if (current_site < 0) { current_site += sites.length; }
+               to_site(current_site);
+       }
+       function right_arrow() {
+               current_site++;
+               if (current_site >= sites.length) { current_site -= sites.length; }
+               to_site(current_site);
+       }
+       function random() {
+               current_site = next_site;
+               while (next_site == current_site) {
+                       next_site = Math.floor(Math.random() * sites.length);
+               }
+               to_site(current_site);
+       }
+       </script>
+</head>
+<body>
+       <img id="left-arrow" onclick="left_arrow()" />
+       <a id="site-a" target="_top"><img id="site" /></a>
+       <img id="right-arrow" onclick="right_arrow()" />
+       <a href="https://mpring.f4mnq.fr" target="_top"><img id="mpring" src="https://mpring.f4mnq.fr/mpring.png" /></a>
+       <img id="random" onclick="random()" />
+</body>
+</html>
Site web professionnel et webring amical