harmonize theme

assets/custom_style.css

@@ -6,8 +6,8 @@
 @media all and (max-width: 600px){html {font-size: 18px;}}
 @media all and (max-width: 480px){html {font-size: 17px;}}
 
-@media all and (min-width: 801px) {
-  img {
+@media all and (min-width: 1200px) {
+  img:not(.icon) {
     margin-left: -6rem;
     min-width: 120%;
   }

config.toml

@@ -14,43 +14,49 @@ ignoreFiles = ["\\.qmd$", "\\.ipynb$", "\\.Rmd$", "\\.Rmarkdown$", "_cache$", "i
     introtag = "introduction"
     intro = "PhD Candidate in Brain Imaging & Genetics, Data Scientist within Anti-Money Laundering at DNB"
 
-    favicon = "images/avatar.png" # default sns thumbnail
+    favicon = "avatar.png"
 
-    description = "Daniel Roelfs' personal website" # Site description.
-    keywords = "blog,personal,coding" # Site keywords.
-    avatarurl = "images/avatar.png" # Contain the path of the optional avatar in the static folder.
+    iconsource = "simple-icons"
+
+    description = "Daniel Roelfs' personal website"
+    keywords = "blog, personal, coding"
 
     customcss = ["custom_style.css"]
 
     # Social links
-    [[params.social]]
-        name = "Twitter"
-        icon = "twitter"
-        weight = 1
-        url = "https://twitter.com/dthroelfs/"
     [[params.social]]
         name = "GitHub"
         icon = "github"
-        weight = 2
+        weight = 1
         url = "https://github.com/danielroelfs/"
+    [[params.social]]
+        name = "Twitter"
+        icon = "x"
+        weight = 2
+        url = "https://twitter.com/dthroelfs/"
     [[params.social]]
         name = "ORCID"
-        icon = "user"
+        icon = "orcid"
         weight = 3
         url = "https://orcid.org/0000-0002-1083-002X"
     [[params.social]]
         name = "Google Scholar"
-        icon = "book-open"
+        icon = "googlescholar"
         weight = 4
         url = "https://scholar.google.com/citations?user=QmVQcsAAAAAJ&hl=en"
     [[params.social]]
         name = "LinkedIn"
         icon = "linkedin"
         weight = 5
         url = "https://www.linkedin.com/in/danielroelfs/"
+    [[params.social]]
+        name = "GoodReads"
+        icon = "goodreads"
+        weight = 6
+        url = "mailto:[email protected]"
     [[params.social]]
         name = "Mail"
-        icon = "mail"
+        icon = "minutemailer"
         weight = 7
         url = "mailto:[email protected]"
 

layouts/index.html

@@ -2,7 +2,7 @@
 <h1 class="title">{{ .Title | markdownify }}</h1>
 <div style="height: 2rem;"></div>
 {{ if .Site.Params.intro }}
-    <img src="about/avatar.png" class="sidenote" alt="avatar" style="width: 5rem; min-width: initial; margin-left: 2rem; margin-top: 1rem;">
+    <img src="/avatar.png" class="sidenote" alt="avatar" style="width: 5rem; min-width: initial; margin-left: 2rem; margin-top: 1rem;">
     <p class="intro-text">{{ .Site.Params.intro | markdownify }}</p>
     <div style="height: 2.5rem;"></div>
 {{ end }}
@@ -15,10 +15,30 @@ <h3 class="list"><a class="title" href="{{ .URL }}">{{ .Name | lower | markdowni
 <div style="height: 2.5rem;"></div>
 <div class="sidenote">socials</div>
 <div class="social-icons" style="margin-top: 0.5rem;">
-    {{ range .Site.Params.social }}
-        <a href="{{ .url }}" {{ .html_attributes | safeHTMLAttr }}>
-          <i data-feather="{{ .icon }}" style="margin-right: 0.5rem;"></i>
-        </a>
+    {{ if eq .Site.Params.iconsource "simple-icons" }}
+        {{ with .Site.Params.social }}
+            {{ range sort . "weight" }}
+                <a href="{{ .url }}" {{ .html_attributes | safeHTMLAttr }}>
+                    <img class="icon" height="28" width="28" src="https://cdn.simpleicons.org/{{ .icon }}/444"/>
+                </a>
+            {{ end }}
+        {{ end }}
+    {{ else if eq .Site.Params.iconsource "fontawesome" }}
+        {{ with .Site.Params.social }}
+            {{ range sort . "weight" }}
+                <a href="{{ .url }}" {{ .html_attributes | safeHTMLAttr }}>
+                    <i class="{{ .icon }}"></i>
+                </a>
+            {{ end }}
+        {{ end }}
+    {{ else }}
+        {{ with .Site.Params.social }}
+            {{ range sort . "weight" }}
+                <a href="{{ .url }}" {{ .html_attributes | safeHTMLAttr }}>
+                    <i data-feather="{{ .icon }}" style="margin-right: 0.5rem;"></i>
+                </a>
+            {{ end }}
+        {{ end }}
     {{ end }}
 </div>
 {{ end }}