From 443e320e1ff83f2669a5268ae8f37316a1828ac9 Mon Sep 17 00:00:00 2001 From: Daniel Pfeifer Date: Thu, 8 Jan 2015 23:24:50 +0100 Subject: [PATCH] Gedankenexperimente --- 404.html | 10 + CNAME | 1 + Gemfile | 2 + _config.yml | 22 ++ _drafts/cmake_pch.md | 5 + _drafts/cmake_vala.md | 5 + _drafts/projects.html | 15 + _layouts/default.html | 39 +++ _layouts/page.html | 8 + _layouts/post.html | 25 ++ _posts/2015-01-01-example-content.md | 145 +++++++++ atom.xml | 24 ++ index.html | 35 +++ poole.css | 430 +++++++++++++++++++++++++++ style.sass | 195 ++++++++++++ 15 files changed, 961 insertions(+) create mode 100644 404.html create mode 100644 CNAME create mode 100644 Gemfile create mode 100644 _config.yml create mode 100644 _drafts/cmake_pch.md create mode 100644 _drafts/cmake_vala.md create mode 100644 _drafts/projects.html create mode 100644 _layouts/default.html create mode 100644 _layouts/page.html create mode 100644 _layouts/post.html create mode 100644 _posts/2015-01-01-example-content.md create mode 100644 atom.xml create mode 100644 index.html create mode 100644 poole.css create mode 100644 style.sass diff --git a/404.html b/404.html new file mode 100644 index 0000000..47f69e8 --- /dev/null +++ b/404.html @@ -0,0 +1,10 @@ +--- +layout: page +title: "404: Page not found" +--- + +

+ Sorry, we've misplaced that URL or it's pointing to something that doesn't + exist. Head back home to try finding it again. +

+ diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..f6ac3cc --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +purplekarrot.net diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..053c27d --- /dev/null +++ b/Gemfile @@ -0,0 +1,2 @@ +source 'https://rubygems.org' +gem 'github-pages' diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..2ea6c8d --- /dev/null +++ b/_config.yml @@ -0,0 +1,22 @@ +title: 'purpleKarrot' +tagline: 'Gedankenexperimente' +url: 'http://purplekarrot.net' + +author: 'Daniel Pfeifer' +copyright: '2015' + +pingback: 'https://webmention.io/purplekarrot.net/xmlrpc' +webmention: 'https://webmention.io/purplekarrot.net/webmention' + +email: 'daniel@pfeifer-mail.de' +github: 'https://github.com/purplekarrot' +googleplus: 'https://plus.google.com/+DanielPfeifer' +linkedin: 'https://linkedin.com/in/purplekarrot' +xing: 'https://www.xing.com/profile/Daniel_Pfeifer22' + +paginate: 3 +paginate_path: '/index:num.html' +permalink: '/blog/:title.html' + +sass: + style: :compact diff --git a/_drafts/cmake_pch.md b/_drafts/cmake_pch.md new file mode 100644 index 0000000..b62890d --- /dev/null +++ b/_drafts/cmake_pch.md @@ -0,0 +1,5 @@ +--- +layout: post +title: 'Brainstorm: PCH with CMake' +--- + diff --git a/_drafts/cmake_vala.md b/_drafts/cmake_vala.md new file mode 100644 index 0000000..27edea2 --- /dev/null +++ b/_drafts/cmake_vala.md @@ -0,0 +1,5 @@ +--- +layout: post +title: "Brainstorm: Vala with CMake" +--- + diff --git a/_drafts/projects.html b/_drafts/projects.html new file mode 100644 index 0000000..f7e59d6 --- /dev/null +++ b/_drafts/projects.html @@ -0,0 +1,15 @@ +--- +layout: default +title: Projects +--- +{% for project in site.github.public_repositories %} +
+ +

{{ project.name }}

+

{{ project.description }}

+
+{% endfor %} diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..cabd1ce --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,39 @@ + + + + + + + + {{ page.title }} · {{ site.title }} + + + + + + + +
+
+

+ {{ site.title }} + {{ site.tagline }} +

+
+
+
+{{ content }} +
+
+
+
Copyright © {{ site.copyright }} {{ site.author }}
+ +
+
+ + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..4e0d4eb --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,8 @@ +--- +layout: default +--- + +
+

{{ page.title }}

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

{{ page.title }}

+ {{ page.date | date_to_string }} + {{ content }} +
+ +
+

Related Posts

+ +
diff --git a/_posts/2015-01-01-example-content.md b/_posts/2015-01-01-example-content.md new file mode 100644 index 0000000..1bac83f --- /dev/null +++ b/_posts/2015-01-01-example-content.md @@ -0,0 +1,145 @@ +--- +layout: post +title: Example content +--- + +
+ Howdy! This is an example blog post that shows several types of HTML content + supported in this theme. +
+ +Cum sociis natoque penatibus et magnis dis parturient montes, +nascetur ridiculus mus. *Aenean eu leo quam.* Pellentesque ornare sem lacinia +quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis +consectetur purus sit amet fermentum. + +> Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare +> vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit. + +Etiam porta **sem malesuada magna** mollis euismod. Cras mattis consectetur +purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. + +## Inline HTML elements + +HTML defines a long list of available inline tags, a complete list of which can +be found on the [Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/HTML/Element). + +- **To bold text**, use ``. +- *To italicize text*, use ``. +- Abbreviations, like HTML should + use ``, with an optional `title` attribute for the full phrase. +- Citations, like — Mark otto, should use ``. +- Deleted text should use `` and inserted text should + use ``. +- Superscript text uses `` and subscript text uses + ``. + +Most of these elements are styled by browsers with few modifications on our +part. + +## Heading + +Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est +non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. +Morbi leo risus, porta ac consectetur ac, vestibulum at eros. + +### Code + +Cum sociis natoque penatibus et magnis dis `code element` montes, nascetur +ridiculus mus. + +{% highlight js %} +// Example can be run directly in your JavaScript console + +// Create a function that takes two arguments and returns +// the sum of those arguments +var adder = new Function("a", "b", "return a + b"); + +// Call the function +adder(2, 6); +// > 8 +{% endhighlight %} + +Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna +mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris +condimentum nibh, ut fermentum massa. + +### Lists + +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus +mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada +magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris +condimentum nibh, ut fermentum massa justo sit amet risus. + +* Praesent commodo cursus magna, vel scelerisque nisl consectetur et. +* Donec id elit non mi porta gravida at eget metus. +* Nulla vitae elit libero, a pharetra augue. + +Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a +pharetra augue. + +1. Vestibulum id ligula porta felis euismod semper. +2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur + ridiculus mus. +3. Maecenas sed diam eget risus varius blandit sit amet non magna. + +Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at +lobortis. + +
+
HyperText Markup Language (HTML)
+
The language used to describe and define the content of a Web page
+ +
Cascading Style Sheets (CSS)
+
Used to describe the appearance of Web content
+ +
JavaScript (JS)
+
The programming language used to build advanced Web sites and applications
+
+ +Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo +risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna +mollis ornare vel eu leo. + +### Tables + +Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, +consectetur adipiscing elit. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79
+ +Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur +est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. + diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..2f47615 --- /dev/null +++ b/atom.xml @@ -0,0 +1,24 @@ +--- +layout: null +--- + + + {{ site.title }} + + + {{ site.time | date_to_xmlschema }} + {{ site.url }} + + {{ site.author }} + {{ site.email }} + + {% for post in site.posts %} + + {{ post.title }} + + {{ post.date | date_to_xmlschema }} + {{ site.url }}{{ post.id }} + {{ post.content | xml_escape }} + + {% endfor %} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..82d9cc9 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ +--- +layout: default +title: Home +--- + +
+ {% for post in paginator.posts %} +
+

+ + {{ post.title }} + +

+ {{ post.date | date_to_string }} + {{ post.content }} +
+ {% endfor %} +
+ + diff --git a/poole.css b/poole.css new file mode 100644 index 0000000..8ec27e7 --- /dev/null +++ b/poole.css @@ -0,0 +1,430 @@ +/* + * ___ + * /\_ \ + * _____ ___ ___\//\ \ __ + * /\ '__`\ / __`\ / __`\\ \ \ /'__`\ + * \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/ + * \ \ ,__/\ \____/\ \____//\____\ \____\ + * \ \ \/ \/___/ \/___/ \/____/\/____/ + * \ \_\ + * \/_/ + * + * Designed, built, and released under MIT license by @mdo. Learn more at + * https://github.com/poole/poole. + */ + + +/* + * Contents + * + * Body resets + * Custom type + * Messages + * Container + * Masthead + * Posts and pages + * Pagination + * Reverse layout + * Themes + */ + + +/* + * Body resets + * + * Update the foundational and global aspects of the page. + */ + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; +} + +html { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; +} +@media (min-width: 38em) { + html { + font-size: 20px; + } +} + +body { + color: #515151; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +/* No `:visited` state is required by default (browsers will use `a`) */ +a { + color: #268bd2; + text-decoration: none; +} +a strong { + color: inherit; +} +/* `:focus` is linked to `:hover` for basic accessibility */ +a:hover, +a:focus { + text-decoration: underline; +} + +/* Headings */ +h1, h2, h3, h4, h5, h6 { + margin-bottom: .5rem; + font-weight: bold; + line-height: 1.25; + color: #313131; + text-rendering: optimizeLegibility; +} +h1 { + font-size: 2rem; +} +h2 { + margin-top: 1rem; + font-size: 1.5rem; +} +h3 { + margin-top: 1.5rem; + font-size: 1.25rem; +} +h4, h5, h6 { + margin-top: 1rem; + font-size: 1rem; +} + +/* Body text */ +p { + margin-top: 0; + margin-bottom: 1rem; +} + +strong { + color: #303030; +} + + +/* Lists */ +ul, ol, dl { + margin-top: 0; + margin-bottom: 1rem; +} + +dt { + font-weight: bold; +} +dd { + margin-bottom: .5rem; +} + +/* Misc */ +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #fff; +} + +abbr { + font-size: 85%; + font-weight: bold; + color: #555; + text-transform: uppercase; +} +abbr[title] { + cursor: help; + border-bottom: 1px dotted #e5e5e5; +} + +/* Code */ +code, +pre { + font-family: Menlo, Monaco, "Courier New", monospace; +} +code { + padding: .25em .5em; + font-size: 85%; + color: #bf616a; + background-color: #f9f9f9; + border-radius: 3px; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + padding: 1rem; + font-size: .8rem; + line-height: 1.4; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; + background-color: #f9f9f9; +} +pre code { + padding: 0; + font-size: 100%; + color: inherit; + background-color: transparent; +} + +/* Pygments via Jekyll */ +.highlight { + margin-bottom: 1rem; + border-radius: 4px; +} +.highlight pre { + margin-bottom: 0; +} + +/* Gist via GitHub Pages */ +.gist .gist-file { + font-family: Menlo, Monaco, "Courier New", monospace !important; +} +.gist .markdown-body { + padding: 15px; +} +.gist pre { + padding: 0; + background-color: transparent; +} +.gist .gist-file .gist-data { + font-size: .8rem !important; + line-height: 1.4; +} +.gist code { + padding: 0; + color: inherit; + background-color: transparent; + border-radius: 0; +} + +/* Quotes */ +blockquote { + padding: .5rem 1rem; + margin: .8rem 0; + color: #7a7a7a; + border-left: .25rem solid #e5e5e5; +} +blockquote p:last-child { + margin-bottom: 0; +} +@media (min-width: 30em) { + blockquote { + padding-right: 5rem; + padding-left: 1.25rem; + } +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +/* Tables */ +table { + margin-bottom: 1rem; + width: 100%; + border: 1px solid #e5e5e5; + border-collapse: collapse; +} +td, +th { + padding: .25rem .5rem; + border: 1px solid #e5e5e5; +} +tbody tr:nth-child(odd) td, +tbody tr:nth-child(odd) th { + background-color: #f9f9f9; +} + + +/* + * Custom type + * + * Extend paragraphs with `.lead` for larger introductory text. + */ + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + + +/* + * Messages + * + * Show alert messages to users. You may add it to single elements like a `

`, + * or to a parent if there are multiple elements to show. + */ + +.message { + margin-bottom: 1rem; + padding: 1rem; + color: #717171; + background-color: #f9f9f9; +} + + +/* + * Container + * + * Center the page content. + */ + +.container { + max-width: 38rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} + + +/* + * Masthead + * + * Super small header above the content for site name and short description. + */ + +.masthead { + padding-top: 1rem; + padding-bottom: 1rem; + margin-bottom: 3rem; +} +.masthead-title { + margin-top: 0; + margin-bottom: 0; + color: #505050; +} +.masthead-title a { + color: #505050; +} +.masthead-title small { + font-size: 75%; + font-weight: 400; + color: #c0c0c0; + letter-spacing: 0; +} + + +/* + * Posts and pages + * + * Each post is wrapped in `.post` and is used on default and post layouts. Each + * page is wrapped in `.page` and is only used on the page layout. + */ + +.page, +.post { + margin-bottom: 4em; +} + +/* Blog post or page title */ +.page-title, +.post-title, +.post-title a { + color: #303030; +} +.page-title, +.post-title { + margin-top: 0; +} + +/* Meta data line below post title */ +.post-date { + display: block; + margin-top: -.5rem; + margin-bottom: 1rem; + color: #9a9a9a; +} + +/* Related posts */ +.related { + padding-top: 2rem; + padding-bottom: 2rem; + border-top: 1px solid #eee; +} +.related-posts { + padding-left: 0; + list-style: none; +} +.related-posts h3 { + margin-top: 0; +} +.related-posts li small { + font-size: 75%; + color: #999; +} +.related-posts li a:hover { + color: #268bd2; + text-decoration: none; +} +.related-posts li a:hover small { + color: inherit; +} + + +/* + * Pagination + * + * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when + * there are no more previous or next posts to show. + */ + +.pagination { + overflow: hidden; /* clearfix */ + margin-left: -1rem; + margin-right: -1rem; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + color: #ccc; + text-align: center; +} + +/* Pagination items can be `span`s or `a`s */ +.pagination-item { + display: block; + padding: 1rem; + border: 1px solid #eee; +} +.pagination-item:first-child { + margin-bottom: -1px; +} + +/* Only provide a hover state for linked pagination items */ +a.pagination-item:hover { + background-color: #f5f5f5; +} + +@media (min-width: 30em) { + .pagination { + margin: 3rem 0; + } + .pagination-item { + float: left; + width: 50%; + } + .pagination-item:first-child { + margin-bottom: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .pagination-item:last-child { + margin-left: -1px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} diff --git a/style.sass b/style.sass new file mode 100644 index 0000000..ea5b7a9 --- /dev/null +++ b/style.sass @@ -0,0 +1,195 @@ +--- +--- + +html, body + font-family: Georgia, "Times New Roman", Times, serif + overflow-x: hidden + +h1, h2, h3, h4, h5, h6, .post-date + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif + +h1, h2, h3, h4, h5, h6 + font-weight: 400 + letter-spacing: -.025rem + + +// Masthead + +.masthead + border-bottom: 1px solid #eee + +@media (max-width: 48em) + .masthead-title + text-align: center + small + display: none + + +// Footer + +.page-footer + font-size: 16px + padding-top: 1rem + padding-bottom: 2rem + margin-top: 3rem + border-top: 1px solid #eee + color: #999 + strong + color: #999 + .copyright + float: left !important + .social + float: right !important + +@media (max-width: 48em) + .social + display: none + + +// Pagination + +.pagination + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif + margin: 3rem 0 + +.pagination-item + float: left + width: 50% + +.pagination-item:first-child + margin-bottom: 0 + border-top-left-radius: 4px + border-bottom-left-radius: 4px + +.pagination-item:last-child + margin-left: -1px + border-top-right-radius: 4px + border-bottom-right-radius: 4px + + +// Callouts (Admonitions) + +.callout + padding: 20px + margin: 20px 0 + border: 1px solid #eee + border-left-width: 5px + border-radius: 3px + h4 + margin-top: 0 + margin-bottom: 5px + p:last-child + margin-bottom: 0 + code + border-radius: 3px + + .callout + margin-top: -5px + +.callout-default + border-left-color: #777 + h4 + color: #777 + +.callout-primary + border-left-color: #428bca + h4 + color: #428bca + +.callout-success + border-left-color: #5cb85c + h4 + color: #5cb85c + +.callout-danger + border-left-color: #d9534f + h4 + color: #d9534f + +.callout-warning + border-left-color: #f0ad4e + h4 + color: #f0ad4e + +.callout-info + border-left-color: #5bc0de + h4 + color: #5bc0de + + +// Syntax + +.highlight + background: #ffffff + pre code + display: block + white-space: pre + overflow-x: auto + word-wrap: normal + .lineno + color: #ccc + display: inline-block + padding: 0 5px + border-right: 1px solid #ccc + .k, .o, .kc, .kd, .kp, .kr, .gs, .ow + font-weight: bold + .c, .cm, .c1 + color: #999988 + font-style: italic + .bp, .gh + color: #999999 + .cp + color: #999999 + font-weight: bold + .cs + color: #999999 + font-weight: bold + font-style: italic + .m, .mf, .mh, .mi, .mo, .il + color: #009999 + .s, .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .s1 + color: #d14 + .na, .no, .nv, .vc, .vg, .vi + color: #008080 + .ge + font-style: italic + .gd + color: #000000 + background-color: #ffdddd + .x + color: #000000 + background-color: #ffaaaa + .gi + color: #000000 + background-color: #ddffdd + .x + color: #000000 + background-color: #aaffaa + .err + color: #a61717 + background-color: #e3d2d2 + .gr, .gt + color: #aa0000 + .go + color: #888888 + .gp, .nn + color: #555555 + .gu + color: #aaaaaa + .kt, .nc + color: #445588 + font-weight: bold + .nb + color: #0086B3 + .ni + color: #800080 + .ne, .nf + color: #990000 + font-weight: bold + .nt + color: #000080 + .w + color: #bbbbbb + .sr + color: #009926 + .ss + color: #990073