Add home button and tweak layout

AustinWise · AustinWise · commit a19a021b1821 · 2022-01-12T10:14:54.000-08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@ WIP
 * Add support for `h1_title` setting.
 * Add breadcrumbs navigation
 * Embed CSS in Smeagol, so no internet connection is required to run [#9](https://github.com/AustinWise/smeagol/issues/9)
+* Add "home" button to go to the top of the site.
 
 0.1.0 (2022-01-04)
 =====
diff --git a/frontend/README.md b/frontend/README.md
@@ -0,0 +1,3 @@
+Currently the only purpose of this folder it is enable downloading the
+[Primer CSS](https://primer.style/css/)
+file so that it can be commited to this repo.
diff --git a/src/requests.rs b/src/requests.rs
@@ -129,11 +129,11 @@ async fn process_file_request(
 
 fn process_smeagol_request(file_path: &str) -> Result<Response<Body>, MyError> {
     if file_path == "/_smeagol/primer.css" {
-        let css_bytes: &[u8] = include_bytes!("primer.css");
+        let primer_css = include_str!("primer.css");
         return Ok(Response::builder()
             .status(StatusCode::OK)
             .header(header::CONTENT_TYPE, "text/css; charset=UTF-8")
-            .body(Body::from(css_bytes))?);
+            .body(Body::from(primer_css))?);
     }
     return Ok(Response::builder()
         .status(StatusCode::NOT_FOUND)
diff --git a/templates/layout.html b/templates/layout.html
@@ -3,16 +3,27 @@
 
 <head>
     <title>{{title}}</title>
-    <!-- TODO: embed css file into the program -->
     <link href="/_smeagol/primer.css" rel="stylesheet" />
+    <style>
+        .markdown-body {
+            padding: 1em 1em 1em 0;
+        }
+    </style>
 </head>
 
 <body class="container-lg">
     <header>
 
     </header>
     <main>
-        <h1>{{title}}</h1>
+        <div class="TableObject pt-4 px-2 px-lg-0 overflow-x-scroll">
+            <div class="TableObject-item">
+                <a class="btn btn-sm" id="minibutton-home" href="/">
+                    Home
+                </a>
+            </div>
+        </div>
+        <h1 class="pt-4">{{title}}</h1>
         <nav aria-label="Breadcrumb">
             <ol>
                 {% for crumb in breadcrumbs %}
@@ -22,9 +33,9 @@ <h1>{{title}}</h1>
                 {% endfor %}
             </ol>
         </nav>
-        <dic class="markdown-body">
+        <div class="markdown-body">
             {{content}}
-        </dic>
+        </div>
     </main>
 
 </body>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+Currently the only purpose of this folder it is enable downloading the`
	`2`	`+[Primer CSS](https://primer.style/css/)`
	`3`	`+file so that it can be commited to this repo.`