Add home page template and content

content/_index.md

@@ -0,0 +1,24 @@
+---
+image: /img/typing.jpg
+---
+
+## Hi there!
+
+Welcome to my personal website!
+
+This is a convenient place where you can find all of my social media and details about me.
+I also keep my personal blog here where I usually write about some technology I'm working with or really anything
+that I find interesting.
+
+## About me
+
+I’m a developer mostly interested in Python, but I’m currently experimenting with NASM Assembly and C. I mostly like
+back-end work and algorithm design, since I'm terrible at making good looking user interfaces. 
+
+I also enjoy DevOps and automation of everything with various CI workflows or scripts. However lately what I've been
+most passionate about is certainly learning about Linux systems. I've made the switch to exclusively using GNU/Linux
+as my operating system since 12.05.2019, and during that time I've tried out a lot of different software and 
+distributions, but after a while, I've decided to settle on dual booting Gentoo Linux with Arch Linux.
+
+As for my non-tech related interests, I really enjoy watching TV shows and movies, specifically, I like Fantasy
+and Sci-Fi genres.

layouts/index.html

@@ -0,0 +1,8 @@
+{{ define "main" }}
+  <div id="main" class="short-top">
+    <div class="container">
+      {{ partial "header_image.html" . }}
+      {{ .Content }}
+    </div>
+  </div>
+{{ end }}

static/src/scss/style.scss

@@ -78,6 +78,10 @@ footer {
   min-height: calc(100vh - #{$spacer * 5} - #{$navbar-height} - #{$spacer * 3});
 }
 
+.short-top {
+  margin-top: $spacer !important;
+}
+
 a {
   color: $primary;
 
@@ -182,3 +186,12 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: lighter;
   }
 }
+
+img {
+  object-fit: cover;
+}
+
+.header-image {
+  width: 100%;
+  height: 35vh;
+}