Stableing

medialab · Jan 20, 2025 · 4e14566 · 4e14566
1 parent df1cbca
commit 4e14566
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 3 deletions.
diff --git a/.svelte-kit/generated/server/internal.js b/.svelte-kit/generated/server/internal.js
@@ -22,7 +22,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    " + head + "\n\n    <noscript>\n      <style>\n        /**\n          * Reinstate scrolling for non-JS clients\n          */\n        .simplebar-content-wrapper {\n          scrollbar-width: auto;\n          -ms-overflow-style: auto;\n        }\n\n        .simplebar-content-wrapper::-webkit-scrollbar,\n        .simplebar-hide-scrollbar::-webkit-scrollbar {\n          display: initial;\n          width: initial;\n          height: initial;\n        }\n      </style>\n    </noscript>\n  </head>\n  <body data-sveltekit-preload-data=\"hover\">\n    <div class=\"major_div\" style=\"display: contents\">" + body + "</div>\n  </body>\n</html>\n\n<style></style>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "qq4wkz"
+	version_hash: "onygot"
 };
 
 export async function get_hooks() {

diff --git a/README.md b/README.md
@@ -73,8 +73,12 @@ The **Écologies des Pratiques (EL2MP)** project explores the transformative imp
   - Resolve inconsistent color transitions when switching cards.
 
 - [ ] **Floaters Filtering Based on Card Parenting**
+
   - Display relevant floaters when specific cards are selected.
 
+- [ ] Floaters when reset tends to go over the boundaries
+- [ ] Scrollbar on side-bard is bugged
+
 ---
 
 ## **Content and Design Trials**

diff --git a/src/lib/components/buttons/time_button.svelte b/src/lib/components/buttons/time_button.svelte
@@ -19,6 +19,8 @@
         border-right: 0px;
         border-top: 0px;
         z-index: 6000;
+        transition: all 1s ease-in-out;
+        width: max-content;
     }
 
     @media only screen and (max-width: 768px) {

diff --git a/src/lib/components/cards/capitols.svelte b/src/lib/components/cards/capitols.svelte
@@ -26,9 +26,11 @@ let isProjCover = data.isProjCover
             {data.Title}
         </p>
 
+        <!--
         <p class="caption">
             BLOCK {data.IndexNum}
         </p>
+        -->
 
         <img data-sveltekit-preload-data
             class="card_corner_logo"
@@ -76,7 +78,10 @@ let isProjCover = data.isProjCover
                     {/if}
 
                     {#if section.text}
+                    <div class="double_column_text_article">
                         <p class="p1">{section.text}</p>
+                        <p class="p1">{section.text}</p>
+                    </div>
                     {/if}
                 </div>
 
@@ -243,6 +248,19 @@ let isProjCover = data.isProjCover
         padding-right: var(--spacing-XS);
     }
 
+    .double_column_text_article {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        height: 100%;
+        column-gap: var(--spacing-M);
+    }
+
+    .double_column_text_article > p {
+        width: 100%;
+        text-justify:distribute;
+    }
+
     .card_scroll_flex {
         display: flex;
         width: 100%;
@@ -291,6 +309,9 @@ let isProjCover = data.isProjCover
         filter: grayscale(100%);
         mix-blend-mode: overlay;
         opacity: 80%;
+        width: 100%;
+        aspect-ratio: 21 / 9;
+        object-fit: cover;
     }
 
     /* Scrollbar stuff */

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -307,8 +307,10 @@
             containers.forEach((container, index) => {
                 const offset = -30 * index;
                 const centering = 30;
-                const x = offset - centering;
-                const y = offset + centering;
+                
+                const x = offset - (4 * centering);
+                const y = offset - (0.8 * centering);
+
                 initialPositions.push({ x, y });
 
                 container.style.transform = `translate(${x}px, ${y}px)`;