fix sizes of snippets and margins

oulipoh · Dec 31, 2023 · bed5e09 · bed5e09
1 parent 1e634e3
commit bed5e09
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/resen/exceeding/sketch.js b/resen/exceeding/sketch.js
@@ -81,7 +81,7 @@ function setup() {
   const myCanvas = createCanvas(sketch.clientWidth, sketch.clientWidth * 5 / 12);
   myCanvas.parent("sketch");
   // digitSize = min(width, height) / 20;
-  digitSize = min(width, height) / 7;
+  digitSize = height / 6;
   textFont("Fira Code");
 }
 
@@ -95,5 +95,5 @@ function draw() {
 function windowResized() {
   // resizeCanvas(windowWidth, windowWidth)
   resizeCanvas(sketch.clientWidth, sketch.clientWidth * 5 / 12);
-  digitSize = min(width, height) / 7;
-}
+  digitSize = height / 6;
+}
diff --git a/resen/exceeding/style.css b/resen/exceeding/style.css
@@ -1,5 +1,6 @@
 #sketch {
     aspect-ratio: 12 / 5;
     margin-inline: auto;
-    max-height: 50vh;
+    max-height: 45vh;
+    margin-bottom: 4rem;
 }
diff --git a/resen/pages.js b/resen/pages.js
@@ -5,7 +5,7 @@ const pages = {
     "cent/": {title: "מתוך \"מאה תמונות מלחמה\"", alt: "From \"One hundred visions of war\"", author: ["julienvocance", "rotematar"], kw: ["issue 0", "poem"]},
     "disappearance/": {title: "היעלמות", alt: "Disappearance", author: "rotematar", kw: ["issue 0", "text"]},
     "exceeding/": {title: "מֵעֵבר לַשלם", alt: "Exceeding the entirety", author: ["mikamilgrom", "avimilgrom"], kw: ["issue 0", "audiovisual", "live code", "open source", "software"]},
-    "imagine/": {title: "דמיין", alt: "/imagine", author: "liorzalmanson", kw: ["issue 0", "text"]},
+    "imagine/": {title: "דמיין", alt: "/imagine", author: "liorzalmanson", kw: ["issue 0", "poem"]},
     "petri/": {title: "פואטיקת פטרי פטריוטית", alt: "Patriotic Petri Poetry", author: "eyalgruss", kw: ["issue 0", "audiovisual", "live code", "open source", "poem", "software"]},
     "things/": {title: "קורים עכשיו דברים עם השפה", alt: "Things are happening now with the language", author: "noashaham", kw: ["issue 0", "poem"]},
     "systems/": {title: "מערכות", alt: "Systems", author: "noashaham", kw: ["issue 0", "poem"]},

diff --git a/resen/style.css b/resen/style.css
@@ -268,14 +268,15 @@ cite {
 }
 
 .contents {
-    column-gap: 4em;
+    --column-gap: 4em;
+    column-gap: var(--column-gap);
     --columns: 3;
     columns: var(--columns);
 }
 
 .rows_first {
     display: grid;
-    grid-template-columns: repeat(var(--columns), 1fr);
+    grid-template-columns: repeat(auto-fit, minmax(max(250px, (var(--media_width) - (var(--columns) - 1) * var(--column-gap)) / var(--columns)), 1fr));
     row-gap: 3em;
 }
 
@@ -879,7 +880,7 @@ a.sponsors {
     }
 
     .kw, nav {
-        margin-inline: var(--anti_margin);
+        margin-inline: calc(var(--anti_margin) + 8px);
     }
 
     .social > a {
@@ -897,4 +898,4 @@ a.sponsors {
     .refs > blockquote {
         margin-inline: 0;
     }
-}
+}