CSS updates

README.md

@@ -0,0 +1,2 @@
+# Archie - Hugo theme
+Archie is a minimal and clean theme for hugo 

layouts/_default/single.html

@@ -26,7 +26,7 @@
 			{{ if ne .Type "page" }}
 				{{ if gt .Params.tags 0 }}
 					<nav class="nav tags">
-							<ul class="flat">
+							<ul class="tags">
 								{{ range .Params.tags }}
 								<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
 								{{ end }}
@@ -35,7 +35,7 @@
 				{{ end }}
 			{{ end }}
 		</div>
-		{{- $.Scratch.Set "isDisqus" true -}}
+		
 	
 	{{ partial "footer.html" . }}
 	</div>

layouts/partials/header.html

@@ -20,7 +20,9 @@
 
 	{{- template "_internal/opengraph.html" . -}}
 	{{- template "_internal/twitter_cards.html" . -}}
-<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">	<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
+	<link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
+	<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
 	{{- range .Site.Params.customJS }}
 	{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
 	<script src="{{ . }}"></script>

layouts/shortcodes/callout.html

@@ -1,6 +1,6 @@
 
 <div class="callout" style="">
 	<div class="callout-inner">
-    {{ .Get "text" }}
+    💡 {{ .Get "text" }}
   </div>
 </div>

static/css/main.css

@@ -1,6 +1,8 @@
+/* Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=IBM+Plex+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@1,500&display=swap');
 /* Markdown */
 html {
-    
   color: #232333;
   font-family: 'Roboto Mono', monospace;
   font-size: 15px;
@@ -32,18 +34,18 @@ h5::before { color: red; content: '##### '; }
 h6::before { color: red; content: '###### '; }
 
 p {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: 'IBM Plex Sans', sans-serif;
   line-height: 1.5;
 }
 
 hr {
   border: 0;
-  border-top: 3px solid palevioletred;
+  border-top: 3px dotted rebeccapurple;
   margin: 1em 0;
 }
 
 blockquote {
-  border-left: 3px solid lime;
+  border-left: 3px solid rebeccapurple;
   color: #737373;
   margin: 0;
   padding-left: 1em;
@@ -161,7 +163,7 @@ footer {
 }
 
 time {
-  color: #757575;
+  color: grey;
 }
 
 /* Posts */
@@ -199,17 +201,15 @@ article .title {
   margin-bottom: 2em;
 }
 
-/* Expander */
-
 /* Callout */
 .callout {
-  background-color: springgreen;
+  background-color: dodgerblue;
   color: #fff;
   padding: 1em;
 }
 
 .callout p {
-  font-family: 'Roboto Mono', monospace;
+  font-family: 'IBM Plex Mono', monospace;
   margin: 0;
 }
 
@@ -219,10 +219,16 @@ article .title {
 
 .callout a:hover {
   background-color: #fff;
-  color: springgreen;
+  color: dodgerblue;
 }
 
 .site-description {
 display: flex;
 justify-content: space-between;
 }
+.tags li::before{
+  content: "🏷 ";
+}
+.tags a{
+  border-bottom: 3px solid blue; 
+}

static/js/main.js

@@ -1,17 +0,0 @@
-var expanders = document.getElementsByClassName('expander');
-for (var i = 0; i < expanders.length; i++) {
-  (function() {
-    var expander = expanders[i];
-    var content = expander.children[0];
-
-    var button = document.createElement('button');
-    button.appendChild(document.createTextNode('expand'));
-    expander.appendChild(button);
-
-    content.style.height = expander.dataset.height || '12.5em';
-    button.onclick = function() {
-      content.style.height = 'auto';
-      button.remove();
-    }
-  })();
-}

theme.toml

@@ -3,9 +3,9 @@
 
 name = "Archie"
 license = "MIT"
-licenselink = "https://github.com/athul/archie-theme/blob/master/LICENSE"
+licenselink = "https://github.com/athul/archie/blob/master/LICENSE"
 description = ""
-homepage = "https://github.com/athul/archie-theme"
+homepage = "https://github.com/athul/archie"
 tags = ["blog","simple","responsive","minimal","tags","personal","clean","shortcodes"]
 features = ["blog", "Clean and minimal", "Responsive", "Syntax highlighting",]
 min_version = "0.41"