Update font and styles

theodore-s-beers · Apr 26, 2022 · 80006d3 · 80006d3
1 parent 7a05036
commit 80006d3
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 16 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1 @@
+/target/
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -11,7 +11,7 @@ categories = ["internationalization", "template-engine", "text-processing"]
 [dependencies]
 actix-files = "0.6.0"
 actix-web = "4.0.1"
-anyhow = "1.0.56"
+anyhow = "1.0.57"
 isahc = "1.7.0"
 serde = { version = "1.0.136", features = ["derive"] }
 serde_json = "1.0.79"

diff --git a/head.html b/head.html
@@ -1,6 +1,7 @@
-<link rel="preconnect" href="https://fonts.gstatic.com" />
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
-  href="https://fonts.googleapis.com/css2?family=Scheherazade&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Scheherazade+New&display=swap"
   rel="stylesheet"
 />
 <link rel="stylesheet" href="/styles.css" />

diff --git a/pretty.js b/pretty.js
@@ -76,7 +76,7 @@ function pretty() {
   // Iterate over hemistichs, calculating width of each
   for (const element of allHems) {
     const testText = element.innerText;
-    const hemWidth = getTextWidth(testText, "x-large Scheherazade");
+    const hemWidth = getTextWidth(testText, "20px 'Scheherazade New'");
 
     // If this hemistich's width is a new maximum, update
     if (hemWidth > maxWidth) {

diff --git a/src/main.rs b/src/main.rs
@@ -35,7 +35,7 @@ async fn main() -> std::io::Result<()> {
 
 #[get("/")]
 async fn hello() -> impl Responder {
-    HttpResponse::Ok().body("Hello world!")
+    HttpResponse::Ok().body("Hello!")
 }
 
 #[get("/robots.txt")]

diff --git a/styles.css b/styles.css
@@ -1,16 +1,26 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
 :root {
   --hemistich-width: auto;
 }
 
 body {
-  margin: auto;
-  max-width: calc((var(--hemistich-width) * 2) + 10ch);
-  padding: 2ch 1ch;
+  margin: 1.5rem auto;
+  max-width: calc((var(--hemistich-width) * 2) + 12ch);
+  padding: 0 1ch;
 }
 
 p {
-  font-family: Scheherazade, serif;
-  font-size: x-large;
+  font-family: "Scheherazade New", serif;
+  font-size: 20px;
   margin: 0;
   text-align-last: justify;
 }