Added coffeescript support; Added YouTube video sections to the home page; added contact page and removed about page; made lots of style tweaks

This commit is contained in:
2021-08-18 19:41:28 -04:00
parent 6c1cc49f8e
commit 82d97f7dc9
14 changed files with 163 additions and 75 deletions

View File

@ -6,6 +6,8 @@
<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">
@ -20,19 +22,25 @@
<li><a href="/blog">Blog Posts</a></li>
<li><a href="/">Forum</a></li>
<li><a href="/">Minecraft</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="container">
<div id="main-content" class="container">
<div class="row">
<div class="columns twelve">
<p>{{ site.description }}</p>
{{ content }}
</div>
</div>
</div>
<footer>
&copy; to me
<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>

View File

@ -2,6 +2,46 @@
layout: default
---
<p>This is the home page.</p>
{{ content }}
<hr>
<div id="bitgoblin-section" class="youtube-section">
<h3>Find Bit Goblin on <a href="https://youtube.com/BitGoblin">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>
<div id="Ascendings-section" class="youtube-section">
<h3>Like watching Old School RuneScape videos? Go watch <a href="https://www.youtube.com/channel/UCCWlMg8oP9pz4Zlu4iZjPFw">Ascendings</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>

View File

@ -2,6 +2,4 @@
layout: default
---
<p>This is a standard page.</p>
{{ content }}