diff --git a/_config.yml b/_config.yml index b379c08..bcd6cb2 100644 --- a/_config.yml +++ b/_config.yml @@ -24,7 +24,6 @@ github_username: FreneticScribbler # Build settings markdown: kramdown -remote_theme: broccolini/swiss plugins: - jekyll-feed diff --git a/_drafts/oldblood.md b/_drafts/oldblood.md new file mode 100644 index 0000000..25f56f2 --- /dev/null +++ b/_drafts/oldblood.md @@ -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. diff --git a/_includes/dot-accent.html b/_includes/dot-accent.html new file mode 100644 index 0000000..c329351 --- /dev/null +++ b/_includes/dot-accent.html @@ -0,0 +1,3 @@ + diff --git a/_includes/dot.html b/_includes/dot.html new file mode 100644 index 0000000..3c0cfca --- /dev/null +++ b/_includes/dot.html @@ -0,0 +1,3 @@ + diff --git a/_includes/dribbble.html b/_includes/dribbble.html new file mode 100644 index 0000000..fabf932 --- /dev/null +++ b/_includes/dribbble.html @@ -0,0 +1,5 @@ + + + diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..707950b --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,13 @@ +
+
+

This project is maintained by {{ site.github_username }}

+ +
+
diff --git a/_includes/github.html b/_includes/github.html new file mode 100644 index 0000000..5398249 --- /dev/null +++ b/_includes/github.html @@ -0,0 +1,4 @@ + + + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..022d1ca --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,17 @@ + + + + + + {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %} + + + {% assign user_url = site.url | append: site.baseurl %} + {% assign full_base_url = user_url | default: site.github.url %} + + + + + + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..4dbfeb8 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,20 @@ +
+
+ + {{ site.title }} + +
+
+ +
+
diff --git a/_includes/instagram.html b/_includes/instagram.html new file mode 100644 index 0000000..530a050 --- /dev/null +++ b/_includes/instagram.html @@ -0,0 +1,18 @@ + + + diff --git a/_includes/medium.html b/_includes/medium.html new file mode 100644 index 0000000..05a6bc4 --- /dev/null +++ b/_includes/medium.html @@ -0,0 +1,9 @@ + + + diff --git a/_includes/post_block.html b/_includes/post_block.html new file mode 100644 index 0000000..7f6ed43 --- /dev/null +++ b/_includes/post_block.html @@ -0,0 +1,8 @@ + +
+ {{ post.date | date: "%b %-d, %Y" }} +

+ {{ post.title }} +

+

{{ post.content | strip_html | truncatewords:30 }}

+
diff --git a/_includes/previous-next.html b/_includes/previous-next.html new file mode 100644 index 0000000..3ac67a4 --- /dev/null +++ b/_includes/previous-next.html @@ -0,0 +1,21 @@ + +{% assign user_url = site.url | append: site.baseurl %} +{% assign full_base_url = user_url | default: site.github.url %} +{% if page.previous.url %} +
+ + Previous +

{{ page.previous.title }}

+

{{ page.previous.content | strip_html | truncatewords:20 }}

+ +
+ {% endif %} + {% if page.next.url %} +
+ + Next +

{{ page.next.title }}

+

{{ page.next.content | strip_html | truncatewords:20 }}

+ +
+{% endif %} diff --git a/_includes/previous-next_has-categories.html b/_includes/previous-next_has-categories.html new file mode 100644 index 0000000..55bd883 --- /dev/null +++ b/_includes/previous-next_has-categories.html @@ -0,0 +1,39 @@ + +{% 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 %} +
+ + Previous +

{{ prev_post.title }}

+

{{ page.previous.content | strip_html | truncatewords:20 }}

+ +
+{% endif %} +{% if next_post %} +
+ + Next +

{{ next_post.title }}

+

{{ page.next.content | strip_html | truncatewords:20 }}

+ +
+{% endif %} diff --git a/_includes/twitter.html b/_includes/twitter.html new file mode 100644 index 0000000..defca53 --- /dev/null +++ b/_includes/twitter.html @@ -0,0 +1,9 @@ + + + diff --git a/_layouts/category-post.html b/_layouts/category-post.html new file mode 100644 index 0000000..550e761 --- /dev/null +++ b/_layouts/category-post.html @@ -0,0 +1,18 @@ +--- +layout: default +--- +
+

{{ page.title }}

+
+

+
+ +
+ {{ content }} +
+ +
+ +
+ {% include previous-next_has-categories.html %} +
diff --git a/_layouts/category_index.html b/_layouts/category_index.html new file mode 100644 index 0000000..3e1ee61 --- /dev/null +++ b/_layouts/category_index.html @@ -0,0 +1,13 @@ +--- +layout: page +--- + +{% if page.category_name %} + {% assign category_name = page.category_name %} +{% endif %} + +
+ {% for post in site.categories[category_name] %} + {% include post_block.html %} + {% endfor %} +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..4176004 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,18 @@ + + + + {% include head.html %} + + + + {% include header.html %} + +
+ {{ content }} +
+ + {% include footer.html %} + + + + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..141be67 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,69 @@ + + + + {% include head.html %} + + + +
+ +
+ +
+
    + {% for my_page in site.pages %} + {% if my_page.title %} +
  • + {{ my_page.title }} +
    • + {% endif %} + {% endfor %} +
+
+ +
+

{{ site.title }}

+ +
+
+
+
+ {% include dot-accent.html %} +
+
+ {% include dot-accent.html %} +
+
+ {% include github.html %} +
+
+ +

{{ site.description }}

+
+ +
+
+ {% include dot.html %} +
+
+ {% include {{ site.social_link | default: "twitter" }}.html %} +
+
+
+ +
+
+ +
+ {% for post in site.posts %} + {% include post_block.html %} + {% endfor %} +
+ +
+ + {% include footer.html %} + + + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..a488210 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,13 @@ +--- +layout: default +--- +
+
+

{{ page.title }}

+
+
+
+
+ {{ content }} +
+
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..0305591 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,18 @@ +--- +layout: default +--- +
+

{{ page.title }}

+
+

+
+ +
+ {{ content }} +
+ +
+ +
+ {% include previous-next.html %} +
diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..b88e4cd --- /dev/null +++ b/_sass/_base.scss @@ -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; +} diff --git a/_sass/_components.scss b/_sass/_components.scss new file mode 100644 index 0000000..a21ef35 --- /dev/null +++ b/_sass/_components.scss @@ -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; + } + } + +} diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss new file mode 100644 index 0000000..bba9165 --- /dev/null +++ b/_sass/_utilities.scss @@ -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; + } +} diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..66b0361 --- /dev/null +++ b/_sass/_variables.scss @@ -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 diff --git a/main.scss b/main.scss new file mode 100644 index 0000000..4c77f35 --- /dev/null +++ b/main.scss @@ -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" +; diff --git a/rafts/404.html b/rafts/404.html new file mode 100644 index 0000000..9a6d34e --- /dev/null +++ b/rafts/404.html @@ -0,0 +1,110 @@ + + + + + + + + + Frenetic Scribblings + + + + + + + + + + + + + + + +
+
+ + Frenetic Scribblings + +
+
+ +
+
+ + +
+ + +
+

404

+ +

Page not found :(

+

The requested page could not be found.

+
+ +
+ +
+
+

This project is maintained by FreneticScribbler

+ +
+
+ + + + + diff --git a/rafts/about/index.html b/rafts/about/index.html new file mode 100644 index 0000000..5683e05 --- /dev/null +++ b/rafts/about/index.html @@ -0,0 +1,101 @@ + + + + + + + + + About + + + + + + + + + + + + + + + +
+
+ + Frenetic Scribblings + +
+
+ +
+
+ + +
+
+
+

About

+
+
+
+
+

What am I doing now?

+ +
+
+ +
+ +
+
+

This project is maintained by FreneticScribbler

+ +
+
+ + + + + diff --git a/rafts/assets/style.css b/rafts/assets/style.css new file mode 100644 index 0000000..23cf6f8 --- /dev/null +++ b/rafts/assets/style.css @@ -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; } diff --git a/rafts/feed.xml b/rafts/feed.xml new file mode 100644 index 0000000..7143647 --- /dev/null +++ b/rafts/feed.xml @@ -0,0 +1,14 @@ +Jekyll2019-09-17T22:02:41+01:00http://localhost:4000/feed.xmlFrenetic ScribblingsWild Rose2018-09-21T00:00:00+01:002018-09-21T00:00:00+01:00http://localhost:4000/poetic/2018/09/21/wildrose<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>Most roses are tamed, claiming only a veneer of beauty. But some are wild and free. And all the more beautiful for it. \ No newline at end of file diff --git a/rafts/index.html b/rafts/index.html new file mode 100644 index 0000000..5c0c872 --- /dev/null +++ b/rafts/index.html @@ -0,0 +1,147 @@ + + + + + + + + + Arona Jones + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+

Frenetic Scribblings

+ +
+
+
+
+ + +
+
+ + +
+
+ + + + +
+
+ +

+
+ +
+
+ + +
+
+ + + + +
+
+
+ +
+
+ +
+ + +
+ Sep 21, 2018 +

+ Wild Rose +

+

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

+
+ + +
+ +
+ +
+
+

This project is maintained by FreneticScribbler

+ +
+
+ + + + + diff --git a/rafts/index.md b/rafts/index.md new file mode 100644 index 0000000..dcc3bc4 --- /dev/null +++ b/rafts/index.md @@ -0,0 +1,2 @@ +# Arona Jones +## Fabricator-Philosopher | Frenetic Scribbler | Stage Tech diff --git a/rafts/now/index.html b/rafts/now/index.html new file mode 100644 index 0000000..17e58e9 --- /dev/null +++ b/rafts/now/index.html @@ -0,0 +1,103 @@ + + + + + + + + + Now + + + + + + + + + + + + + + + +
+
+ + Frenetic Scribblings + +
+
+ +
+
+ + +
+
+
+

Now

+
+
+
+
+

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 TEC PA & Lighting. I want to get back into fiction writing and programming soon. And work more on this website.

+ +

What’s This?

+ +
+
+ +
+ +
+
+

This project is maintained by FreneticScribbler

+ +
+
+ + + + + diff --git a/rafts/poetic/2018/09/21/wildrose.html b/rafts/poetic/2018/09/21/wildrose.html new file mode 100644 index 0000000..793528d --- /dev/null +++ b/rafts/poetic/2018/09/21/wildrose.html @@ -0,0 +1,124 @@ + + + + + + + + + Wild Rose + + + + + + + + + + + + + + + +
+
+ + Frenetic Scribblings + +
+
+ +
+
+ + +
+
+

Wild Rose

+
+

+
+ +
+

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 are beautiful and dangerous.

+ +

Wild roses are hardy, enduring plants. +They are strong and tenacious.

+ +

Wild roses are the brightflowers among sprawling tangles of thorns. +They shine bright against the Dark.

+ +

Soft petals, strong thorns. Soft heart, strong will. You are my wild rose.

+ +

🌹

+ +
+ +
+ +
+ + + + + + +
+ +
+ +
+
+

This project is maintained by FreneticScribbler

+ +
+
+ + + + +