Move to standard Jekyll layout.

One standard layout broken down into included components: HTML head,
navbar, and footer.
pull/4/head
Alex Wood 4 years ago
parent 0534a81c9f
commit fbcb8ba5f2
  1. 4
      404.html
  2. 18
      _config.yml
  3. 4
      _includes/footer.html
  4. 14
      _includes/rules.html
  5. 30
      _includes/style.html
  6. 9
      _includes/top.html
  7. 25
      _layouts/page.html
  8. 32
      _layouts/standard-page.html
  9. BIN
      images/zargon_face.png
  10. 22
      index.html
  11. 4
      index.md

@ -1,9 +1,9 @@
---
title: 404
layout: page
layout: standard-page
permalink: /404.html
---
<h1 class="title is-1">404</h1>
<p><strong>Page not found :(</strong></p>
<p>The requested page could not be found.</p>
<p>The requested page could not be found.</p>

@ -1,18 +1,3 @@
# 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.
# 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: Zargon
email: webmaster@zargon.us
description: >- # this means to ignore newlines until "baseurl:"
@ -37,3 +22,6 @@ exclude:
- CONTRIBUTING.md
- Gruntfile.js
- .eslintrc.json
kramdown:
hard_wrap: false

@ -1,7 +1,7 @@
<footer class="footer">
<div class="content has-text-centered">
<p>
Hosted on <a href="https://github.com/zargon-now/zargon-now.github.io">GitHub</a> using <a href="https://bulma.io/">Bulma</a>
Hosted on <a href="https://github.com/zrgn/zrgn.github.io">GitHub</a> using <a href="https://bulma.io/">Bulma</a>
</p>
</div>
</footer>
</footer>

@ -1,14 +0,0 @@
<h1 class="title is-1">Rules of Zargon</h1>
{% for order in site.data.rules.order %}
{% assign rule_data = site.data.all_rules[order] %}
<div class="content ruleset">
<h4 class="subtitle is-4">{{ rule_data.title }}</h4>
<ul>
{% for rule in rule_data.rules %}
<li>
{{ rule.text }}
</li>
{% endfor %}
</ul>
</div>
{% endfor %}

@ -1,30 +0,0 @@
<style>
html,
body {
height: 100%;
}
.page-wrap {
min-height: 100%;
/* equal to footer height */
margin-bottom: -72px;
}
.page-wrap:after {
content: "";
display: block;
}
footer {
padding: 1.5rem !important;
}
footer,
.page-wrap:after {
height: 72px;
}
.ruleset {
margin-top: 1.5rem;
}
</style>

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ site.title }} - {{ page.title }}</title>
<link rel="stylesheet" href="{{ site.baseurl }}/assets/zargon.css">

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ site.title }} - {{ page.title }}</title>
<link rel="stylesheet" href="/assets/zargon.css">
{% include style.html %}
</head>
<body>
<div class="page-wrap">
<!-- excluding for now since we've only got one page {% include navbar.html %} -->
<section class="section">
<div class="container">
{{ content }}
</div>
</section>
</div>
{% include footer.html %}
</body>
</html>

@ -0,0 +1,32 @@
{% include top.html %}
</head>
<body>
<div class="page-wrap">
<!-- excluding for now since we've only got one page {% include navbar.html %} -->
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-one-third">
<div class="has-text-centered">
<img src="{{ site.baseurl }}/images/zargon_face.png" />
</div>
<section class="hero">
<div class="hero-body has-text-centered">
<h2 class="subtitle">
Formalities of Zargon
</h2>
</div>
</section>
</div>
<div class="column content">
{{ content }}
</div>
</div>
</div>
</section>
</div>
{% include footer.html %}
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

@ -1,22 +0,0 @@
---
title: home
layout: page
---
<div class="columns">
<div class="column is-one-third">
<div class="has-text-centered">
<img src="https://raw.githubusercontent.com/zargon-now/assets/master/zargon_face.png" />
</div>
<section class="hero">
<div class="hero-body">
<h2 class="subtitle">
Good humored, cooperative, competitive torture, for the purposes of exploring strategies, design,
progess and history of gaming
</h2>
</div>
</section>
</div>
<div class="column">
{% include rules.html %}
</div>
</div>

@ -1,3 +1,7 @@
---
title: Bylaws
layout: standard-page
---
# Zargon
## Bylaws

Loading…
Cancel
Save