Make font dynamic

mutatrum · mutatrum · commit 82f13ac1dcbf · 2024-12-03T09:45:35.000+01:00
diff --git a/longest_streak/longest_streak.css b/longest_streak/longest_streak.css
@@ -1,8 +1,14 @@
+:root {
+  --lines: 10;
+  --font-size-vh: calc(100vh / ((var(--lines) + 8) * 1.3));
+  --font-size-vw: 1.6vw;
+}
+
 body {
   background-color: black;
   margin: 0;
   font-family: 'Droid Sans Mono', monospace;
-  font-size: min(1.6vw, 0.7vh);
+  font-size: min(var(--font-size-vh), var(--font-size-vw));
   color: white;
 }
 
diff --git a/longest_streak/longest_streak.js b/longest_streak/longest_streak.js
@@ -69,6 +69,9 @@ function createContent() {
     }
   }
   while (hasStreak);
+
+  const root = document.documentElement;
+  root.style.setProperty('--lines', price/1000);
 }
 
 function formatDays(longest) {

Original file line number	Diff line number	Diff line change
`@@ -69,6 +69,9 @@ function createContent() {`
`69`	`69`	`}`
`70`	`70`	`}`
`71`	`71`	`while (hasStreak);`
	`72`	`+`
	`73`	`+ const root = document.documentElement;`
	`74`	`+ root.style.setProperty('--lines', price/1000);`
`72`	`75`	`}`
`73`	`76`
`74`	`77`	`function formatDays(longest) {`