integrate giscus and update theme

Author: undacmic

.github/workflows/hugo.yaml

@@ -32,7 +32,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     env:
-      HUGO_VERSION: 0.123.7
+      HUGO_VERSION: 0.140.0
     steps:
       - name: Install Hugo CLI
         run: |

hugo.toml

@@ -10,12 +10,18 @@ enableRobotsTXT = true
   tag = 'tags'
 
 [markup]
-  defaultMarkdownHandler = 'goldmark'
+  [markup.goldmark]
+    [markup.goldmark.parser]
+      [markup.goldmark.parser.attribute]
+        block = true
+    [markup.goldmark.renderer]
+      unsafe = true
+
 
 copyright = "2024 Dragos Ioana All rights reserved"
 [Author]
     name = "Dragos Ioana"
     email  = "[email protected]"
 
 [params]
-  Description = "A personal blog by Dragos Ioana which focuses on creativity and software development" 
+  description = "A personal blog by Dragos Ioana which focuses on creativity and software development" 

themes/base-theme/assets/css/main.css

@@ -1,36 +1,100 @@
+:root:not([data-theme="dark"]), [data-theme="light"] {
+  background-color: #B2C9AD!important;
+}
+
 body {
-  font-family: "Domine", serif;
+  font-family: "Domino", serif;
   font-optical-sizing: auto;
-  font-weight: 600;
+  font-weight: 400;
   font-style: normal;
+  background-color: #B2C9AD!important;
+  margin: 0;
+}
+
+header {
+  padding-block: 0!important;
+  margin: 0;
 }
 
-.site-title {
+.decor {
+  background: #DF6D2D;
+  background: -webkit-linear-gradient(left, white 50%, #DF6D2D 50%);
+  background: -moz-linear-gradient(left, white 50%, #DF6D2D 50%);
+  background: -o-linear-gradient(left, white 50%, #DF6D2D 50%);
+  background: linear-gradient(left, white 50%, #DF6D2D 50%);
+  background-size: 50px 25%;
+  padding: 2px;
+  display: block;
+}
+
+nav {
   font-family: "Space Mono", serif;
-  font-weight: 400;
-  font-style: normal;
+  padding: 0 1rem 0;
+  backdrop-filter: blur(15px);
+  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;;
 }
 
 a {
+  border-radius: 3px;
+  font-weight: 700;
+  padding: 5px;
   text-decoration: none;
-  color: black;
+  display: inline-block;
+  position: relative;
+  color: #66785F!important;
+}
+
+li > a:hover, p > a:hover { 
+  background-color: #4B5945;
+  color: white!important;
+  left: 0; 
+}
+
+blockquote {
+  background-color: #4B5945;
+  color: white!important;
+}
+blockquote > p, blockquote > a, blockquote > strong > a {
+  color: white!important;
+}
+
+h1, h2, h3, p, li {
+  color: #66785F!important;
 }
 
-a:hover {
-  text-decoration: underline;
+.meta-info {
+  font-family: "Spline Sans Mono", serif;
+  font-size: 70%;
+  font-style: italic;
+  margin-bottom: 0.2rem;
+  color: #4B5945;
 }
 
+code {
+  font-family: "Space Mono", serif;
+  font-weight: 400;
+  font-style: normal;
+  background-color: #4B5945!important;
+  color: white!important;
+}
 
-.pill {
+code[data-lang]::after {
+  content: attr(data-lang);
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  background-color: #B2C9AD;
+  color: #66785F;
   font-size: 12px;
-  padding: 0.5em 1em;
-  margin: 0.25em;
-  border-radius: 1em;
-  border: none;
-  outline: none;
-  background-color: #dddddd;
+  padding: 2px 6px;
+  border-radius: 3px;
+  pointer-events: none;
+  font-family: monospace;
+  text-transform: capitalize;
 }
 
-.pill:hover {
-  background-color: #cccccc;
+pre {
+  background-color: #4B5945!important;
+  color: white!important;
+  position: relative;
 }

themes/base-theme/content/about.md

@@ -7,9 +7,6 @@ draft = false
 
   You can reffer to [my LinkedIn profile](https://www.linkedin.com/in/dragos-ioana-326b11192) for my bio and work experience.
 
-  The `/now` section contains the projects I'm actively involved in.
-
-  ### Socials :thought_balloon:
-
+  The `/now` section contains the projects I'm actively involved in, or you can follow me here:
   - [Github](https://github.com/undacmic)
   - [Instagram](https://www.instagram.com/un_dragos/)

themes/base-theme/content/posts/_index.md

@@ -3,5 +3,3 @@ title = 'Articles'
 date = 2023-01-01T08:30:00-07:00
 draft = false
 +++
-
-## Articles :book: