Updated the styles of the home page and reorganized it a bit

src/_config.yml

@@ -12,6 +12,7 @@ links:
   twitch_channel: 'https://twitch.tv/brotherballan'
   discord_invite: 'https://www.youtube.com/redirect?event=channel_banner&redir_token=QUFFLUhqbjZzc29mblpxVGE0MVZnRXctM2M1Zy1LQ1p1UXxBQ3Jtc0ttbl9yWHdGVWF1QXJFRmh4WGp0MDFKVzNUMnZDOHFxNUQwZmdCbkhkbXFwQjFSRTVGemIwdXpTbC1pV2FwMmMxaUhKMnVMN2NLY0J0ZWFsenVBYmZtY1VUWjBYdXpKVDVFWThaZU1Fb3J3RHVQSDBNYw&q=https%3A%2F%2Fdiscord.gg%2FuVNAJ4nrB9'
   forum: 'https://forum.bitgoblin.tech'
+  wiki_link: 'https://wiki.bitgoblin.tech'
   minecraft_website: 'https://mc.bitgoblin.tech'
   patreon_link: 'https://www.patreon.com/BitGoblin'
 

src/_layouts/default.html

@@ -38,14 +38,18 @@
 
   <footer id="footer">
     <div class="row">
-      <div class="columns three">
+      <div id="useful-links" class="columns four">
-        <p>Support me over on <a href="{{ site.links.patreon_link }}">Patreon</a>!</p>
+        <ul>
+          <li>Join the Bit Goblin <a href="{{ site.links.discord_invite }}">Discord</a></li>
+          <li>Play on the <a href="{{ site.links.minecraft_website }}">Minecraft server</a></li>
+          <li>Support me over on <a href="{{ site.links.patreon_link }}">Patreon</a></li>
+        </ul>
       </div>
-      <div class="columns six">
+      <div class="columns four">
         <p class="u-text-center">{{ site.description }}</p>
         <p class="u-text-center">&copy; Bit Goblin | all rights reserved.</p>
       </div>
-      <div class="columns three">
+      <div class="columns four">
         <p>Feel free to <a href="{% link contact.markdown %}">contact me</a> for any business inquiries.</p>
       </div>
     </div>

src/_layouts/home.html

@@ -4,8 +4,6 @@ layout: default
 
 {{ content }}
 
-<hr>
-
 <!-- Bit Goblin YouTube channel section -->
 <section id="bitgoblin-section" class="youtube-section">
 
@@ -37,6 +35,8 @@ layout: default
 
   <h3>Like watching Old School RuneScape videos? Go watch <a href="{{ site.links.ascendings_channel }}">Ascendings</a>.</h3>
 
+  <p>Not only do I create tech videos for Bit Goblin, but I also occasionally create content based around my old love <a href="https://oldschool.runescape.com">Old School Runescape</a>... we all have our vices, right?!</p>
+
   <div class="row">
     <div class="video-card columns four"><a href="https://www.youtube.com/watch?v=LtOpQv6ZBq0&list=PLIg6BQwweIwGdQNrbDMwGPxifgJ7iIXnE">
       <img class="u-max-full-width" src="/assets/images/ascendings-thumbnails/asc-37-thumbnail.png" alt="F2P Hardcore Ironman Playlist">
@@ -58,13 +58,39 @@ layout: default
 
 <hr>
 
-<!-- Minecraft server callout section -->
+<!-- Discord and Minecraft server callout section -->
-<section id="minecraft-section">
+<section id="callout-section" class="youtube-section">
 
-  <h3>Play Minecraft? Go check out the <a href="{{ site.links.minecraft_website }}">community Minecraft server</a>!</h3>
+  <h3>I'm also building a community</h3>
 
-  <img class="u-max-full-width" src="https://static.wikia.nocookie.net/minecraft_gamepedia/images/f/ff/Java_Edition_logo_12.png" alt="Minecraft Java Edition logo">
+  <p>Last but certainly not least, one of my goals is to build a community for great people to just chill, have fun, and help each other out when the need arises. Ranging from the aforementioned YouTube videos on computer hardware, networking and Linux, to a community Minecraft server, a Discord server for everyone to relax and chat with each other, a future community forum and other services. Everyone is welcome to join the community, all I ask is that you simply just be excellent to each other. Easy enough, right?</p>
 
-  <p>These worlds are open to everyone who would like to play on them. There are no mods installed, I am open to adding mods in the future and even adding more worlds, just let me know!</p>
+  <div class="row">
+    <div class="video-card columns four"><a href="{{ site.links.discord_invite }}">
+      <div class="img-wrap">
+        <img class="u-max-full-width" src="https://logodownload.org/wp-content/uploads/2017/11/discord-logo-1-1-2048x2048.png" alt="Discord community invite link">
+      </div>
+      <p>Discord community</p>
+    </a></div>
+
+    <div class="video-card columns four"><a href="{{ site.links.wiki_link }}">
+      <div class="img-wrap">
+        <img class="u-max-full-width" src="https://www.freelogovectors.net/wp-content/uploads/2018/06/Dokuwiki-logo-596x600.png" alt="Bit Goblin DokuWiki">
+      </div>
+      <p>Wiki/knowledge base</p>
+    </a></div>
+
+    <div class="video-card columns four"><a href="{{ site.links.minecraft_website }}">
+      <div class="img-wrap">
+        <img class="u-max-full-width" src="https://i.imgur.com/XJQoBDx.png" alt="Bit Goblin Minecraft servers">
+      </div>
+      <p>Community Minecraft servers</p>
+    </a></div>
+  </div>
 
 </section>
+
+<hr>
+
+<p>I do work with sponsors to help fund my projects. If you're curious about who I'm currently working with, check out the <a href="{% link sponsors.markdown %}">sponsors page</a>.</p>
+

src/assets/stylesheets/_variables.sass

@@ -1,4 +1,8 @@
-$footer-height: 150px
+$container-width: 960px
+
+$footer-height: 210px
 
 $color-primary: #1e76d1
-$color-primary-hover: darken(#1e76d1, 10%)
+$color-primary-hover: darken($color-primary, 10%)
+$color-primary-light: lighten($color-primary, 10%)
+

src/assets/stylesheets/lumbridge.sass

@@ -29,6 +29,9 @@ hr
   color: #999
   font-style: italic
 
+.container
+  max-width: $container-width
+
 // this wrapper is only used to hide the footer
 #wrapper
   position: relative
@@ -121,12 +124,20 @@ hr
     background: white
     border: 2px solid #bbb
 
+    .img-wrap
+      margin: 0
+      padding: 0
+      text-align: center
+
+    img
+      max-height: 152px
+
     img, p
       transition: all 300ms ease-in-out
 
     &:hover
       img
-        transform: scale(1.1)
+        transform: scale(1.2)
 
       p
         transform: translate(20px, 10px) scale(1.1)
@@ -155,12 +166,39 @@ hr
   bottom: 0
   width: 100%
   height: $footer-height
-  padding-top: 35px
   background: #212121
   color: white
 
+  .row
+    height: 100%
+    display: flex
+
+  .columns
+    margin-top: auto
+    margin-bottom: auto
+
+  #useful-links
+    display: flex
+
+    ul
+      list-style: none
+      display: inline-block
+      margin: 0 auto
+      text-align: left
+
+      li:last-child
+        margin-bottom: 0
+        padding-bottom: 0
+
   p
     text-align: center
     &:not(:last-child)
       margin-bottom: 5px
+    &:last-child
+      margin-bottom: 0
+
+  a
+    color: $color-primary-light
+    &:hover
+      color: $color-primary
 

src/index.markdown

@@ -3,8 +3,5 @@ layout: home
 title: Welcome to Bit Goblin!
 ---
 
-Welcome! My name is Greg Ballantine and Bit Goblin is my passion project for creating YouTube videos on tech. I love tinkering with all things related to computers, and I enjoy documenting the things that I do so that others can use my struggles to ease their own. Whether it's buildings PCs, playing with networking gear, or exploring the beauty of Linux, there are lots of things to play with and try to help others with.
+Welcome! My name is Greg Ballantine and Bit Goblin is my passion project for creating YouTube videos on tech. I love tinkering with all things related to computers, and I enjoy documenting the things that I do so that others can use my struggles to ease their own. Whether it's buildings PCs, playing with networking gear, or exploring the beauty of Linux, there are lots of things to play with and try to help others with, as evidenced below...
 
-Not only do I create tech videos for Bit Goblin, but I'm also trying to build a community around it for great people to just chill, have fun, and help each other out when need arises. Ranging from the aforementioned YouTube videos on computer hardware, networking and Linux, to a community Minecraft server, a Discord server for everyone to relax and chat with each other, a future community forum and other services. Everyone is welcome to join the community, all I ask is that you simply just be excellent to each other. Easy enough, right?
-
-I do work with sponsors to help fund my projects. If you're curious about who I've worked with before, check out the [Sponsors page]({% link sponsors.markdown %}).

src/support.markdown

@@ -7,6 +7,4 @@ Unfortunately money doesn't grow on trees, and a lot of the stuff that I purchas
 
 The primary way to support my work is through donations on [my Patreon page](https://patreon.com/BitGoblin). I don't have any reward tiers over there yet, but I do plan on adding some rewards at some point in the future.
 
-You can also support me by [joining Honey using my referral link](https://www.joinhoney.com/ref/9ohqcf9)! Honey helps you save money on popular websites by searching for coupons to get you discounts while you're shopping. And the best part is that it's free!
-
 If you're looking for a cloud VPS, consider giving [Vultr](https://www.vultr.com/?ref=9589122-8H) a shot! I've been using it for several years at this point, and it has treated me very well and been extremely reliable over the years.