7 Commits

24 changed files with 480 additions and 0 deletions

8
bin/docker-watch.sh Executable file
View File

@ -0,0 +1,8 @@
#!/bin/sh
docker run -d --rm \
--volume="$PWD/src:/srv/jekyll" \
--publish 4000:4000 \
--name="jekyll" \
jekyll/jekyll:4 \
jekyll serve

5
src/.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
_site
.sass-cache
.jekyll-cache
.jekyll-metadata
vendor

25
src/404.html Normal file
View File

@ -0,0 +1,25 @@
---
permalink: /404.html
layout: default
---
<style type="text/css" media="screen">
.container {
margin: 10px auto;
max-width: 600px;
text-align: center;
}
h1 {
margin: 30px 0;
font-size: 4em;
line-height: 1;
letter-spacing: -1px;
}
</style>
<div class="container">
<h1>404</h1>
<p><strong>Page not found :(</strong></p>
<p>The requested page could not be found.</p>
</div>

31
src/Gemfile Normal file
View File

@ -0,0 +1,31 @@
source "https://rubygems.org"
# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
# bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "~> 4.2.0"
# This is the default theme for new Jekyll sites. You may change this to anything you like.
gem "minima", "~> 2.5"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.12"
gem "jekyll-coffeescript"
end
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
# and associated library.
platforms :mingw, :x64_mingw, :mswin, :jruby do
gem "tzinfo", "~> 1.2"
gem "tzinfo-data"
end
# Performance-booster for watching directories on Windows
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]

89
src/Gemfile.lock Normal file
View File

@ -0,0 +1,89 @@
GEM
remote: https://rubygems.org/
specs:
addressable (2.8.0)
public_suffix (>= 2.0.2, < 5.0)
coffee-script (2.4.1)
coffee-script-source
execjs
coffee-script-source (1.12.2)
colorator (1.1.0)
concurrent-ruby (1.1.9)
em-websocket (0.5.2)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
eventmachine (1.2.7)
execjs (2.8.1)
ffi (1.15.3)
forwardable-extended (2.6.0)
http_parser.rb (0.6.0)
i18n (1.8.10)
concurrent-ruby (~> 1.0)
jekyll (4.2.0)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 1.0)
jekyll-sass-converter (~> 2.0)
jekyll-watch (~> 2.0)
kramdown (~> 2.3)
kramdown-parser-gfm (~> 1.0)
liquid (~> 4.0)
mercenary (~> 0.4.0)
pathutil (~> 0.9)
rouge (~> 3.0)
safe_yaml (~> 1.0)
terminal-table (~> 2.0)
jekyll-coffeescript (2.0.0)
coffee-script (~> 2.2)
coffee-script-source (~> 1.12)
jekyll-feed (0.15.1)
jekyll (>= 3.7, < 5.0)
jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.7.1)
jekyll (>= 3.8, < 5.0)
jekyll-watch (2.2.1)
listen (~> 3.0)
kramdown (2.3.1)
rexml
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.3)
listen (3.6.0)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (4.0.6)
rb-fsevent (0.11.0)
rb-inotify (0.10.1)
ffi (~> 1.0)
rexml (3.2.5)
rouge (3.26.0)
safe_yaml (1.0.5)
sassc (2.4.0)
ffi (~> 1.9)
terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1)
unicode-display_width (1.7.0)
PLATFORMS
ruby
DEPENDENCIES
jekyll (~> 4.2.0)
jekyll-coffeescript
jekyll-feed (~> 0.12)
minima (~> 2.5)
tzinfo (~> 1.2)
tzinfo-data
wdm (~> 0.1.1)
BUNDLED WITH
2.2.24

19
src/_config.yml Normal file
View File

@ -0,0 +1,19 @@
# Welcome to Jekyll!
title: 'Bit Goblin'
email: 'gballantine@bitgoblin.tech'
description: >-
The Bit Goblin main website, a place for cool tech things.
baseurl: '/'
url: 'https://www.bitgoblin.tech'
links:
bitgoblin_channel: 'https://youtube.com/BitGoblin'
ascendings_channel: 'https://www.youtube.com/channel/UCCWlMg8oP9pz4Zlu4iZjPFw'
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'
minecraft_website: 'https://mc.bitgoblin.tech'
# Build settings
plugins:
- jekyll-feed

45
src/_layouts/default.html Normal file
View File

@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/assets/stylesheets/lumbridge.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="/assets/scripts/varrock.js"></script>
</head>
<body>
<header id="header-box">
<div id="header-logo">
<h1>Bit Goblin</h1>
</div>
</header>
<nav id="navigation">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/blog">Blog Posts</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/sponsors">Sponsors</a></li>
</ul>
</nav>
<div id="main-content" class="container">
<div class="row">
<div class="columns twelve">
{{ content }}
</div>
</div>
</div>
<footer id="footer">
<div class="row">
<div class="columns twleve">
<p class="u-text-center">{{ site.description }}</p>
<p class="u-text-center">&copy; Bit Goblin | all rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>

83
src/_layouts/home.html Normal file
View File

@ -0,0 +1,83 @@
---
layout: default
---
{{ content }}
<hr>
<!-- Bit Goblin YouTube channel section -->
<div id="bitgoblin-section" class="youtube-section">
<h3>Find Bit Goblin on <a href="{{ site.links.bitgoblin_channel }}">YouTube</a>.</h3>
<div class="row">
<div class="video-card columns four"><a href="https://www.youtube.com/watch?v=kMaFYUNwE5U">
<img class="u-max-full-width" src="/assets/images/bitgoblin-thumbnails/bg-36-thumbnail.png" alt="Let's Take a Look at Debian 10 Buster">
<p>Let's Take a Look at Debian 10 "Buster"</p>
</a></div>
<div class="video-card columns four"><a href="https://www.youtube.com/watch?v=Gm71SHuqhHI">
<img class="u-max-full-width" src="/assets/images/bitgoblin-thumbnails/bg-6-thumbnail.png" alt="Add a Bunch of Hard Drives to Your PC! (kinda...)">
<p>Add a Bunch of Hard Drives to Your PC! (kinda...)</p>
</a></div>
<div class="video-card columns four"><a href="https://www.youtube.com/watch?v=4oCuX4xFieo">
<img class="u-max-full-width" src="/assets/images/bitgoblin-thumbnails/bg-20-thumbnail.png" alt="How About a Cheap, Used AMD Graphics Card? (R9 270X)">
<p>How About a Cheap, Used AMD Graphics Card? (R9 270X)</p>
</a></div>
</div>
</div>
<hr>
<!-- Ascendings YouTube channel section -->
<div id="Ascendings-section" class="youtube-section">
<h3>Like watching Old School RuneScape videos? Go watch <a href="{{ site.links.ascendings_channel }}">Ascendings</a>.</h3>
<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">
<p>F2P Hardcore Ironman Playlist</p>
</a></div>
<div class="video-card columns four"><a href="https://www.youtube.com/watch?v=AhcCiqDegr0">
<img class="u-max-full-width" src="/assets/images/ascendings-thumbnails/asc-30-thumbnail.jpg" alt="Is Daeyalt Essence Worth Using?">
<p>Is Daeyalt Essence Worth Using?</p>
</a></div>
<div class="video-card columns four"><a href="https://www.youtube.com/watch?v=W3pFR_e3OuM">
<img class="u-max-full-width" src="/assets/images/ascendings-thumbnails/asc-19-thumbnail.jpg" alt="Karambwan Cooking alt">
<p>Karambwan Cooking alt</p>
</a></div>
</div>
</div>
<hr>
<!-- Minecraft server callout section -->
<section id="minecraft-section">
<h3>Play Minecraft? Go check out the <a href="{{ site.links.minecraft_website }}">community Minecraft server</a>!</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>This world is open to everyone who would like to play on it. There are no mods installed, and currently only world is available. I am open to adding mods in the future and even adding more worlds, just let me know!</p>
<p><strong>Note:</strong> The website is currently a work in progress, but it will be up soon!</p>
</section>
<hr>
<!-- Bit Goblin forum callout section -->
<section id="forum-section">
<h3>You can also participate in the <a href="{{ site.links.forum }}">community forum</a>!</h3>
<p>Some of us love the old-style internet forums to converse and help others out. Anything you would like to discuss may happen here under the proper forum sections.</p>
<p><strong>Note:</strong> Currently the Bit Goblin forum is under construction, but check back soon if you'd like to participate!</p>
</section>

5
src/_layouts/page.html Normal file
View File

@ -0,0 +1,5 @@
---
layout: default
---
{{ content }}

5
src/_layouts/post.html Normal file
View File

@ -0,0 +1,5 @@
---
layout: default
---
{{ content }}

View File

@ -0,0 +1,16 @@
---
layout: post
title: "Welcome to Bit Goblin!"
date: 2021-08-17 13:11:02 -0400
categories: housekeeping
---
There's not much else to say... welcome to Bit Goblin!
If you're here then you likely don't need a real introduction since you're probably coming from YouTube or some other platform that you've met me on. But either way, in case you don't already know me, I'm a fun-loving, tech nerd that loves playing with anything relating to computers. Whether it's networking, system administration, database administration, building PCs, software development... the list goes on, but I love it all. To me, it's really fun building things and making things do what I want them to, whether it's to make my life a little bit easier, self-host some services to better safeguard my data, or just for fun. (...it's mostly for fun!)
The content I post is mostly centered around me just documenting what I'm doing for my own future reference if I ever run into the same problems, and hopefully it helps you out as well or at least gets your gears turning and motivates you to go out and play with tech in your own way.
The primary content that I publish is over on YouTube on my [Bit Goblin channel]({{ site.links.bitgoblin_channel }}), and I also semi-regularly post videos on Old School RuneScape over on [Ascendings]({{ site.links.ascendings_channel }}). If you prefer watching live content more, then you can head on over to [my Twitch channel]({{ site.links.twitch_channel }}) - I'm not nearly as active over there but I do hop occasionally to interact with you all and have a good time playing games (mostly Old School RuneScape... it's my favorite game, stop judging me).
I'm also huge into building an inclusive, supportive community for great people to chat, chill and help each other out. In this vein I've spun up a [Discord server]({{ site.links.discord_invite }}) for you all to go hang out in and chat, and I'm currently in the process of spinning up a Minecraft server for you all to play on and a forum for a more laid back, old school-style way to talk to one another and get help. I'm open to spinning up more services for the community, so be sure to let me know if there's anything you want!

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 KiB

BIN
src/assets/images/bg-banner.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 KiB

BIN
src/assets/images/bg-icon.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 999 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 804 KiB

View File

@ -0,0 +1,7 @@
---
---
$(window).scroll ->
wScroll = $(this).scrollTop()
$('#header-logo').css('transform', 'translate(-50%, ' + (wScroll / 2) + 'px)')

View File

@ -0,0 +1,118 @@
---
---
body
font-family: "Gill Sans", sans-serif
font-size: 2rem
margin: 0
a
color: #1e76d1
font-weight: 500
text-decoration: none
transition: color 200ms ease-in-out
&:hover
color: darken(#1e76d1, 10%)
hr
margin-top: 50px
margin-bottom: 50px
.u-text-center
text-align: center
#header-box
position: relative
height: 500px
background:
image: url(/assets/images/bg-banner.jpg)
size: auto 600px
position: top center
attachment: fixed
overflow: hidden
#header-logo
height: 350px
width: 350px
background:
image: url(/assets/images/bg-icon.png)
position: center
repeat: no-repeat
size: contain
position: absolute
top: 40px
left: 50%
transform: translateX(-50%)
h1
margin-top: calc(100% + 25px)
color: white
font:
weight: bold
text-align: center
#navigation
width: 100%
margin-top: 40px
margin-bottom: 40px
text-align: center
ul
list-style: none
li
display: inline-block
margin: 0
padding: 0
border-radius: 10px
font-size: 3rem
transition: background 200ms ease-in-out
&:hover
background: rgba(#000000, 0.1)
a
padding: 15px 25px
text-decoration: underline
#main-content
margin-bottom: 40px
// home page styles
.youtube-section
.video-card a
display: block
padding: 15px 20px 0
border: 2px solid #bbb
img
transition: all 300ms ease-in-out
&:hover
img
transform: scale(1.1)
// Blog posts page
#post-list
list-style: none
li
padding: 15px 20px 0
border: 2px solid #bbb
.post-title
margin-bottom: 3px
.post-info
color: #999
.post-body
margin-bottom: 0
// footer section
#footer
width: 100%
margin-top: 100px
padding-top: 15px
border-top: 2px solid #999

13
src/blog.html Normal file
View File

@ -0,0 +1,13 @@
---
layout: page
---
<ul id="post-list">
{% for post in site.posts %}
<li>
<h5 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h5>
<p class="post-info">{{ post.date | date: "%a %b %d, %Y" }}</p>
{{ post.content | truncate: 350 }}
</li>
{% endfor %}
</ul>

5
src/contact.markdown Normal file
View File

@ -0,0 +1,5 @@
---
layout: page
---
If you're looking to contact me for business inqueries, feel free to email me at [gballantine@bitgoblin.tech](mailto:gballantine@bitgoblin.tech).

6
src/index.markdown Normal file
View File

@ -0,0 +1,6 @@
---
layout: home
---
Welcome to the Bit Goblin website! This is a place for lots of cool tech things, ranging from YouTube videos on computer hardware, networking and Linux, to a community Minecraft server, and we even have a Discord server! Everyone is welcome to join the community, all I ask is that you simply just be excellent to each other. Easy enough.