Started work on a new layout

This commit is contained in:
Gregory Ballantine 2021-08-17 14:41:24 -04:00
parent 74b55dd4fe
commit 4ca12a0654
9 changed files with 124 additions and 49 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

View File

@ -1,55 +1,16 @@
# Welcome to Jekyll!
#
# This config file is meant for settings that affect your whole blog, values
# which you are expected to set up once and rarely edit after that. If you find
# yourself editing this file very often, consider using Jekyll's data files
# feature for the data you need to update frequently.
#
# For technical reasons, this file is *NOT* reloaded automatically when you use
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
#
# If you need help with YAML syntax, here are some quick references for you:
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
# https://learnxinyminutes.com/docs/yaml/
#
# Site settings
# These are used to personalize your new site. If you look in the HTML files,
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
# You can create any custom variable you would like, and they will be accessible
# in the templates via {{ site.myvariable }}.
title: Your awesome title
email: your-email@example.com
description: >- # this means to ignore newlines until "baseurl:"
Write an awesome description for your new site here. You can edit this
line in _config.yml. It will appear in your document head meta (for
Google search results) and in your feed.xml site description.
baseurl: "" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g. http://example.com
twitter_username: jekyllrb
github_username: jekyll
title: 'Bit Goblin'
email: 'gballantine@bitgoblin.tech'
description: >-
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!
baseurl: '/'
url: 'https://www.bitgoblin.tech'
bitgoblin_discord_link: ''
bitgoblin_minecraft_server: 'https://mc.bitgoblin.tech'
# Build settings
theme: minima
plugins:
- jekyll-feed
# Exclude from processing.
# The following items will not be processed, by default.
# Any item listed under the `exclude:` key here will be automatically added to
# the internal "default list".
#
# Excluded items can be processed by explicitly listing the directories or
# their entries' file path in the `include:` list.
#
# exclude:
# - .sass-cache/
# - .jekyll-cache/
# - gemfiles/
# - Gemfile
# - Gemfile.lock
# - node_modules/
# - vendor/bundle/
# - vendor/cache/
# - vendor/gems/
# - vendor/ruby/

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

@ -0,0 +1,32 @@
<!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">
</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>
</ul>
</nav>
<div class="container">
{{ content }}
</div>
<footer>
&copy; to me
</footer>
</body>
</html>

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

@ -0,0 +1,7 @@
---
layout: default
---
<p>This is the home page.</p>
{{ content }}

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

@ -0,0 +1,7 @@
---
layout: default
---
<p>This is a standard page.</p>
{{ content }}

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

@ -0,0 +1,7 @@
---
---
<p>This is a post page.</p>
{{ content }}

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

View File

@ -0,0 +1,53 @@
---
---
body
font-family: "Gill Sans", sans-serif
font-size: 2rem
margin: 0
#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
font-size: 3rem
a
padding-left: 10px
padding-right: 10px