panke gallery directory

alexnathanson · Sep 5, 2024 · bab03cf · bab03cf
1 parent 530a2e9
commit bab03cf
Show file tree

Hide file tree

Showing 928 changed files with 4,141 additions and 27,259 deletions.
diff --git a/frontend/exhibition.html b/frontend/exhibition.html
@@ -23,7 +23,7 @@
       }
       div {
         background-color: rgba(0, 0, 0);
-        background-image: url("images/clock-exhibit1.png");
+        background-image: url("images/clock.png");
         background-position: center;
         background-size: contain;
         background-repeat: no-repeat;

diff --git a/frontend/exhibitionV2.html b/frontend/exhibitionV2.html
@@ -0,0 +1,75 @@
+=
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Solar Protocol</title>
+    <meta
+      name="author"
+      content=" Tega Brain, Alex Nathanson and Benedetta Piantella."
+    />
+    <link rel="icon" href="favicon.png" />
+    <style>
+      html,
+      body {
+        margin: 0;
+        height: 100%;
+      }
+      .container {
+        display: flex;
+        width: 100%;
+        height: 100%;
+      }
+      .image-container {
+        flex: 1;
+        background-color: rgba(0, 0, 0);
+        background-position: center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+      }
+
+      img {
+        display: block;
+        width: 100vh;
+        height: 100vh;
+        object-fit: cover;
+      }
+      div {
+        background-color: rgba(0, 0, 0);
+        background-image: url("images/clock.png");
+        background-position: center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+    <script>
+      let i = 0;
+      let s = 300;
+      setInterval(reload, 1000 * s);
+      function reload() {
+        const img = new Image();
+        const url = "images/clock-exhibit1.png?i=" + i;
+        img.addEventListener("load", () => {
+          setImage(url);
+        });
+        img.src = url;
+        i++;
+      }
+
+      function setImage(url) {
+        document.getElementById("graph").style.backgroundImage = `url(${url})`;
+      }
+    </script>
+  </head>
+  <body>
+    <div class="container">
+      <div id="graph" class="image-container"></div>
+      <img class="image-container" src="images/world-map2.png" />
+    </div>
+  </body>
+</html>
diff --git a/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-a6f74ba5306293c48221.js b/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-a6f74ba5306293c48221.js
diff --git a/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-a6f74ba5306293c48221.js.map b/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-a6f74ba5306293c48221.js.map
diff --git a/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-dfcc9130bebd8fb80314.js b/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-dfcc9130bebd8fb80314.js
diff --git a/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-dfcc9130bebd8fb80314.js.map b/frontend/panke/1c6bbce8809c103c4b6045f23da19f10ba1cb6dd-dfcc9130bebd8fb80314.js.map