Local-ize the Swiss theme

Ready for bastardisation :D
This commit is contained in:
warlordjones
2019-09-17 22:18:31 +01:00
parent 0e19438c1a
commit 92cf00665a
34 changed files with 1627 additions and 1 deletions

110
rafts/404.html Normal file
View 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
View 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
View 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
View 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">&lt;p&gt;Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it.&lt;/p&gt;
&lt;p&gt;Wild roses wear crowns of thorns.
They are beautiful and dangerous.&lt;/p&gt;
&lt;p&gt;Wild roses are hardy, enduring plants.
They are strong and tenacious.&lt;/p&gt;
&lt;p&gt;Wild roses are the brightflowers among sprawling tangles of thorns.
They shine bright against the Dark.&lt;/p&gt;
&lt;p&gt;Soft petals, strong thorns. Soft heart, strong will. You are my wild rose.&lt;/p&gt;
&lt;p&gt;🌹&lt;/p&gt;</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
View 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
View File

@@ -0,0 +1,2 @@
# Arona Jones
## Fabricator-Philosopher | Frenetic Scribbler | Stage Tech

103
rafts/now/index.html Normal file
View 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>Im 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 &amp; 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">Whats 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>

View 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>