Updated the styles of the home page and reorganized it a bit
This commit is contained in:
parent
a2b7fa067e
commit
acfb963e17
@ -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'
|
||||
|
||||
|
||||
@ -38,14 +38,18 @@
|
||||
|
||||
<footer id="footer">
|
||||
<div class="row">
|
||||
<div class="columns three">
|
||||
<p>Support me over on <a href="{{ site.links.patreon_link }}">Patreon</a>!</p>
|
||||
<div id="useful-links" class="columns four">
|
||||
<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">© 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>
|
||||
|
||||
@ -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 -->
|
||||
<section id="minecraft-section">
|
||||
<!-- Discord and Minecraft server callout 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>
|
||||
|
||||
|
||||
@ -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%)
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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 %}).
|
||||
|
||||
Loading…
Reference in New Issue
Block a user