Add page view counter

I accidentally save this post in the wrong location

.github/workflows/hugo_cd.yml

@@ -0,0 +1,62 @@
+name: Hugo CD
+
+on:
+  push:
+    branches:
+      - "master"
+
+defaults:
+  run:
+    working-directory: ./
+
+jobs:
+  build:
+    timeout-minutes: 6
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup hugo
+        uses: peaceiris/actions-hugo@v3
+        with:
+          hugo-version: "latest"
+          extended: true
+
+      - name: Build
+        run: hugo --minify
+
+      - name: Upload deployment
+        uses: actions/upload-artifact@v4
+        with:
+          name: public-html
+          path: ./public
+
+  deploy:
+    timeout-minutes: 6
+    name: Deploy
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: production
+      url: https://maik.dev/
+    steps:
+      - name: Download deployment
+        uses: actions/download-artifact@v4
+        with:
+          name: public-html
+          path: ./public-html
+
+      - name: Setup SSH config for remote server
+        run: |
+          mkdir -p ~/.ssh
+          echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_ed25519
+          echo "${{ secrets.SSH_HOST }} ssh-ed25519 ${{ secrets.SSH_HOST_KEY }}" > ~/.ssh/known_hosts
+          chmod 600 ~/.ssh/id_ed25519
+          eval "$(ssh-agent -s)"
+          ssh-add ~/.ssh/id_ed25519
+
+      - name: Transfer deployment to remote server
+        run: |
+          rsync -avh --delete-after ./public-html/ ${{ secrets.SSH_USERNAME }}@${{ secrets.SSH_HOST }}:~/maik.dev

.github/workflows/hugo_ci.yml

@@ -0,0 +1,34 @@
+name: Hugo CI
+
+on:
+  push:
+    branches:
+      - "*"
+      - "*/*"
+      - "**"
+      - "!master"
+  pull_request:
+    branches:
+      - "master"
+
+defaults:
+  run:
+    working-directory: ./
+
+jobs:
+  ci:
+    timeout-minutes: 5
+    name: CI
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup hugo
+        uses: peaceiris/actions-hugo@v3
+        with:
+          hugo-version: "latest"
+          extended: true
+
+      - name: Build
+        run: hugo -D -F

.gitignore

@@ -1,3 +1,9 @@
 # Hugo default output directory
 public/
 resources/_gen/
+.hugo_build.lock
+
+.vscode/
+
+*.bak
+*.old

README.md

@@ -0,0 +1,50 @@
+# Personal Website
+
+Link: <https://maik.dev>
+
+## Goals
+
+The goal of this website is mainly to post [CTF](https://ctftime.org/ctf-wtf/) writeups.
+
+Besides that, its also made for the enjoyment of creating this website. To wit, I also set some technical goals for this website.
+
+### Development goals
+
+The website must comply with at least the following:
+
+- The website is fully usable with JavaScript disabled.
+  - JavaScript may only be used for graphical enhancements.
+  - Where possible, JavaScript should be avoided.
+- The website must have a usable Dark Theme.
+  - This means all text and images are still readable, and the look and feel is the same are the regular theme (but dark ofcourse).
+- The website must have a working RSS feed,
+- The website must be static.
+  - Self-hosted, dynamic components (like a comment system) can be used, but the main content is static. (see the first goal)
+- All assets, libraries, whatever, must be hosted locally.
+  - With the exception of Google Analytics. I am planning to replace this in the future.
+
+## Installation
+
+### Install Hugo
+
+This website is made using the [Hugo static site generator](https://gohugo.io/).
+
+On Arch Linux this is as easy as running the following:
+
+```sh
+pacman -S hugo
+```
+
+### Running locally
+
+To see a preview of new posts, you can run the hugo development server.
+
+```sh
+hugo -DF server
+```
+
+The `-D` and `-F` flags are for building draft and future posts respectively.
+
+## Publish
+
+When a commit is pushed to the `master` branch, the new version of the website will automatically be deployed using GitHub Actions.

archetypes/default.md

@@ -1,13 +0,0 @@
-+++
-author = "Maik de Kruif"
-title = "{{ replace .Name "-" " " | title }}"
-date = {{ .Date }}
-description = ""
-images = []
-tags = [
-    "untagged",
-]
-categories = [
-    "uncategorized",
-]
-+++

archetypes/posts.md

@@ -1,13 +0,0 @@
-+++
-author = "Maik de Kruif"
-title = "{{ replace .Name "-" " " | title }}"
-date = {{ .Date }}
-description = ""
-images = []
-tags = [
-    "untagged",
-]
-categories = [
-    "uncategorized",
-]
-+++

config/_default/hugo.toml

@@ -1,16 +1,12 @@
-baseURL = "https://maik.dev/"
-# baseURL = "http://localhost:1313/"
+baseURL = "http://localhost:1313/"
 title = "Maik de Kruif"
 languageCode = "en-us"
-# theme = "hello-friend-ng"
 theme = "maik-blog"
 
-paginate  = 10
-rssLimit  = 10
-
 copyright = "© Maik de Kruif (maik_dev). All rights reserved."
 
 PygmentsCodeFences = true
+pygmentsUseClasses = true
 PygmentsStyle = "monokai"
 
 archetypeDir = "archetypes"
@@ -25,19 +21,22 @@ buildExpired = false
 canonifyURLs = true
 
 enableRobotsTXT = true
-enableGitInfo   = false
+enableGitInfo   = true
 enableEmoji     = true
-enableMissingTranslationPlaceholders = false
-disableRSS     = false
-disableSitemap = false
-disable404     = false
-disableHugoGeneratorInject = false
 
 [permalinks]
-  posts = "/posts/:year/:month/:title/"
+  [permalinks.page]
+    posts = "/posts/:title/"
+    writeups = "/:sections/:title/"
+    # writeups = "/writeups/:title/"
+    portfolio = "/portfolio/:title/"
 
-[author]
-  name = "Maik de Kruif"
+[outputs]
+  home = ["HTML", "RSS"]
+  page = ["HTML", "RSS"]
+
+[pagination]
+  pagerSize  = 12
 
 [params]
   dateform        = "Jan 2, 2006"
@@ -47,13 +46,25 @@ disableHugoGeneratorInject = false
 
   # Metadata mostly used in document's head
   description = "Hey there, my name is Maik de Kruif, I create websites, bots and other kinds of software. At the moment, I'm still studying computer science at Avans University of Applied Sciences. I am also a big fan of open-source software, which is why you'll find many of my projects on Github. And last but not least, I love playing around with cyber-security related stuff."
-  keywords = ""
+  keywords = "Devloper, Software Engineer, Software Developer, Maik, Computer Science, Portfolio, Blog, Maik de Kruif"
   images = [""]
 
-  homeSubtitle = "Maik de Kruif (maik_dev)"
+  genre = "Blog"
+
+  rssLimit  = 15
+
+  showReadingTimeInList = false
+
+  homeSubtitle = "Software Engineering, Linux and Cyber Security"
 
   # Prefix of link to the git commit detail page. GitInfo must be enabled.
-  # gitUrl = ""
+  gitUrl = "https://github.com/maikka39/Personal-Website/commit/"
+
+  # Add domain for GoatCounter to enable
+  goatCounter = "webstats.maik.dev"
+
+  # Show pageviews on posts, writeups, etc.
+  showPageViews = true
 
   # Set disableReadOtherPosts to true in order to hide the links to other posts.
   disableReadOtherPosts = false
@@ -62,7 +73,9 @@ disableHugoGeneratorInject = false
   # There are a lot of buttons preconfigured. If you want to change them,
   # generate the buttons here: https://sharingbuttons.io
   # and add them into your own `layouts/partials/sharing-buttons.html`
+  # Preconfigured: facebook, twitter, tumblr, email, pinterest, linkedin, reddit, xing, whatsapp, hackernews, telegram
   enableSharingButtons = true
+  sharingButtons = ["twitter", "email", "linkedin", "reddit", "whatsapp", "telegram"]
 
   # Integrate Javascript files or stylesheets by adding the url to the external assets or by
   # linking local files with their path relative to the static folder, e.g. "css/styles.css"
@@ -73,7 +86,7 @@ disableHugoGeneratorInject = false
   justifyContent = false  # Set "text-align: justify" to .post-content.
 
   # Default theme "light" or "dark"
-  defaultTheme = "dark"
+  defaultTheme = "light"
   themeColor = "#252627"
 
   # Colors for favicons
@@ -85,18 +98,26 @@ disableHugoGeneratorInject = false
   [params.logo]
     logoText     = "$ cd /home/"
     logoHomeLink = "/"
-    # Set true to remove the logo cursor entirely.
-    # logoCursorDisabled = false
-    # Set to a valid CSS color to change the cursor in the logo.
-    # logoCursorColor    = "#67a2c9"
-    # Set to a valid CSS time value to change the animation duration, "0s" to disable.
-    # logoCursorAnimate  = "2s"
 
   # Uncomment this if you want a portrait on your start page
-  # [params.portrait]
-  #   path     = "/img/image.jpg"
-  #   alt      = "Portrait"
-  #   maxWidth = "50px"
+  [params.portrait]
+    path     = "/img/home/portrait.png"
+    alt      = "Portrait"
+    size = "175px"
+
+  [params.author]
+    name = "Maik de Kruif"
+    email = "maik@maik.dev"
+    twitter = "@maik_dev"
+    image = "/img/home/portrait.png"
+
+  [params.general]
+    twitter = "@maik_dev"
+
+  # Wallets
+  [[params.wallets]]
+    name = "XMR"
+    address = "83cfsXGHPaW81hKJtAPYZEgbfFqANMTXXRwghsBpjf5oTDRV3BnCC4jFno8tLTnF4C6gJzGjPEmpvjntXaiGBB7kVitkDKi"
 
   # Social icons
   [[params.social]]
@@ -111,26 +132,30 @@ disableHugoGeneratorInject = false
     name = "linkedin"
     url  = "https://www.linkedin.com/in/maikdekruif/"
 
-  [[params.social]]
-    name = "stackoverflow"
-    url  = "https://stackoverflow.com/users/9146982/maik-de-kruif"
-
-  [[params.social]]
-    name = "rss"
-    url  = "posts/index.xml"
-
   [[params.social]]
     name = "twitter"
     url  = "https://twitter.com/maik_dev"
 
-  # [[params.social]]
-  #   name = "hackerrank"
-  #   url  = "https://www.hackerrank.com/maik_dev"
+  [[params.social]]
+    name = "discord"
+    url  = "https://discord.gg/wXCMdzCDcH"
 
   [[params.social]]
     name = "instagram"
     url  = "https://www.instagram.com/maik.dev/"
 
+  [[params.social]]
+    name = "stackoverflow"
+    url  = "https://stackoverflow.com/users/9146982/maik-de-kruif"
+
+  # [[params.social]]
+  #   name = "rss"
+  #   url  = "posts/index.xml"
+
+  # [[params.social]]
+  #   name = "hackerrank"
+  #   url  = "https://www.hackerrank.com/maik_dev"
+
   # [[params.social]]
   #   name = "medium"
   #   url  = "https://medium.com/@maikka39"
@@ -143,9 +168,9 @@ disableHugoGeneratorInject = false
     name = "reddit"
     url  = "https://www.reddit.com/user/maikka39"
 
-  [[params.social]]
-    name = "lbry"
-    url  = "https://lbry.tv/@Maik:c"
+  # [[params.social]]
+  #   name = "lbry"
+  #   url  = "https://lbry.tv/@Maik:c"
 
   [[params.social]]
     name = "youtube"
@@ -153,9 +178,8 @@ disableHugoGeneratorInject = false
 
 [languages]
   [languages.en]
-    subtitle  = "maik.dev"
     weight    = 1
-    copyright = 'All rights reserved.'
+    copyright = "© Maik de Kruif (maik_dev). All rights reserved."
 
 [menu]
   [[menu.main]]
@@ -170,3 +194,7 @@ disableHugoGeneratorInject = false
     identifier = "posts"
     name       = "Posts"
     url        = "posts/"
+  [[menu.main]]
+    identifier = "writeups"
+    name       = "Writeups"
+    url        = "writeups/"

config/production/hugo.toml

@@ -0,0 +1,5 @@
+baseURL = "https://maik.dev/"
+
+[services]
+  [services.googleAnalytics]
+    id = "UA-136337666-1"

content/about.md

@@ -1,8 +1,8 @@
 +++
 author = "Maik de Kruif"
 title = "About"
-date = 2020-07-06T16:33:01+02:00
-description = ""
+date = 2021-11-19T12:26:01+01:00
+description = "Ever since I was a little kid, I've loved coding. From the moment of writing my first program in Python and manipulating it to produce the desired output, I have been obsessed with the idea of writing software to solve practical problems. Programming is like a never-ending puzzle where you continuously have to come up with a new way to solve it."
 images = []
 tags = [
     "aboutme",
@@ -12,4 +12,10 @@ categories = [
 ]
 +++
 
-Hey there, my name is Maik de Kruif, I create websites, bots and other kinds of software. At the moment, I'm still studying computer science at Avans University of Applied Sciences. I am also a big fan of open-source software, which is why you'll find many of my projects on [GitHub](https://github.com/maikka39"). And last but not least, I love playing around with cyber-security related stuff.
+Ever since I was a little kid, I've loved coding. From the moment of writing my first program in Python and manipulating it to produce the desired output, I have been obsessed with the idea of writing software to solve practical problems. Programming is like a never-ending puzzle where you continuously have to come up with a new way to solve it.
+
+Outside of my job, I run a small business with a couple of friends where we develop drone shows. I'm responsible for both designing and writing the control software as well as creating and designing the actual drones.
+
+When I get home after work/school, I tend to either continue writing code for some personal side-projects, or play around with cyber-security related stuff. This is what keeps me up at night, a never-ending thirst to create beautiful, powerful things and share them with the world.
+
+Skills/Interests: Python, Java, Scala, JavaScript, Node, CSS, HTML, Git, SQL, MongoDB, Apache, Nginx, Docker.

content/portfolio.md

@@ -1,18 +0,0 @@
-+++
-author = "Maik de Kruif"
-title = "Portfolio"
-date = 2020-07-06T16:37:43+02:00
-description = "Coming soon!"
-images = []
-tags = [
-    "portfolio",
-    "aboutme",
-]
-categories = [
-    "me",
-]
-+++
-
-## Coming soon
-
-Please come back later.

content/portfolio/_index.md

@@ -0,0 +1,9 @@
++++
+author = "Maik de Kruif"
+title = "Portfolio"
+description = "Over the years I have developed various pieces of software and accomplished many goals. Most of them can be found on my GitHub, but I have also listed some here with a bit of extra information."
++++
+
+Over the years I have developed various pieces of software and accomplished many goals.
+
+Most of them can be found on [my GitHub](https://github.com/maikka39/), but I have also listed some here with a bit of extra information.

content/portfolio/learn-to-program.md

@@ -0,0 +1,19 @@
++++
+author = "Maik de Kruif"
+title = "Learn-to-Program"
+start_date = 2019-09-03
+end_date = 2019-10-21
+company_name = "Personal"
+company_url = "https://maik.dev"
+cover = "img/portfolio/learn-to-program/screenshot.png"
+description = "This website was created for a school assignment. It was created with HTML and CSS only and no frameworks were used."
+skills = [
+    "Pure HTML and CSS",
+]
++++
+
+This website was created for a school assignment. It was created with HTML and CSS only and no frameworks were used.
+
+[Github](https://github.com/maikka39/Learn-to-Program)
+
+[Live](https://maikka39.github.io/Learn-to-Program/)

content/portfolio/superbot.md

@@ -0,0 +1,22 @@
++++
+author = "Maik de Kruif"
+title = "SuperBot"
+start_date = 2018-08-17
+end_date = 2021-04-24
+company_name = "Personal"
+company_url = "https://maik.dev"
+description = "A Discord bot I wrote for my own server so that I could manage the server better and listen to music in voice channels."
+skills = [
+    "Python",
+    "Asynchronous programming",
+    "Input validation",
+]
++++
+
+An amazing Discord bot with lots of functionalities!
+
+A Discord bot I wrote for my own server so that I could manage the server better and listen to music in voice channels.
+
+SuperBot is the solution to your crowded and chaotic Discord server!
+
+[Github](https://github.com/maikka39/SuperBot)

content/portfolio/toy-neural-network-py.md

@@ -0,0 +1,19 @@
++++
+author = "Maik de Kruif"
+title = "Toy-Neural-Network-Py"
+start_date = 2019-03-02
+end_date = 2019-04-16
+company_name = "Personal"
+company_url = "https://maik.dev"
+description = "Neural Network Python library for experimenting with Machine Learning"
+skills = [
+    "Machine Learning",
+    "Neural Networks",
+    "Matrix calculations",
+    "Overheating hardware",
+]
++++
+
+Neural Network Python library for experimenting with Machine Learning
+
+[Github](https://github.com/maikka39/Toy-Neural-Network-Py)

content/portfolio/watch-together.md

@@ -0,0 +1,24 @@
++++
+author = "Maik de Kruif"
+title = "WatchTogether"
+start_date = 2018-08-17
+end_date = 2021-01-25
+company_name = "Personal"
+company_url = "https://maik.dev"
+cover = "img/portfolio/watch-together/screenshot.png"
+description = "A website to watch a youtube video together with someone who is not directly next to you!"
+skills = [
+    "Websockets",
+    "Socket-IO",
+    "NodeJS",
+    "React",
+    "Real time synchronization",
+    "REST API",
+]
++++
+
+WatchTogether is an online service that lets you watch a video together with your friends without being in the same room!
+
+[Github](https://github.com/maikka39/WatchTogether)
+
+[Github (backend)](https://github.com/maikka39/WatchTogether-Server)

content/portfolio/youtube-music-desktop-player.md

@@ -0,0 +1,22 @@
++++
+author = "Maik de Kruif"
+title = "Youtube-Music-Desktop-Player"
+start_date = 2019-10-17
+end_date = 2019-12-07
+company_name = "Personal"
+company_url = "https://maik.dev"
+cover = "img/portfolio/youtube-music-desktop-player/screenshot.png"
+description = "YouTube Music Desktop Player converts YouTube Music to a standalone desktop app. Because of this, you will never have to go through all your tabs to control your music."
+skills = [
+    "Desktop Application Development",
+    "Electron",
+    "Object Oriented JavaScipt",
+    "Script injection",
+]
++++
+
+YouTube Music Desktop Player converts YouTube Music to a standalone desktop app. Because of this, you will never have to go through all your tabs to control your music.
+
+_This software has no affiliation this Google, YouTube Music is a trademark of Google LCC._
+
+[Github](https://github.com/maikka39/Youtube-Music-Desktop-Player)

content/posts/_index.md

@@ -0,0 +1,7 @@
++++
+author = "Maik de Kruif"
+title = "Posts"
+description = "Every now and then I'll write a post. Here's a collection of my previous ones."
++++
+
+Every now and then I'll write a post. Here's a collection of my previous ones.