major updates to styling and font (font incomplete so far)

assets/_fonts.scss

@@ -0,0 +1,4 @@
+// @font-face{
+//     font-family: FiraCode;
+//     src: url(static/fonts/FiraCode-Regular.ttf);
+// }

assets/_me.scss

@@ -3,9 +3,10 @@
 .home {
     &__content {
         text-align: justify;
+        max-width: 850px;
 
         img {
-            border-radius: 200px;
+            border-radius: 50px;
             float: left;
             margin: 0 24px 16px 0;
         }

assets/_services.scss

@@ -1,12 +1,28 @@
-@use 'variables' as vars;
+@use "variables" as vars;
 
 .services {
+    display: flex;
+    flex-direction: column;
 
-    &__list{
+    // &__title {
+    // }
+
+    &__list {
+        width: 100%;
         display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
 
         .service {
-            padding: 8px;
+            width: 45%;
+            // text-align: justify;
+
+            &__text {
+                padding: 4px 4px 4px 0;
+                line-height: 12px;
+                // background: vars.$color-bg0_h;
+                background: green ;
+            }
         }
     }
 }

assets/_variables.scss

@@ -31,6 +31,6 @@ $color-fg3: #bdae93;
 $color-fg4: #a89984;
 
 // Layout
-$content-width-norm: 60%;
+$content-width-norm: 50%;
-$content-width-mid: 70%;
+$content-width-mid: 60%;
 $content-width-narrow: 80%;

assets/style.scss

@@ -4,10 +4,12 @@
 @import "me";
 @import "posts";
 @import "sidebar";
+@import "fonts";
 
 body {
     color: vars.$color-fg;
     background: vars.$color-bg;
+    // font-family: FiraCode, monospace;
 }
 
 .content-wrapper {

content/services/cloud.md

@@ -3,8 +3,7 @@ title: "cloud"
 link: "https://cloud.inkletblot.com"
 ---
 
-I host a nextcloud instance, for those curious
+I host a nextcloud instance, for those curious [here](https://en.reddit.com/r/degoogle) is some information on why. I'm the
-[here](https://en.reddit.com/r/degoogle) is some information on why. I'm the
 only one that uses and it works like a charm. Mostly I use it for file and
 contact synchronisation, and instant upload/backup of the photos I take on my
 phone.

layouts/services/list.html

@@ -1,16 +1,16 @@
 {{ define "main" }}
-<main class="links">
+<main class="services">
     {{ if or .Title .Content }}
     <div>
         {{ with .Title }}
-        <h1>{{ . }}</h1>
+        <h1 class="services__title">{{ . }}</h1>
         {{ end }} {{ with .Content }}
-        <div>{{ . }}</div>
+        <div class="services__content">{{ . }}</div>
         {{ end }}
     </div>
     {{ end }}
 
-    <div class="links__list">
+    <div class="services__list">
         {{ range .Paginator.Pages }} {{ .Render "summary" }} {{ end }}
     </div>
 </main>

layouts/services/summary.html

@@ -1,4 +1,8 @@
-<div class="link">
+<div class="service">
-    <h2><a target="_blank" href="{{ printf "%s" $.Params.link }}"> {{ .Title }}</a></h2>
+    <h2><a target="_blank" href="{{ printf " %s" $.Params.link }}"> {{ .Title }}</a></h2>
-    {{ .Content }}
+    <span class="service__text">
+        {{ $partial :=  replace .Content "<p>" "" }}
+        {{ $finalContent := replace $partial "</p>" "" | safeHTML }}
+        {{ $finalContent }}
+    </span>
 </div>