Local-ize the Swiss theme
Ready for bastardisation :D
This commit is contained in:
warlordjones
@@ -24,7 +24,6 @@ github_username: FreneticScribbler
|
||||
|
||||
# Build settings
|
||||
markdown: kramdown
|
||||
remote_theme: broccolini/swiss
|
||||
plugins:
|
||||
- jekyll-feed
|
||||
|
||||
|
||||
17
_drafts/oldblood.md
Normal file
17
_drafts/oldblood.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Dark in the way old blood is dark"
|
||||
date: 2019-09-17 00:00:00 +0100
|
||||
categories: fiction
|
||||
---
|
||||
# A study, of black sand wasteland
|
||||
The landscape was dark in a way that managed to be lazy about its oppressiveness. Dark in the way old dried blood is dark. The murk encroached on the senses, instead of just laying passive like shadow should.
|
||||
|
||||
Black sand lay lifeless under a inky sky brimming with stars other than our own. Of course sand is always lifeless, so why did the word lifeless seem so eager to describe these dunes? Perhaps they had not always been this dead, this absent.
|
||||
|
||||
Either way, the sand glittered under the fierce starlight, sending it fragmenting away wherever it hit. Everything here was destruction.
|
||||
|
||||
As if to prove the point, detritus of a thousand battles littered the twisted landscape. Clusters of rust-rotten swords were jabbed into the sand like a mimicry of grasses. Other weaponry from all across the ages was scattered haphazard. Indeed, the only interruption to the rolling dunes from horizon to horizon was the half-buried hulk of a wrecked tank.
|
||||
|
||||
Nothing looked like it had died here but this was nevertheless a land of death. It was a land of destruction, and the evidence was all around. No wind stirred the grains and the wreckage.
|
||||
This place had seen battle once, but now it was just a huge graveyard. The whole land a marker, a totem to battles gone.
|
||||
3
_includes/dot-accent.html
Normal file
3
_includes/dot-accent.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg height="32" class="header-social-accent" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<circle cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 149 B |
3
_includes/dot.html
Normal file
3
_includes/dot.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<circle cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 142 B |
5
_includes/dribbble.html
Normal file
5
_includes/dribbble.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<a href="https://dribbble.com/{{ site.social_username }}" title="Follow me on Dribbble" class="link-social block">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
||||
<path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/>
|
||||
</svg>
|
||||
</a>
|
||||
13
_includes/footer.html
Normal file
13
_includes/footer.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/{{ site.github_username }}">{{ site.github_username }}</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="{{ site.title }}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" data-icon="octicon-star" data-count-href="{{ site.github_username }}/{{ github_repo }}/stargazers" data-count-api="/repos/{{ site.github_username }}/{{ github_repo }}#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star {{ site.github_username }}/{{ github_repo }} on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
4
_includes/github.html
Normal file
4
_includes/github.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<a href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" title="Fork me on GitHub" class="link-social block">
|
||||
<svg height="32" class="octicon octicon-mark-github header-social" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
17
_includes/head.html
Normal file
17
_includes/head.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||
|
||||
{% assign user_url = site.url | append: site.baseurl %}
|
||||
{% assign full_base_url = user_url | default: site.github.url %}
|
||||
<link rel="stylesheet" href="{{ "/main.css" | prepend: full_base_url }}">
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
20
_includes/header.html
Normal file
20
_includes/header.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<header class="border-bottom-thick px-2 clearfix">
|
||||
<div class="left sm-width-full py-1 mt-1 mt-lg-0">
|
||||
<a class="align-middle link-primary text-accent" href="{{ site.baseurl }}/">
|
||||
{{ site.title }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="right sm-width-full">
|
||||
<ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
|
||||
{% for my_page in site.pages %}
|
||||
{% if my_page.title %}
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="{{ my_page.url | prepend: site.baseurl }}">
|
||||
{{ my_page.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
18
_includes/instagram.html
Normal file
18
_includes/instagram.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<a href="https://www.instagram.com/{{ site.social_username }}" title="Follow me on Instagram" class="link-social block">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<g>
|
||||
<path d="M11.9,5.1c-0.1-0.2-0.2-0.4-0.4-0.6s-0.3-0.3-0.6-0.4C10.8,4,10.5,4,10,3.9c-0.5,0-0.7,0-2,0s-1.5,0-2,0
|
||||
C5.5,4,5.2,4,5.1,4.1C4.8,4.2,4.7,4.3,4.5,4.5S4.2,4.8,4.1,5.1C4,5.2,4,5.5,3.9,6c0,0.5,0,0.7,0,2s0,1.5,0,2c0,0.5,0.1,0.8,0.2,0.9
|
||||
c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.3,0.3,0.6,0.4C5.2,12,5.5,12,6,12.1c0.5,0,0.7,0,2,0c1.3,0,1.5,0,2,0c0.5,0,0.8-0.1,0.9-0.2
|
||||
c0.2-0.1,0.4-0.2,0.6-0.4s0.3-0.3,0.4-0.6c0.1-0.2,0.2-0.4,0.2-0.9c0-0.5,0-0.7,0-2s0-1.5,0-2C12,5.5,12,5.2,11.9,5.1z M8,10.6
|
||||
c-1.4,0-2.6-1.1-2.6-2.6c0-1.4,1.1-2.6,2.6-2.6c1.4,0,2.6,1.1,2.6,2.6C10.6,9.4,9.4,10.6,8,10.6z M10.7,5.9c-0.3,0-0.6-0.3-0.6-0.6
|
||||
s0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6S11,5.9,10.7,5.9z"/>
|
||||
<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M13,10.1c0,0.5-0.1,0.9-0.2,1.2c-0.1,0.3-0.3,0.6-0.6,0.9
|
||||
c-0.3,0.3-0.6,0.4-0.9,0.6c-0.3,0.1-0.7,0.2-1.2,0.2c-0.5,0-0.7,0-2.1,0s-1.5,0-2.1,0c-0.5,0-0.9-0.1-1.2-0.2
|
||||
c-0.3-0.1-0.6-0.3-0.9-0.6c-0.3-0.3-0.4-0.6-0.6-0.9C3.1,11,3.1,10.6,3,10.1C3,9.5,3,9.4,3,8s0-1.5,0-2.1c0-0.5,0.1-0.9,0.2-1.2
|
||||
c0.1-0.3,0.3-0.6,0.6-0.9c0.3-0.3,0.6-0.4,0.9-0.6C5,3.1,5.4,3.1,5.9,3C6.5,3,6.6,3,8,3s1.5,0,2.1,0c0.5,0,0.9,0.1,1.2,0.2
|
||||
c0.3,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.4,0.6,0.6,0.9C12.9,5,12.9,5.4,13,5.9c0,0.5,0,0.7,0,2.1S13,9.5,13,10.1z"/>
|
||||
<circle cx="8" cy="8" r="1.7"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
9
_includes/medium.html
Normal file
9
_includes/medium.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<a href="https://medium.com/@{{ site.social_username }}" title="Follow me on Medium" class="link-social block">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M6.3,12.1c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.1,0-0.2-0.1l-2.6-1.3
|
||||
C3.1,11.1,3,10.9,3,10.7V4.3c0-0.2,0.1-0.3,0.2-0.3c0,0,0.1,0,0.2,0l0.1,0h0l2.9,1.4c0,0,0,0,0,0V12.1z M9.3,10.8L9,10.7L7,9.6v-3
|
||||
l0.2,0.3l0.2,0.3l0.2,0.3L9,10l0,0l0.3,0.5L9.7,11L9.3,10.8z M9.7,9.8L9.3,9.3L9,8.8L7.8,6.9L9,4.9l0.3-0.5l0.2-0.2
|
||||
C9.6,4.1,9.7,4,9.8,4c0,0,0,0,0,0c0,0,0.1,0,0.1,0l3,1.5c0,0,0,0,0,0l0,0c0,0,0,0,0,0.1L10,10.4L9.7,9.8z M13,12.1
|
||||
c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.2,0-0.3-0.1l-1.7-0.9l-0.5-0.2l0.2-0.3h0L13,6.8V12.1z"/>
|
||||
</svg>
|
||||
</a>
|
||||
8
_includes/post_block.html
Normal file
8
_includes/post_block.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<!-- Renders post date, title, and snippet of text. -->
|
||||
<div class="py-2 mb-2 prose">
|
||||
<a class="no-underline h5 bold text-accent" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.date | date: "%b %-d, %Y" }}</a>
|
||||
<h2 class="h1 lh-condensed col-9 mt-0">
|
||||
<a class="link-primary" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
|
||||
</h2>
|
||||
<p>{{ post.content | strip_html | truncatewords:30 }}</p>
|
||||
</div>
|
||||
21
_includes/previous-next.html
Normal file
21
_includes/previous-next.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<!-- Use if you want to show previous and next for all posts. -->
|
||||
{% assign user_url = site.url | append: site.baseurl %}
|
||||
{% assign full_base_url = user_url | default: site.github.url %}
|
||||
{% if page.previous.url %}
|
||||
<div class="col-4 sm-width-full left mr-lg-4 mt-3">
|
||||
<a class="no-underline border-top-thin py-1 block" href="{{ page.previous.url | prepend: full_base_url }}">
|
||||
<span class="h5 bold text-accent">Previous</span>
|
||||
<p class="bold h3 link-primary mb-1">{{ page.previous.title }}</p>
|
||||
<p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.next.url %}
|
||||
<div class="col-4 sm-width-full left mt-3">
|
||||
<a class="no-underline border-top-thin py-1 block" href="{{ page.next.url | prepend: full_base_url }}">
|
||||
<span class="h5 bold text-accent">Next</span>
|
||||
<p class="bold h3 link-primary mb-1">{{ page.next.title }}</p>
|
||||
<p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
39
_includes/previous-next_has-categories.html
Normal file
39
_includes/previous-next_has-categories.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<!-- Use if you want to show previous and next for posts within a category. -->
|
||||
{% if page.categories %}
|
||||
{% assign category = page.categories[0] %}
|
||||
{% assign posts = site.categories[category] %}
|
||||
{% for post in posts %}
|
||||
{% if post.url == page.url %}
|
||||
{% assign post_index0 = forloop.index0 %}
|
||||
{% assign post_index1 = forloop.index %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for post in posts %}
|
||||
{% if post_index0 == forloop.index %}
|
||||
{% assign next_post = post %}
|
||||
{% endif %}
|
||||
{% if post_index1 == forloop.index0 %}
|
||||
{% assign prev_post = post %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% assign user_url = site.url | append: site.baseurl %}
|
||||
{% assign full_base_url = user_url | default: site.github.url %}
|
||||
{% if prev_post %}
|
||||
<div class="col-4 sm-width-full left mr-lg-4 mt-3">
|
||||
<a class="no-underline border-top-thin py-1 block" href="{{ prev_post.url | prepend: full_base_url }}">
|
||||
<span class="h5 bold text-accent">Previous</span>
|
||||
<p class="bold h3 link-primary mb-1">{{ prev_post.title }}</p>
|
||||
<p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if next_post %}
|
||||
<div class="col-4 sm-width-full left mt-3">
|
||||
<a class="no-underline border-top-thin py-1 block" href="{{ next_post.url | prepend: full_base_url }}">
|
||||
<span class="h5 bold text-accent">Next</span>
|
||||
<p class="bold h3 link-primary mb-1">{{ next_post.title }}</p>
|
||||
<p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
9
_includes/twitter.html
Normal file
9
_includes/twitter.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<a href="https://twitter.com/{{ site.social_username }}" title="Follow me on twitter" class="link-social block">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
|
||||
c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1
|
||||
c-0.9-0.2-1.6-1-1.6-2v0C3.7,6.9,4,7,4.3,7.1c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.1-0.7,0.3-1c1,1.2,2.5,2.1,4.2,2.1
|
||||
c0-0.2-0.1-0.3-0.1-0.5c0-1.1,0.9-2,2.1-2c0.6,0,1.1,0.2,1.5,0.6c0.5-0.1,0.9-0.3,1.3-0.5c-0.2,0.5-0.5,0.9-0.9,1.1
|
||||
c0.4,0,0.8-0.2,1.2-0.3h0C12.7,5.3,12.4,5.7,12,6z"/>
|
||||
</svg>
|
||||
</a>
|
||||
18
_layouts/category-post.html
Normal file
18
_layouts/category-post.html
Normal file
@@ -0,0 +1,18 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
<h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">{{ page.title }}</h1>
|
||||
<div class="col-4 sm-width-full mt-1 border-top-thin ">
|
||||
<p class="mb-3 py-2 bold h4"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
|
||||
</div>
|
||||
|
||||
<div class="prose" itemprop="articleBody">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
<div class="container mx-auto px-2 py-2 clearfix">
|
||||
{% include previous-next_has-categories.html %}
|
||||
</div>
|
||||
13
_layouts/category_index.html
Normal file
13
_layouts/category_index.html
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: page
|
||||
---
|
||||
|
||||
{% if page.category_name %}
|
||||
{% assign category_name = page.category_name %}
|
||||
{% endif %}
|
||||
|
||||
<div class="container mx-auto">
|
||||
{% for post in site.categories[category_name] %}
|
||||
{% include post_block.html %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
18
_layouts/default.html
Normal file
18
_layouts/default.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
69
_layouts/home.html
Normal file
69
_layouts/home.html
Normal file
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
|
||||
<header class="header-background">
|
||||
|
||||
<div class="clearfix border-bottom-thick header-border">
|
||||
<ul class="list-reset right py-1 header-text font-smoothing">
|
||||
{% for my_page in site.pages %}
|
||||
{% if my_page.title %}
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary header-link mr-2" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-2 mb-2 clearfix header-text">
|
||||
<h1 class="h0 inline-block col-9 sm-width-full py-4 mt-3 header-title">{{ site.title }}</h1>
|
||||
|
||||
<div class="clearfix mb-4 py-1">
|
||||
<div class="col-4 sm-width-full left border-top-thin">
|
||||
<div class="table">
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
{% include dot-accent.html %}
|
||||
</div>
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
{% include dot-accent.html %}
|
||||
</div>
|
||||
<div class="inline-block mt-3">
|
||||
{% include github.html %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Set site description in config.yml -->
|
||||
<p class="h4 lh-condensed font-smoothing mt-2 py-1">{{ site.description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-4 sm-width-full left border-top-thin mt-3 mt-lg-0 ml-lg-4 table">
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
{% include dot.html %}
|
||||
</div>
|
||||
<div class="inline-block mt-3">
|
||||
{% include {{ site.social_link | default: "twitter" }}.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container mx-auto px-2 py-4">
|
||||
{% for post in site.posts %}
|
||||
{% include post_block.html %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
13
_layouts/page.html
Normal file
13
_layouts/page.html
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article class="container mx-auto px-2 mt2 mb4">
|
||||
<header>
|
||||
<h1 class="h0 py-4 mt-3">{{ page.title }}</h1>
|
||||
</header>
|
||||
<div class="col-4 sm-width-full border-top-thin">
|
||||
</div>
|
||||
<div class="prose mb-4 py-4">
|
||||
{{ content }}
|
||||
</div>
|
||||
</article>
|
||||
18
_layouts/post.html
Normal file
18
_layouts/post.html
Normal file
@@ -0,0 +1,18 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
<h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">{{ page.title }}</h1>
|
||||
<div class="col-4 sm-width-full mt-1 border-top-thin ">
|
||||
<p class="mb-3 py-2 bold h4"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
|
||||
</div>
|
||||
|
||||
<div class="prose" itemprop="articleBody">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
<div class="container mx-auto px-2 py-2 clearfix">
|
||||
{% include previous-next.html %}
|
||||
</div>
|
||||
62
_sass/_base.scss
Normal file
62
_sass/_base.scss
Normal file
@@ -0,0 +1,62 @@
|
||||
/**
|
||||
* Reset some basic elements
|
||||
*/
|
||||
|
||||
* {
|
||||
box-sizing: border-box !important;
|
||||
margin: 0; }
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, hr,
|
||||
dl, dd, ol, ul, figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Basic styling
|
||||
*/
|
||||
body {
|
||||
font-family: $body-font-family;
|
||||
font-size: $body-font-size;
|
||||
line-height: 1.5;
|
||||
color: $color-body-text;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
h1, .h1 { font-size: $h1-size; }
|
||||
h2, .h2 { font-size: $h2-size; }
|
||||
h3, .h3 { font-size: $h3-size; }
|
||||
h4, .h4 { font-size: $h4-size; }
|
||||
h5, .h5 { font-size: $h5-size; }
|
||||
h6, .h6 { font-size: $h6-size; text-transform: uppercase; letter-spacing: 0.02em; }
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
139
_sass/_components.scss
Normal file
139
_sass/_components.scss
Normal file
@@ -0,0 +1,139 @@
|
||||
// Styling markdown output
|
||||
|
||||
// Code formatting
|
||||
pre {
|
||||
border-left: $spacer-1 solid $color-border;
|
||||
margin: $spacer-3 0;
|
||||
padding-left: 16px;
|
||||
width: (9 / 12 * 100%); // matches col-9
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
color: $color-code;
|
||||
font-size: $body-font-size;
|
||||
padding: 1px 0px;
|
||||
}
|
||||
|
||||
|
||||
.prose {
|
||||
|
||||
a {
|
||||
text-decoration: underline dotted;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
p, ol, ul {
|
||||
font-size: $prose-font-size;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
|
||||
@media (min-width: $breakpoint-lg) {
|
||||
width: (10 / 12 * 100%); // matches col-10
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
ul li, ol li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
|
||||
max-width: 100%;
|
||||
|
||||
@media (min-width: $breakpoint-lg) {
|
||||
max-width: (12 / 10 * 100%); // make image fill width of container on desktop
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
blockquote {
|
||||
line-height: 1.375;
|
||||
padding-left: 20px;
|
||||
margin: 40px 0 40px -16px;
|
||||
border-left: $spacer-1 solid $color-border;
|
||||
font-style: italic;
|
||||
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@media (min-width: $breakpoint-lg) {
|
||||
padding-left: $spacer-3;
|
||||
margin: $spacer-4 0 $spacer-4 -40px;
|
||||
max-width: (11 / 10 * 100%);
|
||||
|
||||
p {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
hr {
|
||||
color: $color-body-text;
|
||||
border-style: solid;
|
||||
border-width: thin;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
dd {
|
||||
font-style: italic;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
// Markdown tables
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 1.5em;
|
||||
overflow: auto;
|
||||
// For Firefox to horizontally scroll wider tables.
|
||||
word-break: normal;
|
||||
word-break: keep-all;
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: $spacer-2 $spacer-3 $spacer-2 2px;
|
||||
border-top: 1px solid $color-body-text;
|
||||
border-bottom: 1px solid $color-body-text;
|
||||
}
|
||||
|
||||
tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid $color-body-text;
|
||||
}
|
||||
|
||||
tr th {
|
||||
border-top: 2px solid $color-body-text;
|
||||
border-bottom: 2px solid $color-body-text;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
182
_sass/_utilities.scss
Normal file
182
_sass/_utilities.scss
Normal file
@@ -0,0 +1,182 @@
|
||||
/* Type utilities */
|
||||
.h0 {
|
||||
font-size: $h0-mobile;
|
||||
line-height: 1.0125;
|
||||
margin-top: 0.85em;
|
||||
word-wrap: break-word;
|
||||
|
||||
@media (min-width: $breakpoint-lg) {
|
||||
font-size: $h0-desktop;
|
||||
}
|
||||
}
|
||||
|
||||
.text-right { text-align: right; }
|
||||
|
||||
.no-underline {
|
||||
text-decoration: none !important;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
.uppercase { text-transform: uppercase; }
|
||||
|
||||
.lh-condensed { line-height: 1.25; }
|
||||
|
||||
.list-reset {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* Border utilities */
|
||||
.border-bottom-thick { border-bottom: 2px solid; border-color: currentColor; }
|
||||
.border-bottom-thin { border-bottom: 1px solid; border-color: currentColor; }
|
||||
.border-top-thick { border-top: 2px solid; border-color: currentColor; }
|
||||
.border-top-thin { border-top: 1px solid; border-color: currentColor; }
|
||||
.border-0 { border: 0; }
|
||||
|
||||
|
||||
/* Theme color utilities */
|
||||
.header-background { background-color: $color-background; }
|
||||
.header-border { border-color: $color-foreground; }
|
||||
.header-title { color: $color-title; }
|
||||
.header-text { color: $color-foreground; }
|
||||
.header-social { fill: $color-foreground; }
|
||||
.header-social-accent { fill: $color-dot-accent; }
|
||||
.header-link:hover { color: $color-nav-link !important; } // used for navigation links on homepage
|
||||
.text-accent { color: $color-text-accent; } // used for date in post list and home link
|
||||
|
||||
/* Layout utilities */
|
||||
.container { max-width: $container-width; }
|
||||
|
||||
.col-1 { width: (1 / 12 * 100%); }
|
||||
.col-2 { width: (2 / 12 * 100%); }
|
||||
.col-3 { width: (3 / 12 * 100%); }
|
||||
.col-4 { width: (4 / 12 * 100%); }
|
||||
.col-5 { width: (5 / 12 * 100%); }
|
||||
.col-6 { width: (6 / 12 * 100%); }
|
||||
.col-7 { width: (7 / 12 * 100%); }
|
||||
.col-8 { width: (8 / 12 * 100%); }
|
||||
.col-9 { width: (9 / 12 * 100%); }
|
||||
.col-10 { width: (10 / 12 * 100%); }
|
||||
.col-11 { width: (11 / 12 * 100%); }
|
||||
.col-12 { width: 100%; }
|
||||
|
||||
@media (max-width: $breakpoint-lg) {
|
||||
.sm-width-full { width: 100% !important; }
|
||||
}
|
||||
|
||||
.block { display: block !important; }
|
||||
.inline-block { display: inline-block !important; }
|
||||
|
||||
.table { display: table !important; }
|
||||
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
.clearfix:after { clear: both }
|
||||
|
||||
.align-middle { vertical-align: middle; }
|
||||
|
||||
/* Padding */
|
||||
.px-0 { padding-left: 0; padding-right: 0 }
|
||||
.py-0 { padding-top: 0; padding-bottom: 0 }
|
||||
|
||||
.px-1 { padding-left: $spacer-1; padding-right: $spacer-1 }
|
||||
.py-1 { padding-top: $spacer-1; padding-bottom: $spacer-1 }
|
||||
|
||||
.px-2 { padding-left: $spacer-2; padding-right: $spacer-2; }
|
||||
.py-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }
|
||||
|
||||
.px-3 { padding-left: $spacer-3; padding-right: $spacer-3; }
|
||||
.py-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }
|
||||
|
||||
.px-4 { padding-left: $spacer-4; padding-right: $spacer-4; }
|
||||
.py-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }
|
||||
|
||||
/* Margin */
|
||||
.mx-auto { margin-left: auto; margin-right: auto; }
|
||||
|
||||
.mt-0 { margin-top: 0; }
|
||||
.mr-0 { margin-right: 0; }
|
||||
.mb-0 { margin-bottom: 0; }
|
||||
.ml-0 { margin-left: 0; }
|
||||
|
||||
.mt-1 { margin-top: $spacer-1; }
|
||||
.mr-1 { margin-right: $spacer-1; }
|
||||
.mb-1 { margin-bottom: $spacer-1; }
|
||||
.ml-1 { margin-left: $spacer-1; }
|
||||
|
||||
.mt-2 { margin-top: $spacer-2; }
|
||||
.mr-2 { margin-right: $spacer-2; }
|
||||
.mb-2 { margin-bottom: $spacer-2; }
|
||||
.ml-2 { margin-left: $spacer-2; }
|
||||
|
||||
.mt-3 { margin-top: $spacer-3; }
|
||||
.mr-3 { margin-right: $spacer-3; }
|
||||
.mb-3 { margin-bottom: $spacer-3; }
|
||||
.ml-3 { margin-left: $spacer-3; }
|
||||
|
||||
.mt-4 { margin-top: $spacer-4; }
|
||||
.mr-4 { margin-right: $spacer-4; }
|
||||
.mb-4 { margin-bottom: $spacer-4; }
|
||||
.ml-4 { margin-left: $spacer-4; }
|
||||
|
||||
// Responsive margin
|
||||
@media (min-width: 52em) {
|
||||
.mx-lg-auto { margin-left: auto; margin-right: auto; }
|
||||
|
||||
.mt-lg-0 { margin-top: 0; }
|
||||
.mr-lg-0 { margin-right: 0; }
|
||||
.mb-lg-0 { margin-bottom: 0; }
|
||||
.ml-lg-0 { margin-left: 0; }
|
||||
|
||||
.mt-lg-1 { margin-top: $spacer-1; }
|
||||
.mr-lg-1 { margin-right: $spacer-1; }
|
||||
.mb-lg-1 { margin-bottom: $spacer-1; }
|
||||
.ml-lg-1 { margin-left: $spacer-1; }
|
||||
|
||||
.mt-lg-2 { margin-top: $spacer-2; }
|
||||
.mr-lg-2 { margin-right: $spacer-2; }
|
||||
.mb-lg-2 { margin-bottom: $spacer-2; }
|
||||
.ml-lg-2 { margin-left: $spacer-2; }
|
||||
|
||||
.mt-lg-3 { margin-top: $spacer-3; }
|
||||
.mr-lg-3 { margin-right: $spacer-3; }
|
||||
.mb-lg-3 { margin-bottom: $spacer-3; }
|
||||
.ml-lg-3 { margin-left: $spacer-3; }
|
||||
|
||||
.mt-lg-4 { margin-top: $spacer-4; }
|
||||
.mr-lg-4 { margin-right: $spacer-4; }
|
||||
.mb-lg-4 { margin-bottom: $spacer-4; }
|
||||
.ml-lg-4 { margin-left: $spacer-4; }
|
||||
}
|
||||
|
||||
// Link styles for social icons
|
||||
.link-social {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Link styles for navigation
|
||||
.link-primary {
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
|
||||
&:hover {
|
||||
color: $color-primary-link;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
35
_sass/_variables.scss
Normal file
35
_sass/_variables.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
|
||||
// Font family
|
||||
$body-font-family: "Helvetica Neue", Arial, sans-serif;
|
||||
$body-font-size: 16px;
|
||||
$prose-font-size: 20px;
|
||||
|
||||
|
||||
// Type scale
|
||||
$h0-mobile: 64px;
|
||||
$h0-desktop: 128px;
|
||||
|
||||
$h1-size: 40px !default;
|
||||
$h2-size: 32px !default;
|
||||
$h3-size: 24px !default;
|
||||
$h4-size: 20px !default;
|
||||
$h5-size: 16px !default;
|
||||
$h6-size: 12px !default;
|
||||
|
||||
// Default border color
|
||||
$color-border: #ddd !default;
|
||||
|
||||
// Container width
|
||||
$container-width: 64em;
|
||||
|
||||
// Large breakpoint
|
||||
$breakpoint-lg: 52em;
|
||||
|
||||
// Spacing unit
|
||||
$spacer: 8px !default;
|
||||
|
||||
// Spacing scale
|
||||
$spacer-1: $spacer !default; // 8px
|
||||
$spacer-2: ($spacer * 2) !default; // 16px
|
||||
$spacer-3: ($spacer * 4) !default; // 32px
|
||||
$spacer-4: ($spacer * 8) !default; // 64px
|
||||
35
main.scss
Normal file
35
main.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
---
|
||||
# Only the main Sass file needs front matter (the dashes are enough)
|
||||
---
|
||||
@charset "utf-8";
|
||||
// Default black theme
|
||||
|
||||
// Color variables
|
||||
$black: #181818;
|
||||
$red: #E74727;
|
||||
$red-small: #DC3918;
|
||||
$white: #fff;
|
||||
|
||||
// Config
|
||||
$color-background: $black !default;
|
||||
$color-dot-accent: $red !default;
|
||||
$color-foreground: $white !default;
|
||||
$color-title: $white !default;
|
||||
$color-body-text: $black !default;
|
||||
$color-text-accent: $red !default;
|
||||
$color-code: $red-small !default;
|
||||
$color-nav-link: $red !default;
|
||||
$color-primary-link: $red !default;
|
||||
|
||||
.font-smoothing {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Import sass partials (used in all themes)
|
||||
@import
|
||||
"variables",
|
||||
"base",
|
||||
"components",
|
||||
"utilities"
|
||||
;
|
||||
110
rafts/404.html
Normal file
110
rafts/404.html
Normal file
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Frenetic Scribblings</title>
|
||||
<meta name="description" content="">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:4000/assets/style.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:4000/404.html">
|
||||
<link rel="alternate" type="application/rss+xml" title="Frenetic Scribblings" href="http://localhost:4000/feed.xml">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header class="border-bottom-thick px-2 clearfix">
|
||||
<div class="left sm-width-full py-1 mt-1 mt-lg-0">
|
||||
<a class="align-middle link-primary text-accent" href="/">
|
||||
Frenetic Scribblings
|
||||
</a>
|
||||
</div>
|
||||
<div class="right sm-width-full">
|
||||
<ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/about/">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/now/">
|
||||
Now
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/">
|
||||
Arona Jones
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div>
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/FreneticScribbler">FreneticScribbler</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="Frenetic Scribblings">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/FreneticScribbler/" data-icon="octicon-star" data-count-href="FreneticScribbler//stargazers" data-count-api="/repos/FreneticScribbler/#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star FreneticScribbler/ on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
101
rafts/about/index.html
Normal file
101
rafts/about/index.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>About</title>
|
||||
<meta name="description" content="">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:4000/assets/style.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:4000/about/">
|
||||
<link rel="alternate" type="application/rss+xml" title="Frenetic Scribblings" href="http://localhost:4000/feed.xml">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header class="border-bottom-thick px-2 clearfix">
|
||||
<div class="left sm-width-full py-1 mt-1 mt-lg-0">
|
||||
<a class="align-middle link-primary text-accent" href="/">
|
||||
Frenetic Scribblings
|
||||
</a>
|
||||
</div>
|
||||
<div class="right sm-width-full">
|
||||
<ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/about/">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/now/">
|
||||
Now
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/">
|
||||
Arona Jones
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div>
|
||||
<article class="container mx-auto px-2 mt2 mb4">
|
||||
<header>
|
||||
<h1 class="h0 py-4 mt-3">About</h1>
|
||||
</header>
|
||||
<div class="col-4 sm-width-full border-top-thin">
|
||||
</div>
|
||||
<div class="prose mb-4 py-4">
|
||||
<p>What am I doing <a href="/now">now</a>?</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/FreneticScribbler">FreneticScribbler</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="Frenetic Scribblings">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/FreneticScribbler/" data-icon="octicon-star" data-count-href="FreneticScribbler//stargazers" data-count-api="/repos/FreneticScribbler/#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star FreneticScribbler/ on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
238
rafts/assets/style.css
Normal file
238
rafts/assets/style.css
Normal file
@@ -0,0 +1,238 @@
|
||||
.font-smoothing { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
|
||||
|
||||
/** Reset some basic elements
|
||||
*/
|
||||
* { box-sizing: border-box !important; margin: 0; }
|
||||
|
||||
input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
|
||||
|
||||
/** Basic styling */
|
||||
body { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #181818; background-color: #fff; }
|
||||
|
||||
p { margin-top: 0; margin-bottom: 0.5em; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: 0.25em; }
|
||||
|
||||
h1, .h1 { font-size: 40px; }
|
||||
|
||||
h2, .h2 { font-size: 32px; }
|
||||
|
||||
h3, .h3 { font-size: 24px; }
|
||||
|
||||
h4, .h4 { font-size: 20px; }
|
||||
|
||||
h5, .h5 { font-size: 16px; }
|
||||
|
||||
h6, .h6 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.02em; }
|
||||
|
||||
a { color: inherit; text-decoration: none; }
|
||||
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
pre { border-left: 8px solid #ddd; margin: 32px 0; padding-left: 16px; width: 75%; overflow-x: auto; }
|
||||
|
||||
code { color: #DC3918; font-size: 16px; padding: 1px 0px; }
|
||||
|
||||
.prose a { text-decoration: underline dotted; }
|
||||
.prose a:hover { text-decoration: underline; }
|
||||
.prose p, .prose ol, .prose ul { font-size: 20px; margin-bottom: 1em; width: 100%; }
|
||||
@media (min-width: 52em) { .prose p, .prose ol, .prose ul { width: 83.3333333333%; } }
|
||||
.prose ul, .prose ol { padding-left: 40px; }
|
||||
.prose li { margin-bottom: 0.5em; }
|
||||
.prose li ul li, .prose li ol li { margin-bottom: 0; }
|
||||
.prose img { max-width: 100%; }
|
||||
@media (min-width: 52em) { .prose img { max-width: 120%; } }
|
||||
.prose blockquote { line-height: 1.375; padding-left: 20px; margin: 40px 0 40px -16px; border-left: 8px solid #ddd; font-style: italic; }
|
||||
.prose blockquote p { font-size: 24px; }
|
||||
@media (min-width: 52em) { .prose blockquote { padding-left: 32px; margin: 64px 0 64px -40px; max-width: 110%; }
|
||||
.prose blockquote p { font-size: 32px; } }
|
||||
.prose hr { color: #181818; border-style: solid; border-width: thin; margin-top: 0.5em; margin-bottom: 0.5em; }
|
||||
.prose dt { font-weight: bold; font-style: italic; line-height: 1.25; }
|
||||
.prose dd { font-style: italic; margin-bottom: 0.5em; }
|
||||
.prose table { border-collapse: collapse; display: block; width: 100%; margin-bottom: 1.5em; overflow: auto; word-break: normal; word-break: keep-all; }
|
||||
.prose table th { font-weight: bold; text-align: left; }
|
||||
.prose table th, .prose table td { padding: 16px 32px 16px 2px; border-top: 1px solid #181818; border-bottom: 1px solid #181818; }
|
||||
.prose table tr { background-color: #fff; border-top: 1px solid #181818; }
|
||||
.prose table tr th { border-top: 2px solid #181818; border-bottom: 2px solid #181818; }
|
||||
|
||||
/* Type utilities */
|
||||
.h0 { font-size: 64px; line-height: 1.0125; margin-top: 0.85em; word-wrap: break-word; }
|
||||
@media (min-width: 52em) { .h0 { font-size: 128px; } }
|
||||
|
||||
.text-right { text-align: right; }
|
||||
|
||||
.no-underline { text-decoration: none !important; }
|
||||
.no-underline:hover { text-decoration: none !important; }
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
|
||||
.uppercase { text-transform: uppercase; }
|
||||
|
||||
.lh-condensed { line-height: 1.25; }
|
||||
|
||||
.list-reset { list-style: none; padding-left: 0; }
|
||||
|
||||
/* Border utilities */
|
||||
.border-bottom-thick { border-bottom: 2px solid; border-color: currentColor; }
|
||||
|
||||
.border-bottom-thin { border-bottom: 1px solid; border-color: currentColor; }
|
||||
|
||||
.border-top-thick { border-top: 2px solid; border-color: currentColor; }
|
||||
|
||||
.border-top-thin { border-top: 1px solid; border-color: currentColor; }
|
||||
|
||||
.border-0 { border: 0; }
|
||||
|
||||
/* Theme color utilities */
|
||||
.header-background { background-color: #181818; }
|
||||
|
||||
.header-border { border-color: #fff; }
|
||||
|
||||
.header-title { color: #fff; }
|
||||
|
||||
.header-text { color: #fff; }
|
||||
|
||||
.header-social { fill: #fff; }
|
||||
|
||||
.header-social-accent { fill: #E74727; }
|
||||
|
||||
.header-link:hover { color: #E74727 !important; }
|
||||
|
||||
.text-accent { color: #E74727; }
|
||||
|
||||
/* Layout utilities */
|
||||
.container { max-width: 64em; }
|
||||
|
||||
.col-1 { width: 8.3333333333%; }
|
||||
|
||||
.col-2 { width: 16.6666666667%; }
|
||||
|
||||
.col-3 { width: 25%; }
|
||||
|
||||
.col-4 { width: 33.3333333333%; }
|
||||
|
||||
.col-5 { width: 41.6666666667%; }
|
||||
|
||||
.col-6 { width: 50%; }
|
||||
|
||||
.col-7 { width: 58.3333333333%; }
|
||||
|
||||
.col-8 { width: 66.6666666667%; }
|
||||
|
||||
.col-9 { width: 75%; }
|
||||
|
||||
.col-10 { width: 83.3333333333%; }
|
||||
|
||||
.col-11 { width: 91.6666666667%; }
|
||||
|
||||
.col-12 { width: 100%; }
|
||||
|
||||
@media (max-width: 52em) { .sm-width-full { width: 100% !important; } }
|
||||
.block { display: block !important; }
|
||||
|
||||
.inline-block { display: inline-block !important; }
|
||||
|
||||
.table { display: table !important; }
|
||||
|
||||
.left { float: left; }
|
||||
|
||||
.right { float: right; }
|
||||
|
||||
.clearfix:before, .clearfix:after { content: " "; display: table; }
|
||||
|
||||
.clearfix:after { clear: both; }
|
||||
|
||||
.align-middle { vertical-align: middle; }
|
||||
|
||||
/* Padding */
|
||||
.px-0 { padding-left: 0; padding-right: 0; }
|
||||
|
||||
.py-0 { padding-top: 0; padding-bottom: 0; }
|
||||
|
||||
.px-1 { padding-left: 8px; padding-right: 8px; }
|
||||
|
||||
.py-1 { padding-top: 8px; padding-bottom: 8px; }
|
||||
|
||||
.px-2 { padding-left: 16px; padding-right: 16px; }
|
||||
|
||||
.py-2 { padding-top: 16px; padding-bottom: 16px; }
|
||||
|
||||
.px-3 { padding-left: 32px; padding-right: 32px; }
|
||||
|
||||
.py-3 { padding-top: 32px; padding-bottom: 32px; }
|
||||
|
||||
.px-4 { padding-left: 64px; padding-right: 64px; }
|
||||
|
||||
.py-4 { padding-top: 64px; padding-bottom: 64px; }
|
||||
|
||||
/* Margin */
|
||||
.mx-auto { margin-left: auto; margin-right: auto; }
|
||||
|
||||
.mt-0 { margin-top: 0; }
|
||||
|
||||
.mr-0 { margin-right: 0; }
|
||||
|
||||
.mb-0 { margin-bottom: 0; }
|
||||
|
||||
.ml-0 { margin-left: 0; }
|
||||
|
||||
.mt-1 { margin-top: 8px; }
|
||||
|
||||
.mr-1 { margin-right: 8px; }
|
||||
|
||||
.mb-1 { margin-bottom: 8px; }
|
||||
|
||||
.ml-1 { margin-left: 8px; }
|
||||
|
||||
.mt-2 { margin-top: 16px; }
|
||||
|
||||
.mr-2 { margin-right: 16px; }
|
||||
|
||||
.mb-2 { margin-bottom: 16px; }
|
||||
|
||||
.ml-2 { margin-left: 16px; }
|
||||
|
||||
.mt-3 { margin-top: 32px; }
|
||||
|
||||
.mr-3 { margin-right: 32px; }
|
||||
|
||||
.mb-3 { margin-bottom: 32px; }
|
||||
|
||||
.ml-3 { margin-left: 32px; }
|
||||
|
||||
.mt-4 { margin-top: 64px; }
|
||||
|
||||
.mr-4 { margin-right: 64px; }
|
||||
|
||||
.mb-4 { margin-bottom: 64px; }
|
||||
|
||||
.ml-4 { margin-left: 64px; }
|
||||
|
||||
@media (min-width: 52em) { .mx-lg-auto { margin-left: auto; margin-right: auto; }
|
||||
.mt-lg-0 { margin-top: 0; }
|
||||
.mr-lg-0 { margin-right: 0; }
|
||||
.mb-lg-0 { margin-bottom: 0; }
|
||||
.ml-lg-0 { margin-left: 0; }
|
||||
.mt-lg-1 { margin-top: 8px; }
|
||||
.mr-lg-1 { margin-right: 8px; }
|
||||
.mb-lg-1 { margin-bottom: 8px; }
|
||||
.ml-lg-1 { margin-left: 8px; }
|
||||
.mt-lg-2 { margin-top: 16px; }
|
||||
.mr-lg-2 { margin-right: 16px; }
|
||||
.mb-lg-2 { margin-bottom: 16px; }
|
||||
.ml-lg-2 { margin-left: 16px; }
|
||||
.mt-lg-3 { margin-top: 32px; }
|
||||
.mr-lg-3 { margin-right: 32px; }
|
||||
.mb-lg-3 { margin-bottom: 32px; }
|
||||
.ml-lg-3 { margin-left: 32px; }
|
||||
.mt-lg-4 { margin-top: 64px; }
|
||||
.mr-lg-4 { margin-right: 64px; }
|
||||
.mb-lg-4 { margin-bottom: 64px; }
|
||||
.ml-lg-4 { margin-left: 64px; } }
|
||||
.link-social { text-decoration: none; font-weight: bold; line-height: 1; }
|
||||
.link-social:hover { text-decoration: none !important; }
|
||||
|
||||
.link-primary { font-weight: bold; text-decoration: none !important; }
|
||||
.link-primary:hover { color: #E74727; text-decoration: none !important; }
|
||||
14
rafts/feed.xml
Normal file
14
rafts/feed.xml
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.7.4">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2019-09-17T22:02:41+01:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Frenetic Scribblings</title><subtitle></subtitle><entry><title type="html">Wild Rose</title><link href="http://localhost:4000/poetic/2018/09/21/wildrose.html" rel="alternate" type="text/html" title="Wild Rose" /><published>2018-09-21T00:00:00+01:00</published><updated>2018-09-21T00:00:00+01:00</updated><id>http://localhost:4000/poetic/2018/09/21/wildrose</id><content type="html" xml:base="http://localhost:4000/poetic/2018/09/21/wildrose.html"><p>Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it.</p>
|
||||
|
||||
<p>Wild roses wear crowns of thorns.
|
||||
They are beautiful and dangerous.</p>
|
||||
|
||||
<p>Wild roses are hardy, enduring plants.
|
||||
They are strong and tenacious.</p>
|
||||
|
||||
<p>Wild roses are the brightflowers among sprawling tangles of thorns.
|
||||
They shine bright against the Dark.</p>
|
||||
|
||||
<p>Soft petals, strong thorns. Soft heart, strong will. You are my wild rose.</p>
|
||||
|
||||
<p>🌹</p></content><author><name></name></author><summary type="html">Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it.</summary></entry></feed>
|
||||
147
rafts/index.html
Normal file
147
rafts/index.html
Normal file
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Arona Jones</title>
|
||||
<meta name="description" content="">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:4000/assets/style.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:4000/">
|
||||
<link rel="alternate" type="application/rss+xml" title="Frenetic Scribblings" href="http://localhost:4000/feed.xml">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
|
||||
<header class="header-background">
|
||||
|
||||
<div class="clearfix border-bottom-thick header-border">
|
||||
<ul class="list-reset right py-1 header-text font-smoothing">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary header-link mr-2" href="/about/">About</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary header-link mr-2" href="/now/">Now</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary header-link mr-2" href="/">Arona Jones</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-2 mb-2 clearfix header-text">
|
||||
<h1 class="h0 inline-block col-9 sm-width-full py-4 mt-3 header-title">Frenetic Scribblings</h1>
|
||||
|
||||
<div class="clearfix mb-4 py-1">
|
||||
<div class="col-4 sm-width-full left border-top-thin">
|
||||
<div class="table">
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
<svg height="32" class="header-social-accent" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<circle cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
<svg height="32" class="header-social-accent" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<circle cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="inline-block mt-3">
|
||||
<a href="https://github.com/FreneticScribbler/" title="Fork me on GitHub" class="link-social block">
|
||||
<svg height="32" class="octicon octicon-mark-github header-social" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Set site description in config.yml -->
|
||||
<p class="h4 lh-condensed font-smoothing mt-2 py-1"></p>
|
||||
</div>
|
||||
|
||||
<div class="col-4 sm-width-full left border-top-thin mt-3 mt-lg-0 ml-lg-4 table">
|
||||
<div class="inline-block mt-3 mr-1">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<circle cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="inline-block mt-3">
|
||||
<a href="https://twitter.com/" title="Follow me on twitter" class="link-social block">
|
||||
<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
|
||||
<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
|
||||
c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1
|
||||
c-0.9-0.2-1.6-1-1.6-2v0C3.7,6.9,4,7,4.3,7.1c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.1-0.7,0.3-1c1,1.2,2.5,2.1,4.2,2.1
|
||||
c0-0.2-0.1-0.3-0.1-0.5c0-1.1,0.9-2,2.1-2c0.6,0,1.1,0.2,1.5,0.6c0.5-0.1,0.9-0.3,1.3-0.5c-0.2,0.5-0.5,0.9-0.9,1.1
|
||||
c0.4,0,0.8-0.2,1.2-0.3h0C12.7,5.3,12.4,5.7,12,6z"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container mx-auto px-2 py-4">
|
||||
|
||||
<!-- Renders post date, title, and snippet of text. -->
|
||||
<div class="py-2 mb-2 prose">
|
||||
<a class="no-underline h5 bold text-accent" title="/poetic/2018/09/21/wildrose.html" href="/poetic/2018/09/21/wildrose.html">Sep 21, 2018</a>
|
||||
<h2 class="h1 lh-condensed col-9 mt-0">
|
||||
<a class="link-primary" title="/poetic/2018/09/21/wildrose.html" href="/poetic/2018/09/21/wildrose.html">Wild Rose</a>
|
||||
</h2>
|
||||
<p>Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it. Wild roses wear crowns of thorns. They...</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/FreneticScribbler">FreneticScribbler</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="Frenetic Scribblings">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/FreneticScribbler/" data-icon="octicon-star" data-count-href="FreneticScribbler//stargazers" data-count-api="/repos/FreneticScribbler/#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star FreneticScribbler/ on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
2
rafts/index.md
Normal file
2
rafts/index.md
Normal file
@@ -0,0 +1,2 @@
|
||||
# Arona Jones
|
||||
## Fabricator-Philosopher | Frenetic Scribbler | Stage Tech
|
||||
103
rafts/now/index.html
Normal file
103
rafts/now/index.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Now</title>
|
||||
<meta name="description" content="">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:4000/assets/style.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:4000/now/">
|
||||
<link rel="alternate" type="application/rss+xml" title="Frenetic Scribblings" href="http://localhost:4000/feed.xml">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header class="border-bottom-thick px-2 clearfix">
|
||||
<div class="left sm-width-full py-1 mt-1 mt-lg-0">
|
||||
<a class="align-middle link-primary text-accent" href="/">
|
||||
Frenetic Scribblings
|
||||
</a>
|
||||
</div>
|
||||
<div class="right sm-width-full">
|
||||
<ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/about/">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/now/">
|
||||
Now
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/">
|
||||
Arona Jones
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div>
|
||||
<article class="container mx-auto px-2 mt2 mb4">
|
||||
<header>
|
||||
<h1 class="h0 py-4 mt-3">Now</h1>
|
||||
</header>
|
||||
<div class="col-4 sm-width-full border-top-thin">
|
||||
</div>
|
||||
<div class="prose mb-4 py-4">
|
||||
<p>I’m about to go into second year of Philosophy at University of Nottingham. Most of my spare time is spent running recruitment and social media for <a href="https://www.nottinghamtec.co.uk">TEC PA & Lighting</a>. I want to get back into fiction writing and programming soon. And work more on this website.</p>
|
||||
|
||||
<p><a href="https://nownownow.com/about">What’s This?</a></p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/FreneticScribbler">FreneticScribbler</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="Frenetic Scribblings">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/FreneticScribbler/" data-icon="octicon-star" data-count-href="FreneticScribbler//stargazers" data-count-api="/repos/FreneticScribbler/#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star FreneticScribbler/ on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
124
rafts/poetic/2018/09/21/wildrose.html
Normal file
124
rafts/poetic/2018/09/21/wildrose.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Wild Rose</title>
|
||||
<meta name="description" content="Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it.">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:4000/assets/style.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:4000/poetic/2018/09/21/wildrose.html">
|
||||
<link rel="alternate" type="application/rss+xml" title="Frenetic Scribblings" href="http://localhost:4000/feed.xml">
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header class="border-bottom-thick px-2 clearfix">
|
||||
<div class="left sm-width-full py-1 mt-1 mt-lg-0">
|
||||
<a class="align-middle link-primary text-accent" href="/">
|
||||
Frenetic Scribblings
|
||||
</a>
|
||||
</div>
|
||||
<div class="right sm-width-full">
|
||||
<ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/about/">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/now/">
|
||||
Now
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="inline-block">
|
||||
<a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="/">
|
||||
Arona Jones
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div>
|
||||
<article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
<h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">Wild Rose</h1>
|
||||
<div class="col-4 sm-width-full mt-1 border-top-thin ">
|
||||
<p class="mb-3 py-2 bold h4"><time datetime="2018-09-21T00:00:00+01:00" itemprop="datePublished">Sep 21, 2018</time></p>
|
||||
</div>
|
||||
|
||||
<div class="prose" itemprop="articleBody">
|
||||
<p>Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it.</p>
|
||||
|
||||
<p>Wild roses wear crowns of thorns.
|
||||
They are beautiful and dangerous.</p>
|
||||
|
||||
<p>Wild roses are hardy, enduring plants.
|
||||
They are strong and tenacious.</p>
|
||||
|
||||
<p>Wild roses are the brightflowers among sprawling tangles of thorns.
|
||||
They shine bright against the Dark.</p>
|
||||
|
||||
<p>Soft petals, strong thorns. Soft heart, strong will. You are my wild rose.</p>
|
||||
|
||||
<p>🌹</p>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
<div class="container mx-auto px-2 py-2 clearfix">
|
||||
<!-- Use if you want to show previous and next for all posts. -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border-top-thin clearfix mt-2 mt-lg-4">
|
||||
<div class="container mx-auto px-2">
|
||||
<p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/FreneticScribbler">FreneticScribbler</a></p>
|
||||
<ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
|
||||
<li class="inline-block mr-1">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="Frenetic Scribblings">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</li>
|
||||
<li class="inline-block">
|
||||
<a class="github-button" href="https://github.com/FreneticScribbler/" data-icon="octicon-star" data-count-href="FreneticScribbler//stargazers" data-count-api="/repos/FreneticScribbler/#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star FreneticScribbler/ on GitHub">Star</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user