From 51c0f30d0e508da02d7f8b099dcce2583f019d2a Mon Sep 17 00:00:00 2001 From: Ryan Voots Date: Thu, 28 Sep 2017 13:56:23 -0700 Subject: [PATCH] Site update --- blog/2017/09/25/first-post/index.html | 98 ++++ blog/index.atom | 29 ++ blog/index.html | 118 +++++ blog/index.rss | 31 ++ index.html | 62 +++ robots.txt | 5 + sitemap.xml | 23 + theme/css/normalize.css | 427 +++++++++++++++++ theme/css/skeleton.css | 418 ++++++++++++++++ theme/css/statocles-default.css | 292 ++++++++++++ theme/plugin/highlight/default.css | 76 +++ theme/plugin/highlight/solarized-dark.css | 83 ++++ theme/plugin/highlight/solarized-light.css | 83 ++++ theme/site/style.html | 525 +++++++++++++++++++++ 14 files changed, 2270 insertions(+) create mode 100644 blog/2017/09/25/first-post/index.html create mode 100644 blog/index.atom create mode 100644 blog/index.html create mode 100644 blog/index.rss create mode 100644 index.html create mode 100644 robots.txt create mode 100644 sitemap.xml create mode 100644 theme/css/normalize.css create mode 100644 theme/css/skeleton.css create mode 100644 theme/css/statocles-default.css create mode 100644 theme/plugin/highlight/default.css create mode 100644 theme/plugin/highlight/solarized-dark.css create mode 100644 theme/plugin/highlight/solarized-light.css create mode 100644 theme/site/style.html diff --git a/blog/2017/09/25/first-post/index.html b/blog/2017/09/25/first-post/index.html new file mode 100644 index 0000000..d7abee3 --- /dev/null +++ b/blog/2017/09/25/first-post/index.html @@ -0,0 +1,98 @@ + + + + + + + + + + First Post - Perlbot.pl Pastebin + + + + +
+ + +
+
+
+
+
+
+

First Post

+ + + +

Tags: +

+ + +
+
+

Welcome To Your Blog

+ +

This is your first post. To edit this post, open up /blog/2017/09/25/first-post/index.markdown +in your text editor.

+ +

Check the documentation for how to write Statocles +content

+ +
+ +
    + + +
+ + + +
+
+ +
+ + + + +
+
+
+ + + + + diff --git a/blog/index.atom b/blog/index.atom new file mode 100644 index 0000000..b02b463 --- /dev/null +++ b/blog/index.atom @@ -0,0 +1,29 @@ + + + https://perlbot.pl/blog/ + Perlbot.pl Pastebin + 2017-09-25T00:00:00Z + + + Statocles + + + https://perlbot.pl/blog/2017/09/25/first-post/ + First Post + + Welcome To Your Blog + +

This is your first post. To edit this post, open up /blog/2017/09/25/first-post/index.markdown +in your text editor.

+ +

Check the documentation for how to write Statocles +content

+ + + + ]]> + 2017-09-25T00:00:00Z + + + diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..7d1e8e2 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,118 @@ + + + + + + + + + + Perlbot.pl Pastebin + + + + + + +
+ + +
+
+
+
+
+ + + + +
    + + +
+ + + + +
+
+ +
+ + + +

Feeds

+ + +
+
+
+ + + + + diff --git a/blog/index.rss b/blog/index.rss new file mode 100644 index 0000000..b49a4c7 --- /dev/null +++ b/blog/index.rss @@ -0,0 +1,31 @@ + + + + Perlbot.pl Pastebin + https://perlbot.pl/blog/ + + Blog feed of Perlbot.pl Pastebin + Statocles 0.086 + + First Post + https://perlbot.pl/blog/2017/09/25/first-post/ + https://perlbot.pl/blog/2017/09/25/first-post/ + Welcome To Your Blog + +

This is your first post. To edit this post, open up /blog/2017/09/25/first-post/index.markdown +in your text editor.

+ +

Check the documentation for how to write Statocles +content

+ + + + ]]> + + Mon, 25 Sep 2017 00:00:00 +0000 + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..d438aed --- /dev/null +++ b/index.html @@ -0,0 +1,62 @@ + + + + + + + + + + Main Page - Perlbot.pl Pastebin + + + + +
+ + +
+
+
+
+
+

Welcome To Your Site

+ +

This is your first page. To edit this page, open up /index.markdown +in your text editor.

+ +

Check the documentation for how to write Statocles +content

+ + +
+
+ +
+ + + +
+
+
+ + + + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..776cd23 --- /dev/null +++ b/robots.txt @@ -0,0 +1,5 @@ +Sitemap: https://perlbot.pl/sitemap.xml +User-Agent: * +Disallow: + + diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..d5c6885 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,23 @@ + + + + https://perlbot.pl/ + weekly + 0.5 + 2017-09-28 + + + https://perlbot.pl/blog/ + daily + 0.3 + 2017-09-25 + + + https://perlbot.pl/blog/2017/09/25/first-post/ + weekly + 0.5 + 2017-09-25 + + + + diff --git a/theme/css/normalize.css b/theme/css/normalize.css new file mode 100644 index 0000000..81c6f31 --- /dev/null +++ b/theme/css/normalize.css @@ -0,0 +1,427 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} \ No newline at end of file diff --git a/theme/css/skeleton.css b/theme/css/skeleton.css new file mode 100644 index 0000000..f28bf6c --- /dev/null +++ b/theme/css/skeleton.css @@ -0,0 +1,418 @@ +/* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + + +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- Grid +- Base Styles +- Typography +- Links +- Buttons +- Forms +- Lists +- Code +- Tables +- Spacing +- Utilities +- Clearing +- Media Queries +*/ + + +/* Grid +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 960px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; } +.column, +.columns { + width: 100%; + float: left; + box-sizing: border-box; } + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; } + .column, + .columns { + margin-left: 4%; } + .column:first-child, + .columns:first-child { + margin-left: 0; } + + .one.column, + .one.columns { width: 4.66666666667%; } + .two.columns { width: 13.3333333333%; } + .three.columns { width: 22%; } + .four.columns { width: 30.6666666667%; } + .five.columns { width: 39.3333333333%; } + .six.columns { width: 48%; } + .seven.columns { width: 56.6666666667%; } + .eight.columns { width: 65.3333333333%; } + .nine.columns { width: 74.0%; } + .ten.columns { width: 82.6666666667%; } + .eleven.columns { width: 91.3333333333%; } + .twelve.columns { width: 100%; margin-left: 0; } + + .one-third.column { width: 30.6666666667%; } + .two-thirds.column { width: 65.3333333333%; } + + .one-half.column { width: 48%; } + + /* Offsets */ + .offset-by-one.column, + .offset-by-one.columns { margin-left: 8.66666666667%; } + .offset-by-two.column, + .offset-by-two.columns { margin-left: 17.3333333333%; } + .offset-by-three.column, + .offset-by-three.columns { margin-left: 26%; } + .offset-by-four.column, + .offset-by-four.columns { margin-left: 34.6666666667%; } + .offset-by-five.column, + .offset-by-five.columns { margin-left: 43.3333333333%; } + .offset-by-six.column, + .offset-by-six.columns { margin-left: 52%; } + .offset-by-seven.column, + .offset-by-seven.columns { margin-left: 60.6666666667%; } + .offset-by-eight.column, + .offset-by-eight.columns { margin-left: 69.3333333333%; } + .offset-by-nine.column, + .offset-by-nine.columns { margin-left: 78.0%; } + .offset-by-ten.column, + .offset-by-ten.columns { margin-left: 86.6666666667%; } + .offset-by-eleven.column, + .offset-by-eleven.columns { margin-left: 95.3333333333%; } + + .offset-by-one-third.column, + .offset-by-one-third.columns { margin-left: 34.6666666667%; } + .offset-by-two-thirds.column, + .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } + + .offset-by-one-half.column, + .offset-by-one-half.columns { margin-left: 52%; } + +} + + +/* Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; } +body { + font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ + line-height: 1.6; + font-weight: 400; + font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #222; } + + +/* Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 2rem; + font-weight: 300; } +h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} +h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } +h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } +h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } +h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } +h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { font-size: 5.0rem; } + h2 { font-size: 4.2rem; } + h3 { font-size: 3.6rem; } + h4 { font-size: 3.0rem; } + h5 { font-size: 2.4rem; } + h6 { font-size: 1.5rem; } +} + +p { + margin-top: 0; } + + +/* Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + color: #1EAEDB; } +a:hover { + color: #0FA0CE; } + + +/* Buttons +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + display: inline-block; + height: 38px; + padding: 0 30px; + color: #555; + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 4px; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; } +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.button:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +input[type="button"]:focus { + color: #333; + border-color: #888; + outline: 0; } +.button.button-primary, +button.button-primary, +input[type="submit"].button-primary, +input[type="reset"].button-primary, +input[type="button"].button-primary { + color: #FFF; + background-color: #33C3F0; + border-color: #33C3F0; } +.button.button-primary:hover, +button.button-primary:hover, +input[type="submit"].button-primary:hover, +input[type="reset"].button-primary:hover, +input[type="button"].button-primary:hover, +.button.button-primary:focus, +button.button-primary:focus, +input[type="submit"].button-primary:focus, +input[type="reset"].button-primary:focus, +input[type="button"].button-primary:focus { + color: #FFF; + background-color: #1EAEDB; + border-color: #1EAEDB; } + + +/* Forms +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, +select { + height: 38px; + padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; } +/* Removes awkward default styles on some inputs for iOS */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } +textarea { + min-height: 65px; + padding-top: 6px; + padding-bottom: 6px; } +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #33C3F0; + outline: 0; } +label, +legend { + display: block; + margin-bottom: .5rem; + font-weight: 600; } +fieldset { + padding: 0; + border-width: 0; } +input[type="checkbox"], +input[type="radio"] { + display: inline; } +label > .label-body { + display: inline-block; + margin-left: .5rem; + font-weight: normal; } + + +/* Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { + list-style: circle inside; } +ol { + list-style: decimal inside; } +ol, ul { + padding-left: 0; + margin-top: 0; } +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; } +li { + margin-bottom: 1rem; } + + +/* Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 4px; } +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; } + + +/* Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #E1E1E1; } +th:first-child, +td:first-child { + padding-left: 0; } +th:last-child, +td:last-child { + padding-right: 0; } + + +/* Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +button, +.button { + margin-bottom: 1rem; } +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; } +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol, +form { + margin-bottom: 2.5rem; } + + +/* Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-full-width { + width: 100%; + box-sizing: border-box; } +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; } +.u-pull-right { + float: right; } +.u-pull-left { + float: left; } + + +/* Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #E1E1E1; } + + +/* Clearing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ + +/* Self Clearing Goodness */ +.container:after, +.row:after, +.u-cf { + content: ""; + display: table; + clear: both; } + + +/* Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ + + +/* Larger than mobile */ +@media (min-width: 400px) {} + +/* Larger than phablet (also point when grid becomes active) */ +@media (min-width: 550px) {} + +/* Larger than tablet */ +@media (min-width: 750px) {} + +/* Larger than desktop */ +@media (min-width: 1000px) {} + +/* Larger than Desktop HD */ +@media (min-width: 1200px) {} diff --git a/theme/css/statocles-default.css b/theme/css/statocles-default.css new file mode 100644 index 0000000..a29ffa9 --- /dev/null +++ b/theme/css/statocles-default.css @@ -0,0 +1,292 @@ + +/************************************************ + * Basic style + ************************************************/ + +body { + /* Raleway looks terrible, and in some cases is hard to read */ + font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +h1 { + font-size: 3.5em; +} + +h2 { + font-size: 2.75em; +} + +h3 { + font-size: 2.25em; +} + +h4 { + font-size: 1.75em; +} + +h5 { + font-size: 1.3em; +} + +code { + /* Only pre should set nowrap */ + white-space: normal; +} + +/* Fix

inside

  • leaving the list bullet on its own line in Firefox */ +ul { + list-style: circle outside; + margin-left: 1.4em; +} +ol { + list-style: decimal outside; + margin-left: 1.4em; +} + +ul ul, ul ol, ol ul, ol ol { + /* Fix each successive layer of lists getting smaller and smaller. + * After three layers of lists, it's too small to read well + */ + font-size: 100%; +} + +.button.disabled { + cursor: not-allowed; +} + +/** Blog header */ +main header { + margin-bottom: 1.8em; + font-size: 12pt; + overflow: hidden; +} + +main header h1 { + border-bottom: 1px solid #045578; + margin-bottom: 0.2em; +} + +main header h1 a { + text-decoration: none; +} + +header aside { + margin-top: 0; + font-size: 12pt; +} + +header aside * { + float: left; + display: inline-block; + margin-right: 0.5em; + margin-bottom: 0; +} + +/** Add a line when using the "Continue reading..." link */ +section:target { + padding-top: 0.5em; + border-top: 2px dashed #777; +} + +/** Don't allow 
     to push too much */
+pre {
+    max-width: 100%;
+    overflow-x: scroll;
+}
+
+/**
+ * Don't allow main content images to push things around
+ */
+main img {
+    max-width: 100%;
+}
+
+a[rel=external]::after {
+    content: '\f08e';
+    padding-left: 0.2em;
+    font-family: "FontAwesome";
+    display: inline-block;
+    font-size: smaller;
+    vertical-align: top;
+}
+
+/************************************************
+ * Classes
+ ************************************************/
+
+ol.bare, ul.bare {
+    list-style-type: none;
+    margin-left: 0;
+}
+
+ol.list-inline, ul.list-inline {
+    margin: 0 0 2.5rem 0;
+}
+
+ol.list-inline li, ul.list-inline li {
+    display: inline-block;
+    margin: 0;
+}
+
+img.u-pull-left, img.u-pull-right {
+    /* Give some padding so the text isn't too close */
+    padding: 0.2em;
+}
+
+/************************************************
+ * Grid
+ ************************************************/
+
+.column, .columns {
+    margin-left: 2%;
+    padding-left: 1%;
+    padding-right: 1%;
+}
+
+/************************************************
+ * Widgets
+ ************************************************/
+
+/** Navbar widget */
+.navbar {
+    overflow: hidden;
+    border-bottom: 1px solid #bbb;
+    color: #777;
+    background-color: white;
+    margin-bottom: 1em;
+}
+
+.navbar a {
+    color: #777;
+    text-decoration: none;
+}
+
+.navbar a:hover {
+    color: #1EAEDB;
+}
+
+.navbar .brand {
+    font-size: 18px;
+    line-height: 20px;
+    margin-right: 0.5em;
+}
+
+.navbar ul {
+    list-style: none;
+    display: inline-block;
+    margin: 1em 0;
+}
+
+.navbar li {
+    display: inline-block;
+    padding: 0 1em;
+    margin: 0;
+}
+
+/** Sidebar widget */
+.sidebar h1,
+.sidebar h2,
+.sidebar h3,
+.sidebar h4,
+.sidebar h5,
+.sidebar h6 {
+    margin-bottom: 0.2em;
+}
+
+.sidebar h1 {
+    font-size: 2.25em;
+}
+
+.sidebar h2 {
+    font-size: 1.75em;
+}
+
+.sidebar h3 {
+    font-size: 1.3em;
+}
+
+.sidebar h4 {
+    font-size: 1.1em;
+}
+
+.sidebar h5 {
+    font-size: 1em;
+}
+
+.sidebar {
+    font-size: 0.8em;
+}
+
+/** Pager widget */
+ul.pager {
+    list-style: none;
+    margin-left: 0;
+}
+
+.pager .prev {
+    float: left;
+}
+
+.pager .next {
+    float: right;
+}
+
+.pager::after {
+    /* Clear the floated pager items */
+    content: "";
+    clear: both;
+    display: table;
+}
+
+/** Footer */
+footer {
+    margin-top: 1em;
+    padding-bottom: 0.5em;
+    font-size: 0.7em;
+}
+
+footer .tagline {
+    font-size: smaller;
+    line-height: 1.3;
+    text-align: right;
+}
+
+/** Crumbtrail widget */
+
+.crumbtrail ul {
+    display: inline-block;
+    list-style: none;
+    margin: 0;
+}
+
+.crumbtrail li {
+    display: inline-block;
+}
+
+.crumbtrail li::before {
+    content: '::';
+    display: inline-block;
+}
+
+.crumbtrail li:first-child::before {
+    content: '';
+}
+
+/************************************************
+ * Applications
+ */
+
+/** Blog */
+.tags {
+    float: right;
+    margin-bottom: 0;
+}
+
+/************************************************
+ * Reponsive
+ */
+@media ( max-width: 549px ) {
+    .column, .columns {
+        margin-left: 0;
+    }
+}
diff --git a/theme/plugin/highlight/default.css b/theme/plugin/highlight/default.css
new file mode 100644
index 0000000..d770925
--- /dev/null
+++ b/theme/plugin/highlight/default.css
@@ -0,0 +1,76 @@
+/*
+
+Original highlight.js style (c) Ivan Sagalaev 
+Modified for Statocles
+
+*/
+
+.hljs {
+  overflow-x: auto;
+  background: #F0F0F0;
+}
+
+.hljs,
+.hljs-subst {
+  color: #444;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold;
+}
+
+.hljs-built_in,
+.hljs-literal,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #1F811F;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060;
+}
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-comment {
+  color: #888888;
+}
+
+.hljs-meta {
+  color: #2B6EA1;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
diff --git a/theme/plugin/highlight/solarized-dark.css b/theme/plugin/highlight/solarized-dark.css
new file mode 100644
index 0000000..14495ab
--- /dev/null
+++ b/theme/plugin/highlight/solarized-dark.css
@@ -0,0 +1,83 @@
+/*
+
+Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 
+Modified for Statocles
+
+*/
+
+.hljs {
+  overflow-x: auto;
+  background: #002b36;
+  color: #839496;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+}
+
+/* Solarized Green */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #859900;
+}
+
+/* Solarized Cyan */
+.hljs-number,
+.hljs-string,
+.hljs-meta .hljs-meta-string,
+.hljs-literal,
+.hljs-doctag,
+.hljs-regexp {
+  color: #2aa198;
+}
+
+/* Solarized Blue */
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #268bd2;
+}
+
+/* Solarized Yellow */
+.hljs-attribute,
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-class .hljs-title,
+.hljs-type {
+  color: #b58900;
+}
+
+/* Solarized Orange */
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link {
+  color: #cb4b16;
+}
+
+/* Solarized Red */
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #073642;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
diff --git a/theme/plugin/highlight/solarized-light.css b/theme/plugin/highlight/solarized-light.css
new file mode 100644
index 0000000..f0a7b6a
--- /dev/null
+++ b/theme/plugin/highlight/solarized-light.css
@@ -0,0 +1,83 @@
+/*
+
+Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 
+Modified for Statocles
+
+*/
+
+.hljs {
+  overflow-x: auto;
+  background: #fdf6e3;
+  color: #657b83;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #93a1a1;
+}
+
+/* Solarized Green */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #859900;
+}
+
+/* Solarized Cyan */
+.hljs-number,
+.hljs-string,
+.hljs-meta .hljs-meta-string,
+.hljs-literal,
+.hljs-doctag,
+.hljs-regexp {
+  color: #2aa198;
+}
+
+/* Solarized Blue */
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #268bd2;
+}
+
+/* Solarized Yellow */
+.hljs-attribute,
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-class .hljs-title,
+.hljs-type {
+  color: #b58900;
+}
+
+/* Solarized Orange */
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link {
+  color: #cb4b16;
+}
+
+/* Solarized Red */
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #eee8d5;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
diff --git a/theme/site/style.html b/theme/site/style.html
new file mode 100644
index 0000000..427c531
--- /dev/null
+++ b/theme/site/style.html
@@ -0,0 +1,525 @@
+
+
+    
+        
+        
+        
+        
+        Style Demo
+    
+    
+
+        
    
+            
+        
    
+
+        
    
+
+            
    Style Demo
    
+
+            
    Text
    
+
+            
    These are plain styles for plain HTML. No formatting classes
+            involved in this section!
    
+
+            
    
+                
    
+                    
    
+                        
    Headings
    
+
+                        
    Heading 1
    
+                        
    # Heading 1
+<h1>Heading 1</h1>
    
+
+                        
    Heading 2
    
+                        
    ## Heading 2
+<h2>Heading 2</h2>
    
+
+                        
    Heading 3
    
+                        
    ### Heading 3
+<h3>Heading 3</h3>
    
+
+                        
    Heading 4
    
+                        
    #### Heading 4
+<h4>Heading 4</h4>
    
+
+                        
    Heading 5
    
+                        
    ##### Heading 5
+<h5>Heading 5</h5>
    
+
+                    
    
+
+                    
    
+                        
    Formatting
    
+
+                        
    Links
    
+                        
    [Link text](http://example.com)
+<a href="http://example.com">Link text</a>
    
+
+                        
    Emphasis
    
+                        
    _Emphasis_
+<em>Emphasis</em>
    
+
+                        
    Strong Emphasis
    
+                        
    *Strong Emphasis*
+<strong>Strong Emphasis</strong>
    
+
+                        
    Inline code
    
+                        
    `Inline code`
+<code>Inline code</code>
    
+
+                        
    Keyboard input
    
+                        
    <kbd>...</kbd>
    
+
+                        
    Sample output
    
+                        
    <samp>...</samp>
    
+
+                    
    
+
+                
    
+
+                
    Text Blocks
    
+
+                
    Paragraphs
    
+
+                
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Vestibulum vestibulum nunc at velit sagittis, id pulvinar augue
+                volutpat. In lobortis semper scelerisque. Praesent pharetra
+                augue vitae hendrerit aliquet. Aliquam vel ex felis. Nam
+                gravida accumsan odio eu semper. Sed id leo tellus. Suspendisse
+                pretium ligula et cursus hendrerit. Ut commodo metus a
+                efficitur tempus.  Fusce vel enim eget velit fringilla
+                congue.
    
+
+                
    Lorem ipsum dolor sit amet...
+
+<p>Lorem ipsum dolor sit amet...</p>
    
+
+                
    Code
    
+
+                
    use strict;
+use warnings;
+use feature qw( say );
+
+package Hash::Object;
+
+sub new {
+    my ( $class, %self ) = @_;
+    return bless { %self }, $class;
+}
+
    
+
+
    use strict; use warnings; use feature qw( say ); package Hash::Object; sub new { my ( $class, %self ) = @_; return bless { %self }, $class; }
    
+
+                
        # 4-space indent
+    use strict;
+    use warnings;
+
+<pre><code>use strict;
+use warnings;</code></pre>
    
+
+                
    Blockquote
    
+
+                
    Lorem ipsum dolor sit amet, consectetur adipiscing
+                elit. Vestibulum vestibulum nunc at velit sagittis, id
+                pulvinar augue volutpat. In lobortis semper scelerisque.
+                Praesent pharetra augue vitae hendrerit aliquet. Aliquam
+                vel ex felis. Nam gravida accumsan odio eu semper. Sed id
+                leo tellus. Suspendisse pretium ligula et cursus hendrerit. Ut
+                commodo metus a efficitur tempus.  Fusce vel enim eget velit
+                fringilla congue. Some Author
    
+
+                
    > Lorem ipsum dolor sit amet...
+
+<blockquote>
+Lorem ipsum dolor sit amet...
+<cite>Citation</cite>
+</blockquote>
    
+
+                
    Lists
    
+
+                
    
+                    
    
+                        
    Ordered
    
+
+                        
      
+                            
    1. Lorem ipsum dolor sit amet
      2. 
+                            
    2. Vivamus quis hendrerit quam
      3. 
+                            
    3. Aenean sed velit lobortis, interdum
      4. 
+                            
    4. Vivamus nunc purus, malesuada at lacinia
      5. 
+                            
    5. Aenean nec arcu quis
      6. 
+                        
    
+
+                        
    1. Lorem ipsum dolor sit amet
+2. Vivamus quis hendrerit quam
+3. Aenean sed velit lobortis, interdum
+
+<ol>
+    <li>Lorem ipsum dolor sit amet</li>
+    <li>Vivamus quis hendrerit quam</li>
+    <li>Aenean sed velit lobortis, interdum</li>
+</ol>
    
+
+                    
    
+
+                    
    
+                        
    Unordered
    
+
+                        
      
+                            
    • Maecenas consequat, quam id rhoncus
      • 
+                            
    • Massa finibus justo, a interdum
      • 
+                            
    • Nullam consequat lacus mattis
      • 
+                            
    • Proin viverra tincidunt mauris ac interdum
      • 
+                            
    • Interdum ante in, ullamcorper tortor
      • 
+                        
    
+
+                        
    * Lorem ipsum dolor sit amet
+* Vivamus quis hendrerit quam
+* Aenean sed velit lobortis, interdum
+
+<ul>
+    <li>Lorem ipsum dolor sit amet</li>
+    <li>Vivamus quis hendrerit quam</li>
+    <li>Aenean sed velit lobortis, interdum</li>
+</ul>
    
+
+                    
    
+                
    
+            
    
+
+            
    Classes
    
+
+            
    
+                
    Lists
    
+
+                
    Inline lists
    
+
+                
    
+                    
    
+                        
      
+                            
    • Lorem
      • 
+                            
    • Ipsum
      • 
+                            
    • Dolor
      • 
+                        
    
+
+                        
    <ul class="list-inline">
+    <li>Lorem</li>
+    <li>Ipsum</li>
+    <li>Dolor</li>
+</ul>
    
+                    
    
+                    
    
+                        
      
+                            
    1. Lorem
      2. 
+                            
    2. Ipsum
      3. 
+                            
    3. Dolor
      4. 
+                        
    
+
+                        
    <ol class="list-inline">
+    <li>Lorem</li>
+    <li>Ipsum</li>
+    <li>Dolor</li>
+</ol>
    
+                    
    
+                
    
+
+            
    
+
+            
    
+                
    Images
    
+
+                
    
+
+                    
    
+                        
     Lorem ipsum dolor sit amet,
+                        consectetur adipiscing elit.  Vestibulum vestibulum
+                        nunc at velit sagittis, id pulvinar augue volutpat. In
+                        lobortis semper scelerisque. Praesent pharetra augue
+                        vitae hendrerit aliquet.
    
+                        
    
+                        
    <img src="#" class="u-pull-left">
    
+                    
    
+
+                    
    
+                        
     Lorem ipsum dolor sit amet,
+                        consectetur adipiscing elit.  Vestibulum vestibulum
+                        nunc at velit sagittis, id pulvinar augue volutpat. In
+                        lobortis semper scelerisque. Praesent pharetra augue
+                        vitae hendrerit aliquet.
    
+                        
    
+                        
    <img src="#" class="u-pull-right">
    
+                    
    
+
+                
    
+
+            
    
+
+            
    Widgets
    
+
+            
    
+                
    Pager
    
+
+                
    
+                    
    
+                        
    Enabled
    
+
+                        
+
+                        
    
+
+                        
    <ul class="pager">
+  <li class="prev">
+    <a class="button button-primary" rel="next" href="#">
+      &larr; Older
+    </a>
+  </li>
+  <li class="next">
+    <a class="button button-primary" rel="prev" href="#">
+      Newer &rarr;
+    </a>
+  </li>
+</ul>
    
+
+                    
    
+
+                    
    
+                        
    Disabled
    
+
+                        
+
+                        
    
+
+                        
    <ul class="pager">
+  <li class="prev">
+    <a class="button disabled" rel="next" href="#">
+      &larr; Older
+    </a>
+  </li>
+  <li class="next">
+    <a class="button disabled" rel="prev">
+      Newer &rarr;
+    </a>
+  </li>
+</ul>
    
+
+                    
    
+
+                
    
+
+                
    Sidebar
    
+
+                
    Recommended width is class="three
+                columns".
    
+
+                
    <div class="three columns sidebar">...</div>
    
+
+                
    
+                    
    
+                        
    Heading 1
    
+                        
    Lorem ipsum dolor sit amet, consectetur
+                        adipiscing elit. Vivamus quis hendrerit quam, ac
+                        tristique nisl. Aenean sed velit lobortis, interdum
+                        ante in, ullamcorper tortor.
    
+                        
      
+                            
    • Maecenas consequat, quam id rhoncus
      • 
+                            
    • Massa finibus justo, a interdum
      • 
+                            
    • Proin viverra tincidunt mauris ac interdum
      • 
+                            
    • Interdum ante in, ullamcorper tortor
      • 
+                        
    
+                    
    
+
+                    
    
+                        
    Heading 2
    
+                        
    Vivamus nunc purus, malesuada at lacinia a,
+                        pellentesque nec enim. Vestibulum et est euismod,
+                        ultrices lectus non, aliquam magna. Proin viverra
+                        tincidunt mauris ac interdum. Aenean nec arcu quis
+                        turpis accumsan dignissim et ut risus.
    
+                    
    
+
+                    
    
+                        
    Heading 3
    
+                        
+                        
      
+                            
    1. Lorem ipsum dolor sit amet
      2. 
+                            
    2. Vivamus quis hendrerit quam
      3. 
+                            
    3. Aenean sed velit lobortis, interdum
      4. 
+                            
    4. Vivamus nunc purus, malesuada at lacinia
      5. 
+                            
    5. Aenean nec arcu quis
      6. 
+                        
    
+                    
    
+
+                    
    
+                        
    Heading 4
    
+                        
    Maecenas consequat, quam id rhoncus convallis,
+                        erat massa finibus justo, a interdum justo est eget
+                        tellus. Ut mattis dolor dolor. Maecenas vitae
+                        congue diam. Nullam consequat lacus mattis,
+                        faucibus arcu ut, auctor ex.
    
+
+                        
    Heading 5
    
+
+                    
    
+                
    
+
+                
    Crumbtrail
    
+                
    
+                    
      
+                        
    • 
+                            Foo
+                        
      • 
+                        
    • 
+                            Bar
+                        
      • 
+                        
    • 
+                            Baz
+                        
      • 
+                    
    
+                    (extras)
+                
    
+
+            
    
+
+            
    Blog
    
+
+            
    
+
+                
    
+                    
    
+                        
    
+
+                            
    
+                                
    A Blog Post
    
+
+                                
    Tags:
+                                    
+                                    
+                                    
+                                
    
+
+                                
+
+                                
    Originally posted as:
+                                    
+                                        Another Blog Post on medium.com.
+                                    
+                                
    
+
+                            
    
+
+                            
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                            Vestibulum vestibulum nunc at velit sagittis, id pulvinar
+                            augue volutpat. In lobortis semper scelerisque. Praesent
+                            pharetra augue vitae hendrerit aliquet. Aliquam vel ex
+                            felis. Nam gravida accumsan odio eu semper. Sed id leo
+                            tellus. Suspendisse pretium ligula et cursus hendrerit. Ut
+                            commodo metus a efficitur tempus. Fusce vel enim eget velit
+                            fringilla congue.
    
+
+                            
    Nullam massa neque, viverra id efficitur in, bibendum
+                            eget odio. Suspendisse potenti. Nunc suscipit, erat eu
+                            pulvinar scelerisque, orci leo tempor ante, eget rutrum
+                            massa purus vitae velit. Curabitur nec ex vitae ipsum
+                            blandit aliquet ut eu sem. Cras vel orci lorem. In dictum
+                            iaculis massa, tempor faucibus mi tempus sit amet. Donec
+                            porttitor diam et nulla facilisis mattis.
    
+
+                            
    Continue reading A Blog Post...
    
+
+                        
    
+
+                        
+
+                    
    
+
+                    
    
+                        
    Tags
    
+                        
+
+                        
    Feeds
    
+                        
+
+                    
    
+                
    
+
+            
    
+
+        
    
+
+        
+
+    
+