homepage style update and add in summary

Duncanma · Oct 7, 2023 · cfa15ee · cfa15ee
1 parent f605bbf
commit cfa15ee
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 5 deletions.
diff --git a/themes/hello-friend-ng/assets/scss/_homepage.scss b/themes/hello-friend-ng/assets/scss/_homepage.scss
@@ -0,0 +1,33 @@
+main.homepage {
+    max-width: 500px;
+    text-align: left;
+
+    .summary {
+        padding-top: 10px;
+        padding-bottom: 20px;
+        font-size: small;
+        line-height: 1.5em;
+    }
+
+    li a, p a {
+        text-decoration: underline dotted 5%;
+        font-weight: bold;
+        text-underline-offset: 7%;
+        &:hover {
+            text-decoration: none;
+        }
+    }
+
+    h2 {
+        text-align: left;
+        padding-top: 30px;
+    }
+
+    div.intro {
+        text-align: center;
+    }
+
+    a svg:hover {
+        stroke: #fe5186;
+    }
+}
diff --git a/themes/hello-friend-ng/assets/scss/main.scss b/themes/hello-friend-ng/assets/scss/main.scss
@@ -16,4 +16,5 @@
 @import "footer";
 @import "style";
 @import "baguetteBox";
-@import "search";
+@import "search";
+@import "homepage";
diff --git a/themes/hello-friend-ng/layouts/index.html b/themes/hello-friend-ng/layouts/index.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
-<main>
-    <div>
+<main class="homepage">
+    <div class="intro">
         <h1>{{ .Site.Title }}</h1>
 
         {{- with .Site.Params.social }}
@@ -14,7 +14,7 @@ <h2>General Tech Posts</h2>
         {{- range where .Site.RegularPages "Params.techfeatured" true -}}
         <li>
             <a href="{{ .RelPermalink }}">{{ .Title }}</a>
-            <!-- <div class="summary">{{.Summary}}</div> -->
+            <div class="summary">{{.Summary}}</div>
         </li>
         {{- end -}}
     </ol>

diff --git a/themes/hello-friend-ng/layouts/partials/head.html b/themes/hello-friend-ng/layouts/partials/head.html
@@ -45,11 +45,13 @@
 {{ end }}
 {{ $style := resources.Get "scss/main.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
 
-{{if .IsHome }}
+<!--{{if .IsHome }}
     {{ with resources.Get "css/min.css" | resources.Minify }} <style>{{ .Content | safeCSS }}</style> {{ end }}
 {{ else }}
     <link rel="stylesheet" href="{{ $style.RelPermalink }}">
 {{ end }}
+-->
+<link rel="stylesheet" href="{{ $style.RelPermalink }}">
 
 {{ range $val := $.Site.Params.customCSS }}
 {{ if gt (len $val) 0 }}