Change the default font + other little things

backend/build.rs

@@ -0,0 +1,11 @@
+use std::process::Command;
+
+fn main() {
+    println!("cargo:rerun-if-changed=style.scss");
+
+    Command::new("sass")
+        .arg("./style.scss")
+        .arg("./static/style.css")
+        .output()
+        .expect("Unable to compile SASS file, install SASS, see https://sass-lang.com/");
+}

backend/src/db.rs

@@ -45,4 +45,8 @@ impl Connection {
             |row| Ok(dbg!("test"))
         )
     }
+
+    pub fn get_all_recipes() {
+
+    }
 }

backend/src/main.rs

@@ -27,7 +27,7 @@ pub struct Request {
 
 fn main_page(query: Query<Request>) -> HttpResponse {
 
-    let main_template = MainTemplate { test: &"*** test 2 ***" };
+    let main_template = MainTemplate { test: &"*** test ***" };
 
     let s = main_template.render().unwrap();
     HttpResponse::Ok().content_type("text/html").body(s)

backend/static/style.css

@@ -1,23 +0,0 @@
-@font-face{font-family: Roobert; font-weight:400; src:url(Roobert-Regular.woff2) format("woff2"); }
-@font-face{font-family:Roobert; font-weight:600; src:url(Roobert-SemiBold.woff2) format("woff2"); }
-@font-face{font-family:Roobert; font-weight:700; src:url(Roobert-Bold.woff2) format("woff2"); }
-
-* {
-  margin: 50px;
-  padding: 0px;
-}
-
-body {
-   font-size: 18px;
-   font-family: Roobert, Helvetica Neue, Helvetica, Arial, sans-serif;
-   text-shadow: 2px 2px 2px rgb(0, 0, 0);
-   text-align: center;
-   line-height: 18px;
-   color: rgb(255, 255, 255);
-   background-color:  rgb(24, 24, 27);
-   margin: 0px;
-}
-
-img {
-  border: 0px;
-}

backend/style.scss

@@ -0,0 +1,24 @@
+@font-face{font-family: Fira Code; font-weight:200; src:url(FiraCode-Light.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:400; src:url(FiraCode-Regular.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); }
+
+* {
+  margin: 50px;
+  padding: 0px;
+}
+
+body {
+   font-size: 18px;
+   font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
+   text-shadow: 2px 2px 2px rgb(0, 0, 0);
+   text-align: center;
+   line-height: 18px;
+   color: rgb(255, 255, 255);
+   background-color:  rgb(24, 24, 27);
+   margin: 0px;
+}
+
+img {
+  border: 0px;
+}

backend/templates/main.html

@@ -12,5 +12,6 @@
             <h1>{{ test }}</h1>
         </div>
         <p>Text to test the new font.</p>
+        <p>=> [|1, 2, 3|] <-</p>
     </body>
 </html>