khiekmann-github-io-layout 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +57 -0
- data/_includes/disqus_comments.html +20 -0
- data/_includes/footer.html +67 -0
- data/_includes/google-analytics.html +11 -0
- data/_includes/head.html +16 -0
- data/_includes/header.html +27 -0
- data/_includes/icon-github.html +1 -0
- data/_includes/icon-github.svg +1 -0
- data/_includes/icon-gulp.html +1 -0
- data/_includes/icon-gulp.svg +56 -0
- data/_includes/icon-linkedin.html +1 -0
- data/_includes/icon-linkedin.svg +55 -0
- data/_includes/icon-twitter.html +1 -0
- data/_includes/icon-twitter.svg +1 -0
- data/_includes/icon-xing.html +1 -0
- data/_includes/icon-xing.svg +55 -0
- data/_layouts/default.html +20 -0
- data/_layouts/home.html +25 -0
- data/_layouts/page.html +14 -0
- data/_layouts/post.html +18 -0
- data/_sass/khiekmann-github-io-layout.scss +43 -0
- data/_sass/khiekmann-github-io-layout/_base.scss +198 -0
- data/_sass/khiekmann-github-io-layout/_layout.scss +237 -0
- data/_sass/khiekmann-github-io-layout/_syntax-highlighting.scss +71 -0
- data/assets/main.scss +39 -0
- metadata +113 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 766723bc8ae2c063129330402bb9cdbe316e2b2e
|
4
|
+
data.tar.gz: f8cc5d05844de25d5620cb719d2169ee83dfc20f
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 0673dbb4a45e344a4bf8831769194222a79652d665a5d0392f0c1b3263ad8e3e2376f298a12c8bd9c8279d5e636c0cae65cd18eb45a906711b51b75d78cf0679
|
7
|
+
data.tar.gz: e8135610137037a81f91ede322ad2ad7397d1fc362feb427d35f6fe5a3fd689b5c339e4c2b0eafa04097948f182ea03a6b15b2594f4ca3532367faa70c032a5d
|
data/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2017 k. hiekmann
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,57 @@
|
|
1
|
+
#khiekmann.github.io.layout
|
2
|
+
|
3
|
+
*khiekmann-github-io-layout is a Minima-based one-size-fits-all Jekyll theme for khiekmann.github.io*.
|
4
|
+
|
5
|
+
![khiekmann-github-io-layout theme preview](/screenshot.png)
|
6
|
+
|
7
|
+
|
8
|
+
## Information
|
9
|
+
* In this directory, you'll find the files you need to be able to package up your theme into a gem.
|
10
|
+
* Put your layouts in `_layouts`,
|
11
|
+
* your includes in `_includes` and
|
12
|
+
* your sass in `_sass`.
|
13
|
+
* To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
|
14
|
+
|
15
|
+
|
16
|
+
## Installation
|
17
|
+
|
18
|
+
Add this line to your Jekyll site's `Gemfile`:
|
19
|
+
|
20
|
+
```ruby
|
21
|
+
gem "khiekmann-github-io-layout"
|
22
|
+
```
|
23
|
+
|
24
|
+
And add this line to your Jekyll site's `_config.yml`:
|
25
|
+
|
26
|
+
```yaml
|
27
|
+
theme: khiekmann-github-io-layout
|
28
|
+
```
|
29
|
+
|
30
|
+
And then execute:
|
31
|
+
|
32
|
+
$ bundle
|
33
|
+
|
34
|
+
Or install it yourself as:
|
35
|
+
|
36
|
+
$ gem install khiekmann-github-io-layout
|
37
|
+
|
38
|
+
## Usage
|
39
|
+
|
40
|
+
Have a look at minima. TODO: Write usage instructions here. Describe your available layouts, includes, and/or sass.
|
41
|
+
|
42
|
+
## Contributing
|
43
|
+
|
44
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/khiekmann/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
45
|
+
|
46
|
+
## Development
|
47
|
+
|
48
|
+
To set up your environment to develop this theme, run `bundle install`.
|
49
|
+
|
50
|
+
Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
51
|
+
|
52
|
+
When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
|
53
|
+
|
54
|
+
## License
|
55
|
+
|
56
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
57
|
+
|
@@ -0,0 +1,20 @@
|
|
1
|
+
{% if page.comments != false and jekyll.environment == "production" %}
|
2
|
+
|
3
|
+
<div id="disqus_thread"></div>
|
4
|
+
<script>
|
5
|
+
var disqus_config = function () {
|
6
|
+
this.page.url = '{{ page.url | absolute_url }}';
|
7
|
+
this.page.identifier = '{{ page.url | absolute_url }}';
|
8
|
+
};
|
9
|
+
|
10
|
+
(function() {
|
11
|
+
var d = document, s = d.createElement('script');
|
12
|
+
|
13
|
+
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
|
14
|
+
|
15
|
+
s.setAttribute('data-timestamp', +new Date());
|
16
|
+
(d.head || d.body).appendChild(s);
|
17
|
+
})();
|
18
|
+
</script>
|
19
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
20
|
+
{% endif %}
|
@@ -0,0 +1,67 @@
|
|
1
|
+
<footer class="site-footer">
|
2
|
+
|
3
|
+
<div class="wrapper">
|
4
|
+
|
5
|
+
<h2 class="footer-heading">{{ site.title | escape }}</h2>
|
6
|
+
|
7
|
+
<div class="footer-col-wrapper">
|
8
|
+
<div class="footer-col footer-col-1">
|
9
|
+
<ul class="contact-list">
|
10
|
+
<li>
|
11
|
+
{% if site.author %}
|
12
|
+
{{ site.author | escape }}
|
13
|
+
{% else %}
|
14
|
+
{{ site.title | escape }}
|
15
|
+
{% endif %}
|
16
|
+
</li>
|
17
|
+
{% if site.email %}
|
18
|
+
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
19
|
+
{% endif %}
|
20
|
+
</ul>
|
21
|
+
</div>
|
22
|
+
|
23
|
+
<div class="footer-col footer-col-2">
|
24
|
+
<ul class="social-media-list">
|
25
|
+
{% if site.github_username %}
|
26
|
+
<li>
|
27
|
+
{% include icon-github.html username=site.github_username %}
|
28
|
+
</li>
|
29
|
+
{% endif %}
|
30
|
+
|
31
|
+
{% if site.twitter_username %}
|
32
|
+
<li>
|
33
|
+
{% include icon-twitter.html username=site.twitter_username %}
|
34
|
+
</li>
|
35
|
+
{% endif %}
|
36
|
+
|
37
|
+
{% if site.linkedin_username %}
|
38
|
+
<li>
|
39
|
+
{% include icon-linkedin.html username=site.linkedin_username %}
|
40
|
+
</li>
|
41
|
+
{% endif %}
|
42
|
+
|
43
|
+
|
44
|
+
{% if site.gulp_username %}
|
45
|
+
<li>
|
46
|
+
{% include icon-gulp.html username=site.gulp_username %}
|
47
|
+
</li>
|
48
|
+
|
49
|
+
{% if site.xing_username %}
|
50
|
+
<li>
|
51
|
+
{% include icon-xing.html username=site.xing_username %}
|
52
|
+
</li>
|
53
|
+
{% endif %}
|
54
|
+
|
55
|
+
{% endif %}
|
56
|
+
|
57
|
+
</ul>
|
58
|
+
</div>
|
59
|
+
|
60
|
+
<div class="footer-col footer-col-3">
|
61
|
+
<p>{{ site.description | escape }}</p>
|
62
|
+
</div>
|
63
|
+
</div>
|
64
|
+
|
65
|
+
</div>
|
66
|
+
|
67
|
+
</footer>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<script>
|
2
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
3
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
4
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
5
|
+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
6
|
+
|
7
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
8
|
+
ga('send', 'pageview');
|
9
|
+
|
10
|
+
</script>
|
11
|
+
|
data/_includes/head.html
ADDED
@@ -0,0 +1,16 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="utf-8">
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
5
|
+
|
6
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
7
|
+
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
10
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
11
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
12
|
+
|
13
|
+
{% if jekyll.environment == 'production' and site.google_analytics %}
|
14
|
+
{% include google-analytics.html %}
|
15
|
+
{% endif %}
|
16
|
+
</head>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<header class="site-header" role="banner">
|
2
|
+
|
3
|
+
<div class="wrapper">
|
4
|
+
|
5
|
+
<a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
|
6
|
+
|
7
|
+
<nav class="site-nav">
|
8
|
+
<span class="menu-icon">
|
9
|
+
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
10
|
+
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
11
|
+
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
12
|
+
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
13
|
+
</svg>
|
14
|
+
</span>
|
15
|
+
|
16
|
+
<div class="trigger">
|
17
|
+
{% for my_page in site.pages %}
|
18
|
+
{% if my_page.title %}
|
19
|
+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
20
|
+
{% endif %}
|
21
|
+
{% endfor %}
|
22
|
+
</div>
|
23
|
+
</nav>
|
24
|
+
|
25
|
+
</div>
|
26
|
+
|
27
|
+
</header>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="https://gulp.de/{{ include.username }}"><span class="icon icon--gulp">{% include icon-gulp.svg %}</span><span class="username">{{ include.username }}</span></a>
|
@@ -0,0 +1,56 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg
|
3
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
4
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
5
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
6
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
8
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
9
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
10
|
+
viewBox="0 0 16 16"
|
11
|
+
width="16px"
|
12
|
+
height="16px"
|
13
|
+
id="svg2"
|
14
|
+
version="1.1"
|
15
|
+
inkscape:version="0.91 r13725"
|
16
|
+
sodipodi:docname="icon-gulp.svg">
|
17
|
+
<metadata
|
18
|
+
id="metadata10">
|
19
|
+
<rdf:RDF>
|
20
|
+
<cc:Work
|
21
|
+
rdf:about="">
|
22
|
+
<dc:format>image/svg+xml</dc:format>
|
23
|
+
<dc:type
|
24
|
+
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
25
|
+
</cc:Work>
|
26
|
+
</rdf:RDF>
|
27
|
+
</metadata>
|
28
|
+
<defs
|
29
|
+
id="defs8" />
|
30
|
+
<sodipodi:namedview
|
31
|
+
pagecolor="#ffffff"
|
32
|
+
bordercolor="#666666"
|
33
|
+
borderopacity="1"
|
34
|
+
objecttolerance="10"
|
35
|
+
gridtolerance="10"
|
36
|
+
guidetolerance="10"
|
37
|
+
inkscape:pageopacity="0"
|
38
|
+
inkscape:pageshadow="2"
|
39
|
+
inkscape:window-width="1020"
|
40
|
+
inkscape:window-height="729"
|
41
|
+
id="namedview6"
|
42
|
+
showgrid="false"
|
43
|
+
inkscape:zoom="14.75"
|
44
|
+
inkscape:cx="-0.50847458"
|
45
|
+
inkscape:cy="8"
|
46
|
+
inkscape:window-x="0"
|
47
|
+
inkscape:window-y="18"
|
48
|
+
inkscape:window-maximized="0"
|
49
|
+
inkscape:current-layer="svg2" />
|
50
|
+
<path
|
51
|
+
style="fill:#828282"
|
52
|
+
d="m 2.6775511,8 0,-7.655245 2.008471,0 c 1.618399,0 2.008472,0.1047616 2.008472,0.5394176 0,0.4876328 0.05101,0.4840254 0.53134,-0.037593 0.434734,-0.4720951 0.8406541,-0.5355094 2.2325251,-0.3487823 0.9356508,0.1255205 2.1878368,0.5606165 2.7826378,0.9668766 1.024822,0.6999738 1.081452,0.888672 1.081452,3.6034995 0,3.2678391 -0.510003,4.0453278 -2.885739,4.3992298 C 8.617039,9.7384755 8.444559,9.5168442 9.436379,8.182021 9.9201107,7.531003 10.107011,6.981248 9.8821317,6.8708881 9.2331301,6.5523852 7.8645121,4.1915776 7.5145201,2.7868563 7.2209261,1.6084973 7.1793181,1.5707029 7.1402021,2.4468424 c -0.02422,0.5421345 0.5141,1.8725714 1.1962371,2.9565257 l 1.240255,1.9708235 -0.83856,1.1285551 C 8.0473962,9.43237 7.8995762,8.8539837 7.8995762,12.643276 l 0,3.011969 -2.611012,0 -2.6110131,0 z m 2.402534,-5.601709 c -0.746682,0 -0.891043,1.116287 0.08417,1.116287 0.939486,0 0.969509,-1.116287 -0.08417,-1.116287 z"
|
53
|
+
id="path3387"
|
54
|
+
inkscape:connector-curvature="0"
|
55
|
+
sodipodi:nodetypes="ccsssssssssscscssccccccc" />
|
56
|
+
</svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="https://www.linkedin.com/in/{{ include.username }}/"><span class="icon icon--linkedin">{% include icon-linkedin.svg %}</span><span class="username">{{ include.username }}</span></a>
|
@@ -0,0 +1,55 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg
|
3
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
4
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
5
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
6
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
8
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
9
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
10
|
+
viewBox="0 0 16 16"
|
11
|
+
width="16px"
|
12
|
+
height="16px"
|
13
|
+
id="svg2"
|
14
|
+
version="1.1"
|
15
|
+
inkscape:version="0.91 r13725"
|
16
|
+
sodipodi:docname="icon-linkedin.svg">
|
17
|
+
<metadata
|
18
|
+
id="metadata10">
|
19
|
+
<rdf:RDF>
|
20
|
+
<cc:Work
|
21
|
+
rdf:about="">
|
22
|
+
<dc:format>image/svg+xml</dc:format>
|
23
|
+
<dc:type
|
24
|
+
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
25
|
+
</cc:Work>
|
26
|
+
</rdf:RDF>
|
27
|
+
</metadata>
|
28
|
+
<defs
|
29
|
+
id="defs8" />
|
30
|
+
<sodipodi:namedview
|
31
|
+
pagecolor="#ffffff"
|
32
|
+
bordercolor="#666666"
|
33
|
+
borderopacity="1"
|
34
|
+
objecttolerance="10"
|
35
|
+
gridtolerance="10"
|
36
|
+
guidetolerance="10"
|
37
|
+
inkscape:pageopacity="0"
|
38
|
+
inkscape:pageshadow="2"
|
39
|
+
inkscape:window-width="697"
|
40
|
+
inkscape:window-height="729"
|
41
|
+
id="namedview6"
|
42
|
+
showgrid="false"
|
43
|
+
inkscape:zoom="14.75"
|
44
|
+
inkscape:cx="-0.50847458"
|
45
|
+
inkscape:cy="8"
|
46
|
+
inkscape:window-x="0"
|
47
|
+
inkscape:window-y="18"
|
48
|
+
inkscape:window-maximized="0"
|
49
|
+
inkscape:current-layer="svg2" />
|
50
|
+
<path
|
51
|
+
style="fill:#828282"
|
52
|
+
d="m 1.0809399,14.919055 -0.54704007,-0.54704 0,-6.37202 0,-6.37202 0.54704007,-0.54704 0.54704,-0.54704 6.37202,0 6.3720201,0 0.54704,0.54704 0.54704,0.54704 0,6.37202 0,6.37202 -0.54704,0.54704 -0.54704,0.54705 -6.3720201,0 -6.37202,0 -0.54704,-0.54705 z m 3.91034,-5.02467 0,-3.34303 -1.11435,0 -1.11434,0 0,3.34303 0,3.34303 1.11434,0 1.11435,0 0,-3.34303 z m 3.78876,1.12698 c 0,-2.03736 0.0399,-2.24403 0.49533,-2.56299 0.6374403,-0.44648 0.7510601,-0.43776 1.2876201,0.0988 0.38318,0.38317 0.44574,0.74289 0.44574,2.56299 l 0,2.11725 1.11434,0 1.11435,0 0,-2.47289 c 0,-1.8891 -0.0861,-2.61856 -0.36451,-3.08995 -0.77318,-1.30889 -2.43338,-1.72762 -3.5056401,-0.88418 -0.48678,0.38291 -0.58723,0.40197 -0.58723,0.11144 0,-0.272 -0.24953,-0.35048 -1.11434,-0.35048 l -1.11434,0 0,3.34303 0,3.34303 1.11434,0 1.11434,0 0,-2.21605 z m -3.97347,-6.17607 c 0.50748,-0.45926 0.52585,-1.35975 0.0387,-1.89801 -0.7653,-0.84565 -2.30558,-0.25046 -2.30558,0.89092 0,1.19212 1.38331,1.80669 2.26685,1.00709 z"
|
53
|
+
id="path3344"
|
54
|
+
inkscape:connector-curvature="0" />
|
55
|
+
</svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="https://www.xing.com/profile/{{ include.username }}"><span class="icon icon--xing">{% include icon-xing.svg %}</span><span class="username">{{ include.username }}</span></a>
|
@@ -0,0 +1,55 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg
|
3
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
4
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
5
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
6
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
8
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
9
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
10
|
+
viewBox="0 0 16 16"
|
11
|
+
width="16px"
|
12
|
+
height="16px"
|
13
|
+
id="svg2"
|
14
|
+
version="1.1"
|
15
|
+
inkscape:version="0.91 r13725"
|
16
|
+
sodipodi:docname="icon-xing.svg">
|
17
|
+
<metadata
|
18
|
+
id="metadata10">
|
19
|
+
<rdf:RDF>
|
20
|
+
<cc:Work
|
21
|
+
rdf:about="">
|
22
|
+
<dc:format>image/svg+xml</dc:format>
|
23
|
+
<dc:type
|
24
|
+
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
25
|
+
</cc:Work>
|
26
|
+
</rdf:RDF>
|
27
|
+
</metadata>
|
28
|
+
<defs
|
29
|
+
id="defs8" />
|
30
|
+
<sodipodi:namedview
|
31
|
+
pagecolor="#ffffff"
|
32
|
+
bordercolor="#666666"
|
33
|
+
borderopacity="1"
|
34
|
+
objecttolerance="10"
|
35
|
+
gridtolerance="10"
|
36
|
+
guidetolerance="10"
|
37
|
+
inkscape:pageopacity="0"
|
38
|
+
inkscape:pageshadow="2"
|
39
|
+
inkscape:window-width="1020"
|
40
|
+
inkscape:window-height="729"
|
41
|
+
id="namedview6"
|
42
|
+
showgrid="false"
|
43
|
+
inkscape:zoom="14.75"
|
44
|
+
inkscape:cx="8"
|
45
|
+
inkscape:cy="8"
|
46
|
+
inkscape:window-x="0"
|
47
|
+
inkscape:window-y="18"
|
48
|
+
inkscape:window-maximized="0"
|
49
|
+
inkscape:current-layer="svg2" />
|
50
|
+
<path
|
51
|
+
style="fill:#828282;stroke:#828282;stroke-width:0.11726613"
|
52
|
+
d="m 9.7763654,15.718033 c -0.0046,-0.0075 -0.04786,-0.08291 -0.09602,-0.167633 C 9.5913314,15.393825 9.1572714,14.632784 8.6518864,13.74721 8.3353724,13.192588 7.9172964,12.459787 7.5748853,11.859448 7.4469727,11.635182 7.1887605,11.182572 7.0010785,10.853648 6.3653721,9.7395263 6.3261581,9.6704754 6.3272148,9.6670372 6.3278171,9.665121 6.5952617,9.1960422 6.9215864,8.6245787 7.2479107,8.053115 7.7492661,7.175079 8.0357074,6.6733874 8.3221494,6.1716948 8.8405824,5.2637571 9.1877804,4.6557464 9.9120494,3.387411 10.515847,2.3298687 11.205436,1.1218551 c 0.265528,-0.46514461 0.484773,-0.84776161 0.487215,-0.85025811 0.0025,-0.00252 0.816102,-0.00383 1.808135,-0.00301 l 1.803697,0.00153 -0.275942,0.4832663 C 14.876772,1.0191795 14.493398,1.6906194 14.176596,2.2454705 c -0.3168,0.5548516 -0.860063,1.5062835 -1.207251,2.114294 -0.347187,0.6080149 -0.822124,1.439839 -1.055414,1.8485024 -1.073984,1.8813353 -1.747904,3.0615098 -1.855842,3.2499714 -0.1031036,0.1800182 -0.1169396,0.2072536 -0.1120116,0.2204903 0.0031,0.00831 0.1328616,0.2380096 0.2883786,0.5104504 0.155517,0.272442 0.409156,0.716897 0.563643,0.987678 0.154484,0.270779 0.42283,0.74106 0.596323,1.045065 0.173492,0.304005 0.425533,0.745741 0.560091,0.981636 0.134557,0.235895 0.382701,0.670836 0.551431,0.966533 0.168728,0.2957 0.433081,0.759184 0.58745,1.029964 0.15437,0.270781 0.286046,0.501164 0.292613,0.511962 l 0.01195,0.01964 -1.806565,0 -1.8065636,0 -0.0084,-0.01359 z M 0.75678104,10.961775 c 0.031694,-0.05183 0.061294,-0.100084 0.06577,-0.107226 0.00449,-0.0071 0.082214,-0.13531 0.1727508,-0.284821 0.090535,-0.149511 0.18371596,-0.303099 0.20706586,-0.341308 0.02335,-0.03821 0.068756,-0.112963 0.1008973,-0.166122 0.032143,-0.05316 0.097355,-0.1605352 0.1449163,-0.2386126 C 1.4957417,9.7456071 1.5609991,9.6382316 1.5931937,9.585072 1.6253914,9.5319108 1.7318583,9.3565775 1.8297942,9.1954378 2.0011188,8.9135483 2.1291327,8.7027897 2.3288063,8.3738834 2.3802375,8.2891612 2.4447108,8.1831442 2.4720738,8.1382911 2.4994373,8.0934353 2.5646788,7.9860618 2.6170533,7.8996773 2.6694316,7.8132935 2.7346829,7.7059177 2.7620634,7.6610646 2.7894434,7.6162089 2.8547275,7.5088353 2.9071392,7.4224515 2.9931728,7.2806551 3.2226943,6.9027837 3.3368119,6.715065 c 0.02444,-0.040203 0.04444,-0.074872 0.04444,-0.077042 0,-0.00361 -0.04398,-0.081846 -0.21444,-0.3814547 C 3.1327852,6.1967654 3.0417159,6.0363807 2.9644302,5.9001594 2.8871461,5.7639381 2.796091,5.6035544 2.7620853,5.54375 2.7063367,5.4457074 2.6588218,5.36201 2.4945915,5.0725641 2.4663137,5.0227272 2.4099371,4.9235075 2.3693107,4.8520733 2.3286816,4.7806408 2.1982565,4.5509374 2.0794733,4.341623 1.9606906,4.1323081 1.8233487,3.8903728 1.7742695,3.8039882 1.7251927,3.7176044 1.6287234,3.547706 1.5598987,3.4264361 1.4910738,3.3051656 1.4214721,3.1827444 1.4052281,3.1543893 c -0.016244,-0.028355 -0.029537,-0.053501 -0.029537,-0.055879 0,-0.00236 0.7651601,-0.00432 1.7003579,-0.00432 l 1.7003562,0 0.00841,0.013594 c 0.00465,0.00747 0.044528,0.077473 0.088671,0.1555515 0.044144,0.078078 0.1250246,0.2207918 0.1797412,0.3171439 0.054716,0.096351 0.1396179,0.2458625 0.188669,0.3322464 0.049055,0.086384 0.1339662,0.2358949 0.1886965,0.3322453 0.054732,0.096352 0.1859032,0.3274143 0.2914947,0.5134718 0.2104729,0.3708636 0.2711275,0.4776979 0.4047027,0.7128187 0.049077,0.086385 0.1115964,0.1964784 0.1389325,0.2446548 0.2110051,0.3718616 0.3202761,0.5643199 0.4047148,0.7128186 0.05384,0.09469 0.1023898,0.1808751 0.1078823,0.1915216 l 0.00999,0.019359 -0.05055,0.083337 C 6.7099595,6.7687841 6.6334589,6.8946315 6.567758,7.0026128 6.5020572,7.1105924 6.394701,7.2872869 6.3291907,7.3952664 6.2636787,7.5032466 6.1671088,7.6622719 6.1145898,7.7486558 5.9904976,7.9527624 5.8808563,8.1332876 5.7403646,8.364822 5.6396541,8.5307971 5.5833404,8.6234673 5.3897987,8.941722 c -0.027276,0.04485 -0.092519,0.1522294 -0.14498,0.2386133 -0.105321,0.173421 -0.149649,0.2463668 -0.288167,0.4742059 -0.051507,0.084723 -0.1365322,0.2247186 -0.1889406,0.3111033 -0.052405,0.086384 -0.117674,0.1937595 -0.145036,0.2386125 -0.027363,0.04486 -0.1239082,0.203878 -0.2145488,0.353389 -0.090639,0.149511 -0.1959567,0.322807 -0.2340373,0.385104 l -0.069237,0.113265 -1.7028507,0 -1.70285106,0 0.057629,-0.09424 z"
|
53
|
+
id="path5822"
|
54
|
+
inkscape:connector-curvature="0" />
|
55
|
+
</svg>
|
@@ -0,0 +1,20 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
3
|
+
|
4
|
+
{% include head.html %}
|
5
|
+
|
6
|
+
<body>
|
7
|
+
|
8
|
+
{% include header.html %}
|
9
|
+
|
10
|
+
<main class="page-content" aria-label="Content">
|
11
|
+
<div class="wrapper">
|
12
|
+
{{ content }}
|
13
|
+
</div>
|
14
|
+
</main>
|
15
|
+
|
16
|
+
{% include footer.html %}
|
17
|
+
|
18
|
+
</body>
|
19
|
+
|
20
|
+
</html>
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,25 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<div class="home">
|
6
|
+
|
7
|
+
<h1 class="page-heading">Posts</h1>
|
8
|
+
|
9
|
+
{{ content }}
|
10
|
+
|
11
|
+
<ul class="post-list">
|
12
|
+
{% for post in site.posts %}
|
13
|
+
<li>
|
14
|
+
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
|
15
|
+
|
16
|
+
<h2>
|
17
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
18
|
+
</h2>
|
19
|
+
</li>
|
20
|
+
{% endfor %}
|
21
|
+
</ul>
|
22
|
+
|
23
|
+
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
24
|
+
|
25
|
+
</div>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,18 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
5
|
+
|
6
|
+
<header class="post-header">
|
7
|
+
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
8
|
+
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
|
9
|
+
</header>
|
10
|
+
|
11
|
+
<div class="post-content" itemprop="articleBody">
|
12
|
+
{{ content }}
|
13
|
+
</div>
|
14
|
+
|
15
|
+
{% if site.disqus.shortname %}
|
16
|
+
{% include disqus_comments.html %}
|
17
|
+
{% endif %}
|
18
|
+
</article>
|
@@ -0,0 +1,43 @@
|
|
1
|
+
// Define defaults for each variable.
|
2
|
+
|
3
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
4
|
+
$base-font-size: 16px !default;
|
5
|
+
$base-font-weight: 400 !default;
|
6
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
7
|
+
$base-line-height: 1.5 !default;
|
8
|
+
|
9
|
+
$spacing-unit: 30px !default;
|
10
|
+
|
11
|
+
$text-color: #111 !default;
|
12
|
+
$background-color: #fdfdfd !default;
|
13
|
+
$brand-color: #2a7ae2 !default;
|
14
|
+
|
15
|
+
$grey-color: #828282 !default;
|
16
|
+
$grey-color-light: lighten($grey-color, 40%) !default;
|
17
|
+
$grey-color-dark: darken($grey-color, 25%) !default;
|
18
|
+
|
19
|
+
// Width of the content area
|
20
|
+
$content-width: 800px !default;
|
21
|
+
|
22
|
+
$on-palm: 600px !default;
|
23
|
+
$on-laptop: 800px !default;
|
24
|
+
|
25
|
+
// Use media queries like this:
|
26
|
+
// @include media-query($on-palm) {
|
27
|
+
// .wrapper {
|
28
|
+
// padding-right: $spacing-unit / 2;
|
29
|
+
// padding-left: $spacing-unit / 2;
|
30
|
+
// }
|
31
|
+
// }
|
32
|
+
@mixin media-query($device) {
|
33
|
+
@media screen and (max-width: $device) {
|
34
|
+
@content;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
// Import partials.
|
39
|
+
@import
|
40
|
+
"khiekmann-github-io-layout/base",
|
41
|
+
"khiekmann-github-io-layout/layout",
|
42
|
+
"khiekmann-github-io-layout/syntax-highlighting"
|
43
|
+
;
|
@@ -0,0 +1,198 @@
|
|
1
|
+
/**
|
2
|
+
* Reset some basic elements
|
3
|
+
*/
|
4
|
+
body, h1, h2, h3, h4, h5, h6,
|
5
|
+
p, blockquote, pre, hr,
|
6
|
+
dl, dd, ol, ul, figure {
|
7
|
+
margin: 0;
|
8
|
+
padding: 0;
|
9
|
+
}
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
/**
|
14
|
+
* Basic styling
|
15
|
+
*/
|
16
|
+
body {
|
17
|
+
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
18
|
+
color: $text-color;
|
19
|
+
background-color: $background-color;
|
20
|
+
-webkit-text-size-adjust: 100%;
|
21
|
+
-webkit-font-feature-settings: "kern" 1;
|
22
|
+
-moz-font-feature-settings: "kern" 1;
|
23
|
+
-o-font-feature-settings: "kern" 1;
|
24
|
+
font-feature-settings: "kern" 1;
|
25
|
+
font-kerning: normal;
|
26
|
+
}
|
27
|
+
|
28
|
+
|
29
|
+
|
30
|
+
/**
|
31
|
+
* Set `margin-bottom` to maintain vertical rhythm
|
32
|
+
*/
|
33
|
+
h1, h2, h3, h4, h5, h6,
|
34
|
+
p, blockquote, pre,
|
35
|
+
ul, ol, dl, figure,
|
36
|
+
%vertical-rhythm {
|
37
|
+
margin-bottom: $spacing-unit / 2;
|
38
|
+
}
|
39
|
+
|
40
|
+
|
41
|
+
|
42
|
+
/**
|
43
|
+
* Images
|
44
|
+
*/
|
45
|
+
img {
|
46
|
+
max-width: 100%;
|
47
|
+
vertical-align: middle;
|
48
|
+
}
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
/**
|
53
|
+
* Figures
|
54
|
+
*/
|
55
|
+
figure > img {
|
56
|
+
display: block;
|
57
|
+
}
|
58
|
+
|
59
|
+
figcaption {
|
60
|
+
font-size: $small-font-size;
|
61
|
+
}
|
62
|
+
|
63
|
+
|
64
|
+
|
65
|
+
/**
|
66
|
+
* Lists
|
67
|
+
*/
|
68
|
+
ul, ol {
|
69
|
+
margin-left: $spacing-unit;
|
70
|
+
}
|
71
|
+
|
72
|
+
li {
|
73
|
+
> ul,
|
74
|
+
> ol {
|
75
|
+
margin-bottom: 0;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
/**
|
82
|
+
* Headings
|
83
|
+
*/
|
84
|
+
h1, h2, h3, h4, h5, h6 {
|
85
|
+
font-weight: $base-font-weight;
|
86
|
+
}
|
87
|
+
|
88
|
+
|
89
|
+
|
90
|
+
/**
|
91
|
+
* Links
|
92
|
+
*/
|
93
|
+
a {
|
94
|
+
color: $brand-color;
|
95
|
+
text-decoration: none;
|
96
|
+
|
97
|
+
&:visited {
|
98
|
+
color: darken($brand-color, 15%);
|
99
|
+
}
|
100
|
+
|
101
|
+
&:hover {
|
102
|
+
color: $text-color;
|
103
|
+
text-decoration: underline;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
/**
|
110
|
+
* Blockquotes
|
111
|
+
*/
|
112
|
+
blockquote {
|
113
|
+
color: $grey-color;
|
114
|
+
border-left: 4px solid $grey-color-light;
|
115
|
+
padding-left: $spacing-unit / 2;
|
116
|
+
font-size: 18px;
|
117
|
+
letter-spacing: -1px;
|
118
|
+
font-style: italic;
|
119
|
+
|
120
|
+
> :last-child {
|
121
|
+
margin-bottom: 0;
|
122
|
+
}
|
123
|
+
}
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
/**
|
128
|
+
* Code formatting
|
129
|
+
*/
|
130
|
+
pre,
|
131
|
+
code {
|
132
|
+
font-size: 15px;
|
133
|
+
border: 1px solid $grey-color-light;
|
134
|
+
border-radius: 3px;
|
135
|
+
background-color: #eef;
|
136
|
+
}
|
137
|
+
|
138
|
+
code {
|
139
|
+
padding: 1px 5px;
|
140
|
+
}
|
141
|
+
|
142
|
+
pre {
|
143
|
+
padding: 8px 12px;
|
144
|
+
overflow-x: auto;
|
145
|
+
|
146
|
+
> code {
|
147
|
+
border: 0;
|
148
|
+
padding-right: 0;
|
149
|
+
padding-left: 0;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
/**
|
156
|
+
* Wrapper
|
157
|
+
*/
|
158
|
+
.wrapper {
|
159
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
160
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
161
|
+
margin-right: auto;
|
162
|
+
margin-left: auto;
|
163
|
+
padding-right: $spacing-unit;
|
164
|
+
padding-left: $spacing-unit;
|
165
|
+
@extend %clearfix;
|
166
|
+
|
167
|
+
@include media-query($on-laptop) {
|
168
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
|
169
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
170
|
+
padding-right: $spacing-unit / 2;
|
171
|
+
padding-left: $spacing-unit / 2;
|
172
|
+
}
|
173
|
+
}
|
174
|
+
|
175
|
+
|
176
|
+
|
177
|
+
/**
|
178
|
+
* Clearfix
|
179
|
+
*/
|
180
|
+
%clearfix:after {
|
181
|
+
content: "";
|
182
|
+
display: table;
|
183
|
+
clear: both;
|
184
|
+
}
|
185
|
+
|
186
|
+
|
187
|
+
|
188
|
+
/**
|
189
|
+
* Icons
|
190
|
+
*/
|
191
|
+
.icon > svg {
|
192
|
+
display: inline-block;
|
193
|
+
vertical-align: middle;
|
194
|
+
|
195
|
+
path {
|
196
|
+
fill: $grey-color;
|
197
|
+
}
|
198
|
+
}
|
@@ -0,0 +1,237 @@
|
|
1
|
+
/**
|
2
|
+
* Site header
|
3
|
+
*/
|
4
|
+
.site-header {
|
5
|
+
border-top: 5px solid $grey-color-dark;
|
6
|
+
border-bottom: 1px solid $grey-color-light;
|
7
|
+
min-height: 56px;
|
8
|
+
|
9
|
+
// Positioning context for the mobile navigation icon
|
10
|
+
position: relative;
|
11
|
+
}
|
12
|
+
|
13
|
+
.site-title {
|
14
|
+
font-size: 26px;
|
15
|
+
font-weight: 300;
|
16
|
+
line-height: 56px;
|
17
|
+
letter-spacing: -1px;
|
18
|
+
margin-bottom: 0;
|
19
|
+
float: left;
|
20
|
+
|
21
|
+
&,
|
22
|
+
&:visited {
|
23
|
+
color: $grey-color-dark;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
.site-nav {
|
28
|
+
float: right;
|
29
|
+
line-height: 56px;
|
30
|
+
|
31
|
+
.menu-icon {
|
32
|
+
display: none;
|
33
|
+
}
|
34
|
+
|
35
|
+
.page-link {
|
36
|
+
color: $text-color;
|
37
|
+
line-height: $base-line-height;
|
38
|
+
|
39
|
+
// Gaps between nav items, but not on the last one
|
40
|
+
&:not(:last-child) {
|
41
|
+
margin-right: 20px;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@include media-query($on-palm) {
|
46
|
+
position: absolute;
|
47
|
+
top: 9px;
|
48
|
+
right: $spacing-unit / 2;
|
49
|
+
background-color: $background-color;
|
50
|
+
border: 1px solid $grey-color-light;
|
51
|
+
border-radius: 5px;
|
52
|
+
text-align: right;
|
53
|
+
|
54
|
+
.menu-icon {
|
55
|
+
display: block;
|
56
|
+
float: right;
|
57
|
+
width: 36px;
|
58
|
+
height: 26px;
|
59
|
+
line-height: 0;
|
60
|
+
padding-top: 10px;
|
61
|
+
text-align: center;
|
62
|
+
|
63
|
+
> svg path {
|
64
|
+
fill: $grey-color-dark;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
.trigger {
|
69
|
+
clear: both;
|
70
|
+
display: none;
|
71
|
+
}
|
72
|
+
|
73
|
+
&:hover .trigger {
|
74
|
+
display: block;
|
75
|
+
padding-bottom: 5px;
|
76
|
+
}
|
77
|
+
|
78
|
+
.page-link {
|
79
|
+
display: block;
|
80
|
+
padding: 5px 10px;
|
81
|
+
|
82
|
+
&:not(:last-child) {
|
83
|
+
margin-right: 0;
|
84
|
+
}
|
85
|
+
margin-left: 20px;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
|
91
|
+
|
92
|
+
/**
|
93
|
+
* Site footer
|
94
|
+
*/
|
95
|
+
.site-footer {
|
96
|
+
border-top: 1px solid $grey-color-light;
|
97
|
+
padding: $spacing-unit 0;
|
98
|
+
}
|
99
|
+
|
100
|
+
.footer-heading {
|
101
|
+
font-size: 18px;
|
102
|
+
margin-bottom: $spacing-unit / 2;
|
103
|
+
}
|
104
|
+
|
105
|
+
.contact-list,
|
106
|
+
.social-media-list {
|
107
|
+
list-style: none;
|
108
|
+
margin-left: 0;
|
109
|
+
}
|
110
|
+
|
111
|
+
.footer-col-wrapper {
|
112
|
+
font-size: 15px;
|
113
|
+
color: $grey-color;
|
114
|
+
margin-left: -$spacing-unit / 2;
|
115
|
+
@extend %clearfix;
|
116
|
+
}
|
117
|
+
|
118
|
+
.footer-col {
|
119
|
+
float: left;
|
120
|
+
margin-bottom: $spacing-unit / 2;
|
121
|
+
padding-left: $spacing-unit / 2;
|
122
|
+
}
|
123
|
+
|
124
|
+
.footer-col-1 {
|
125
|
+
width: -webkit-calc(30% - (#{$spacing-unit} / 2));
|
126
|
+
width: calc(30% - (#{$spacing-unit} / 2));
|
127
|
+
}
|
128
|
+
|
129
|
+
.footer-col-2 {
|
130
|
+
width: -webkit-calc(25% - (#{$spacing-unit} / 2));
|
131
|
+
width: calc(25% - (#{$spacing-unit} / 2));
|
132
|
+
}
|
133
|
+
|
134
|
+
.footer-col-3 {
|
135
|
+
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
136
|
+
width: calc(45% - (#{$spacing-unit} / 2));
|
137
|
+
}
|
138
|
+
|
139
|
+
@include media-query($on-laptop) {
|
140
|
+
.footer-col-1,
|
141
|
+
.footer-col-2 {
|
142
|
+
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
143
|
+
width: calc(50% - (#{$spacing-unit} / 2));
|
144
|
+
}
|
145
|
+
|
146
|
+
.footer-col-3 {
|
147
|
+
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
148
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
149
|
+
}
|
150
|
+
}
|
151
|
+
|
152
|
+
@include media-query($on-palm) {
|
153
|
+
.footer-col {
|
154
|
+
float: none;
|
155
|
+
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
156
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
157
|
+
}
|
158
|
+
}
|
159
|
+
|
160
|
+
|
161
|
+
|
162
|
+
/**
|
163
|
+
* Page content
|
164
|
+
*/
|
165
|
+
.page-content {
|
166
|
+
padding: $spacing-unit 0;
|
167
|
+
}
|
168
|
+
|
169
|
+
.page-heading {
|
170
|
+
font-size: 20px;
|
171
|
+
}
|
172
|
+
|
173
|
+
.post-list {
|
174
|
+
margin-left: 0;
|
175
|
+
list-style: none;
|
176
|
+
|
177
|
+
> li {
|
178
|
+
margin-bottom: $spacing-unit;
|
179
|
+
}
|
180
|
+
}
|
181
|
+
|
182
|
+
.post-meta {
|
183
|
+
font-size: $small-font-size;
|
184
|
+
color: $grey-color;
|
185
|
+
}
|
186
|
+
|
187
|
+
.post-link {
|
188
|
+
display: block;
|
189
|
+
font-size: 24px;
|
190
|
+
}
|
191
|
+
|
192
|
+
|
193
|
+
|
194
|
+
/**
|
195
|
+
* Posts
|
196
|
+
*/
|
197
|
+
.post-header {
|
198
|
+
margin-bottom: $spacing-unit;
|
199
|
+
}
|
200
|
+
|
201
|
+
.post-title {
|
202
|
+
font-size: 42px;
|
203
|
+
letter-spacing: -1px;
|
204
|
+
line-height: 1;
|
205
|
+
|
206
|
+
@include media-query($on-laptop) {
|
207
|
+
font-size: 36px;
|
208
|
+
}
|
209
|
+
}
|
210
|
+
|
211
|
+
.post-content {
|
212
|
+
margin-bottom: $spacing-unit;
|
213
|
+
|
214
|
+
h2 {
|
215
|
+
font-size: 32px;
|
216
|
+
|
217
|
+
@include media-query($on-laptop) {
|
218
|
+
font-size: 28px;
|
219
|
+
}
|
220
|
+
}
|
221
|
+
|
222
|
+
h3 {
|
223
|
+
font-size: 26px;
|
224
|
+
|
225
|
+
@include media-query($on-laptop) {
|
226
|
+
font-size: 22px;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
h4 {
|
231
|
+
font-size: 20px;
|
232
|
+
|
233
|
+
@include media-query($on-laptop) {
|
234
|
+
font-size: 18px;
|
235
|
+
}
|
236
|
+
}
|
237
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/**
|
2
|
+
* Syntax highlighting styles
|
3
|
+
*/
|
4
|
+
.highlight {
|
5
|
+
background: #fff;
|
6
|
+
@extend %vertical-rhythm;
|
7
|
+
|
8
|
+
.highlighter-rouge & {
|
9
|
+
background: #eef;
|
10
|
+
}
|
11
|
+
|
12
|
+
.c { color: #998; font-style: italic } // Comment
|
13
|
+
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
14
|
+
.k { font-weight: bold } // Keyword
|
15
|
+
.o { font-weight: bold } // Operator
|
16
|
+
.cm { color: #998; font-style: italic } // Comment.Multiline
|
17
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
18
|
+
.c1 { color: #998; font-style: italic } // Comment.Single
|
19
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
20
|
+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
21
|
+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
22
|
+
.ge { font-style: italic } // Generic.Emph
|
23
|
+
.gr { color: #a00 } // Generic.Error
|
24
|
+
.gh { color: #999 } // Generic.Heading
|
25
|
+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
26
|
+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
27
|
+
.go { color: #888 } // Generic.Output
|
28
|
+
.gp { color: #555 } // Generic.Prompt
|
29
|
+
.gs { font-weight: bold } // Generic.Strong
|
30
|
+
.gu { color: #aaa } // Generic.Subheading
|
31
|
+
.gt { color: #a00 } // Generic.Traceback
|
32
|
+
.kc { font-weight: bold } // Keyword.Constant
|
33
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
34
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
35
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
36
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
37
|
+
.m { color: #099 } // Literal.Number
|
38
|
+
.s { color: #d14 } // Literal.String
|
39
|
+
.na { color: #008080 } // Name.Attribute
|
40
|
+
.nb { color: #0086B3 } // Name.Builtin
|
41
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
42
|
+
.no { color: #008080 } // Name.Constant
|
43
|
+
.ni { color: #800080 } // Name.Entity
|
44
|
+
.ne { color: #900; font-weight: bold } // Name.Exception
|
45
|
+
.nf { color: #900; font-weight: bold } // Name.Function
|
46
|
+
.nn { color: #555 } // Name.Namespace
|
47
|
+
.nt { color: #000080 } // Name.Tag
|
48
|
+
.nv { color: #008080 } // Name.Variable
|
49
|
+
.ow { font-weight: bold } // Operator.Word
|
50
|
+
.w { color: #bbb } // Text.Whitespace
|
51
|
+
.mf { color: #099 } // Literal.Number.Float
|
52
|
+
.mh { color: #099 } // Literal.Number.Hex
|
53
|
+
.mi { color: #099 } // Literal.Number.Integer
|
54
|
+
.mo { color: #099 } // Literal.Number.Oct
|
55
|
+
.sb { color: #d14 } // Literal.String.Backtick
|
56
|
+
.sc { color: #d14 } // Literal.String.Char
|
57
|
+
.sd { color: #d14 } // Literal.String.Doc
|
58
|
+
.s2 { color: #d14 } // Literal.String.Double
|
59
|
+
.se { color: #d14 } // Literal.String.Escape
|
60
|
+
.sh { color: #d14 } // Literal.String.Heredoc
|
61
|
+
.si { color: #d14 } // Literal.String.Interpol
|
62
|
+
.sx { color: #d14 } // Literal.String.Other
|
63
|
+
.sr { color: #009926 } // Literal.String.Regex
|
64
|
+
.s1 { color: #d14 } // Literal.String.Single
|
65
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
66
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
67
|
+
.vc { color: #008080 } // Name.Variable.Class
|
68
|
+
.vg { color: #008080 } // Name.Variable.Global
|
69
|
+
.vi { color: #008080 } // Name.Variable.Instance
|
70
|
+
.il { color: #099 } // Literal.Number.Integer.Long
|
71
|
+
}
|
data/assets/main.scss
ADDED
@@ -0,0 +1,39 @@
|
|
1
|
+
---
|
2
|
+
# Only the main Sass file needs front matter (the dashes are enough)
|
3
|
+
---
|
4
|
+
@charset "utf-8";
|
5
|
+
|
6
|
+
// Our variables
|
7
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
8
|
+
$base-font-size: 16px;
|
9
|
+
$base-font-weight: 400;
|
10
|
+
$small-font-size: $base-font-size * 0.875;
|
11
|
+
$base-line-height: 1.5;
|
12
|
+
|
13
|
+
$spacing-unit: 30px;
|
14
|
+
|
15
|
+
$text-color: #111;
|
16
|
+
$background-color: #fdfdfd;
|
17
|
+
$brand-color: #2a7ae2;
|
18
|
+
|
19
|
+
$grey-color: #828282;
|
20
|
+
$grey-color-light: lighten($grey-color, 40%);
|
21
|
+
$grey-color-dark: darken($grey-color, 25%);
|
22
|
+
|
23
|
+
// Width of the content area
|
24
|
+
$content-width: 800px;
|
25
|
+
|
26
|
+
$on-palm: 600px;
|
27
|
+
$on-laptop: 800px;
|
28
|
+
|
29
|
+
// Minima also includes a mixin for defining media queries.
|
30
|
+
// Use media queries like this:
|
31
|
+
// @include media-query($on-palm) {
|
32
|
+
// .wrapper {
|
33
|
+
// padding-right: $spacing-unit / 2;
|
34
|
+
// padding-left: $spacing-unit / 2;
|
35
|
+
// }
|
36
|
+
// }
|
37
|
+
|
38
|
+
// Import partials from the `minima` theme.
|
39
|
+
@import "khiekmann-github-io-layout";
|
metadata
ADDED
@@ -0,0 +1,113 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: khiekmann-github-io-layout
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.5
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- khiekmann
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2017-04-10 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: jekyll
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.4'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.4'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: bundler
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '1.12'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '1.12'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: rake
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '10.0'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '10.0'
|
55
|
+
description:
|
56
|
+
email:
|
57
|
+
- khiekmann-github-io-layout@fnordbedarf.de
|
58
|
+
executables: []
|
59
|
+
extensions: []
|
60
|
+
extra_rdoc_files: []
|
61
|
+
files:
|
62
|
+
- LICENSE
|
63
|
+
- README.md
|
64
|
+
- _includes/disqus_comments.html
|
65
|
+
- _includes/footer.html
|
66
|
+
- _includes/google-analytics.html
|
67
|
+
- _includes/head.html
|
68
|
+
- _includes/header.html
|
69
|
+
- _includes/icon-github.html
|
70
|
+
- _includes/icon-github.svg
|
71
|
+
- _includes/icon-gulp.html
|
72
|
+
- _includes/icon-gulp.svg
|
73
|
+
- _includes/icon-linkedin.html
|
74
|
+
- _includes/icon-linkedin.svg
|
75
|
+
- _includes/icon-twitter.html
|
76
|
+
- _includes/icon-twitter.svg
|
77
|
+
- _includes/icon-xing.html
|
78
|
+
- _includes/icon-xing.svg
|
79
|
+
- _layouts/default.html
|
80
|
+
- _layouts/home.html
|
81
|
+
- _layouts/page.html
|
82
|
+
- _layouts/post.html
|
83
|
+
- _sass/khiekmann-github-io-layout.scss
|
84
|
+
- _sass/khiekmann-github-io-layout/_base.scss
|
85
|
+
- _sass/khiekmann-github-io-layout/_layout.scss
|
86
|
+
- _sass/khiekmann-github-io-layout/_syntax-highlighting.scss
|
87
|
+
- assets/main.scss
|
88
|
+
homepage: https://github.com/khiekmann/khiekmann.github.io.layout
|
89
|
+
licenses:
|
90
|
+
- MIT
|
91
|
+
metadata: {}
|
92
|
+
post_install_message:
|
93
|
+
rdoc_options: []
|
94
|
+
require_paths:
|
95
|
+
- lib
|
96
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
97
|
+
requirements:
|
98
|
+
- - ">="
|
99
|
+
- !ruby/object:Gem::Version
|
100
|
+
version: '0'
|
101
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
102
|
+
requirements:
|
103
|
+
- - ">="
|
104
|
+
- !ruby/object:Gem::Version
|
105
|
+
version: '0'
|
106
|
+
requirements: []
|
107
|
+
rubyforge_project:
|
108
|
+
rubygems_version: 2.6.8
|
109
|
+
signing_key:
|
110
|
+
specification_version: 4
|
111
|
+
summary: "*khiekmann.github.io.layout is a Minima-based one-size-fits-all Jekyll theme
|
112
|
+
for khiekmann.github.io*"
|
113
|
+
test_files: []
|