Move to new theme and major updates (#1)

- Update the theme of the website to the typography theme
- Move to GitHub Actions
- Rebuild site
- Clean-up
- General improvements

.github/workflows/test-build.yml

@@ -0,0 +1,39 @@
+name: Test build
+
+on:
+  push:
+    branches:    
+      - update-theme
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    env:
+      HUGO_VERSION: 0.116.1
+
+    steps:
+      - name: 🛎 Check out repo
+        uses: actions/checkout@v3
+        with:
+          ref: update-theme
+          fetch-depth: 1
+          submodules: recursive
+      - name: Use Node.js
+        uses: actions/setup-node@master
+        with:
+          node-version: 10.x
+      - run: npm i -g postcss postcss-cli autoprefixer
+      - name: 🤵 Install Hugo
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+      - name: 🧹 Clean site
+        run: |
+          if [ -d "public" ]; then
+            rm -rf public/*
+          fi
+      - name: 🍳 Build site
+        run: |
+            hugo --gc --minify

.gitmodules

@@ -0,0 +1,4 @@
+[submodule "themes/typography"]
+	path = themes/typography
+	url = https://github.com/danielroelfs/hugo-theme-typography.git
+	branch = dev

assets/custom_style.css

@@ -0,0 +1,6 @@
+@media all and (min-width: 1200px) {
+  img:not(.icon) {
+    margin-left: -6rem;
+    min-width: 120%;
+  }
+}

config.toml

@@ -1,112 +1,88 @@
-baseurl = "/" # Hostname (and path) to the root.
-title = "Daniel Roelfs" # Site title.
-theme = "hugo-coder-portfolio-edit" # Set the theme.
-languagecode = "en" # The site’s language code used to generate RSS.
-defaultcontentlanguage = "en" # The default content language.
-defaultContentLanguageInSubdir = true
+baseurl = "/"
+title = "Daniel Roelfs"
+theme = "typography"
 
-paginate = 20 # Default number of pages per page in pagination.
-
-PygmentsStyle = "monokai" # Color-theme or style for syntax highlighting.
-PygmentsCodeFences = true # Enable code fence background highlighting.
-PygmentsCodeFencesGuessSyntax = false # Enable syntax guessing for code fences without specified language.
-PygmentsUseClasses = true # new add
-
-ignoreFiles = ["\\.qmd$", "\\.ipynb$", "\\.Rmd$", "\\.Rmarkdown$", "_cache$", "index\\.html", "about\\.html", "static/blog/\\*_files/", "README"] 
+ignoreFiles = ["\\.qmd$", "\\.ipynb$", "\\.Rmd$", "\\.Rmarkdown$", "_cache$", "index\\.html", "about\\.html", "static/blog/\\*_files/", "README.md"] 
 
 [markup]
   defaultMarkdownHandler = "goldmark"
   [markup.goldmark]
     [markup.goldmark.renderer]
       unsafe = true
 
-[params] # theme parameters
-    author = "Daniel Roelfs" # Author's name.
-    info = "PhD Candidate in Brain Imaging & Genetics" # Author's job title or info.
-    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.
-
-    # Whether you want to hide copyright and credits in the footer.
-    hideCredits = true
-    hideCopyright = true
+[params]
+    introtag = "introduction"
+    intro = "PhD Candidate in Brain Imaging & Genetics, Data Scientist within Anti-Money Laundering at DNB"
 
-    # Custom CSS
-    custom_css = []
+    favicon = "avatar.png"
 
-    # Alignment of Mobile Menu items
-    itemscentered = true
+    iconsource = "simple-icons"
 
-    # RTL support
-    rtl = false
+    description = "Daniel Roelfs' personal website"
+    keywords = "blog, personal, coding"
 
-    # Bottom sns share
-    snsShare = true # new add
-    # Popular sns share
-    # if you want add sns. please message!
-    enableTwitterShare = false  # new add
-    enableFacebookShare = false # new add
-    enableHatenaShare = false   # new add
-    enableLineShare = false     # new add
-    enableLinkedInShare = false # new add
+    customcss = ["custom_style.css"]
 
-    thumbnail = "images/avatar.png" # default sns thumbnail
+    umami       = true
+    umamilink   = "https://analytics-danielroelfs.netlify.app/script.js"
+    umamiid     = "da48a88a-2e87-4024-8c99-639222aab54d"
 
-# Social links
-[[params.social]]
-    name = "Twitter"
-    icon = "fab fa-twitter"
-    weight = 1
-    url = "https://twitter.com/dthroelfs/"
-[[params.social]]
-    name = "GitHub"
-    icon = "fab fa-github"
-    weight = 2
-    url = "https://github.com/danielroelfs/"
-[[params.social]]
-    name = "ORCID"
-    icon = "fab fa-orcid"
-    weight = 3
-    url = "https://orcid.org/0000-0002-1083-002X"
-[[params.social]]
-    name = "Google Scholar"
-    icon = "fas fa-graduation-cap"
-    weight = 4
-    url = "https://scholar.google.com/citations?user=QmVQcsAAAAAJ&hl=en"
-[[params.social]]
-    name = "LinkedIn"
-    icon = "fab fa-linkedin"
-    weight = 5
-    url = "https://www.linkedin.com/in/danielroelfs/"
-[[params.social]]
-    name = "Mastodon"
-    icon = "fab fa-mastodon"
-    weight = 6
-    url = "https://mastodon.online/@danielroelfs#"
-[[params.social]]
-    name = "Mail"
-    icon = "fas fa-envelope"
-    weight = 7
-    url = "mailto:[email protected]"
+    # Social links
+    [[params.social]]
+        name = "GitHub"
+        icon = "github"
+        weight = 1
+        url = "https://github.com/danielroelfs/"
+    [[params.social]]
+        name = "Twitter"
+        icon = "x"
+        weight = 2
+        url = "https://twitter.com/dthroelfs/"
+    [[params.social]]
+        name = "LinkedIn"
+        icon = "linkedin"
+        weight = 3
+        url = "https://www.linkedin.com/in/danielroelfs/"
+    [[params.social]]
+        name = "ORCID"
+        icon = "orcid"
+        weight = 4
+        url = "https://orcid.org/0000-0002-1083-002X"
+    [[params.social]]
+        name = "Google Scholar"
+        icon = "googlescholar"
+        weight = 5
+        url = "https://scholar.google.com/citations?user=QmVQcsAAAAAJ&hl=en"
+    [[params.social]]
+        name = "Mail"
+        icon = "minutemailer"
+        weight = 6
+        url = "mailto:[email protected]"
 
 # Menu links
-[[menu.main]]
-    name = "Blog"
-    weight = 1
-    url  = "blog"
-[[menu.main]]
-    name = "Photography"
-    weight = 2
-    url = "photography"    
-[[menu.main]]
-    name = "Publications"
-    weight = 3
-    url = "publications"
-[[menu.main]]
-    name = "Curriculum Vitæ"
-    weight = 4
-    url = "cv"
-[[menu.main]]
-    name = "About"
-    weight = 5
-    url = "about"
+[menu]
+    [[menu.main]]
+        name = "Home"
+        url  = "/"
+        weight = 1
+    [[menu.main]]
+        name = "Blog"
+        url  = "/blog"
+        weight = 2
+    [[menu.main]]
+        name = "Photography"
+        url = "/photography"    
+        weight = 3
+        identifier = "hide-from-nav"
+    [[menu.main]]
+        name = "Publications"
+        url = "/publications"
+        weight = 4
+    [[menu.main]]
+        name = "CV"
+        url = "/cv"
+        weight = 5
+    [[menu.main]]
+        name = "About"
+        url = "/about"
+        weight = 6

content/about/index.md

@@ -1,21 +1,15 @@
 ---
-description: "about"
-slug: "about"
-thumbnail: "images/avatar.png"
-title: "About"
-author: "Daniel Roelfs"
-format: hugo
+title: About
+description: About
+hidetopnav: true
 ---
 
-<img style="position: relative;
-    top: 15px;
-    padding: 0 15px; 
-    float: right;" 
-  src="avatar.png" width="33%"
-/>
+{{< sidenote >}}
+![avatar](../../avatar.png)
+{{< /sidenote >}}
 
-I'm Daniel Roelfs, currently working as a Data Scientist at the Norwegian bank DNB. Prior to this I was a PhD candidate working at the Norwegian Centre for Mental Disorders Research (NORMENT) in Oslo. My doctoral research focused on the intersection between neuroimaging and genetics to discover more about the human brain and the biology underlying psychiatric disorders.
+Hi, I'm Daniel Roelfs! I'm currently working as a Data Scientist at the Norwegian bank DNB. Prior to this I was a PhD candidate working at the Norwegian Centre for Mental Disorders Research (NORMENT) in Oslo. My doctoral research focused on the intersection between neuroimaging and genetics to discover more about the human brain and the biology underlying psychiatric disorders.
 
 Born and raised in the Netherlands, I have also studied in France and Sweden before moving to Norway. In my free time I run, ski, hike, and take photos. This blog serves as a way to share some of the code I write in R and Python for personal and professional interests.
 
-If you have any questions or comments about the tutorials and posts here, or just want to get in touch, please send me an e-mail at <a href="mailto:daniel.roelfs@medisin.uio.no">daniel.roelfs\[a\]medisin.uio.no</a>.
+If you have any questions or comments about the tutorials and posts here, or just want to get in touch, please send me an e-mail at [daniel.roelfs\[a\]medisin.uio.no](mailto:daniel.roelfs@medisin.uio.no).

content/about/index.qmd

@@ -1,21 +1,15 @@
 ---
-description: "about"
-slug: "about"
-thumbnail: "images/avatar.png"
-title: "About"
-author: "Daniel Roelfs"
-format: hugo
+title: About
+description: About
+hidetopnav: true
 ---
 
-<img style="position: relative;
-    top: 15px;
-    padding: 0 15px; 
-    float: right;" 
-  src="avatar.png" width="33%"
-/>
+{{{< sidenote >}}}
+![avatar](/avatar.png)
+{{{< /sidenote >}}}
 
-I'm Daniel Roelfs, currently working as a Data Scientist at the Norwegian bank DNB. Prior to this I was a PhD candidate working at the Norwegian Centre for Mental Disorders Research (NORMENT) in Oslo. My doctoral research focused on the intersection between neuroimaging and genetics to discover more about the human brain and the biology underlying psychiatric disorders.
+Hi, I'm Daniel Roelfs! I'm currently working as a Data Scientist at the Norwegian bank DNB. Prior to this I was a PhD candidate working at the Norwegian Centre for Mental Disorders Research (NORMENT) in Oslo. My doctoral research focused on the intersection between neuroimaging and genetics to discover more about the human brain and the biology underlying psychiatric disorders.
 
 Born and raised in the Netherlands, I have also studied in France and Sweden before moving to Norway. In my free time I run, ski, hike, and take photos. This blog serves as a way to share some of the code I write in R and Python for personal and professional interests.
 
-If you have any questions or comments about the tutorials and posts here, or just want to get in touch, please send me an e-mail at <a href="mailto:daniel.roelfs@medisin.uio.no">daniel.roelfs[a]medisin.uio.no</a>.
+If you have any questions or comments about the tutorials and posts here, or just want to get in touch, please send me an e-mail at [daniel.roelfs[a]medisin.uio.no](mailto:daniel.roelfs@medisin.uio.no).