bunto-swiss 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 298d7b48c95891173fe27a93fb75f175abf5bed2d94f749ec325cc85dbb7dd39
4
+ data.tar.gz: '08423d53708bce524d9ecec8dbf1057aaed8abef33796147940606315acfa92d'
5
+ SHA512:
6
+ metadata.gz: 7019b2619389bfab933f35fe969a35849c20b67910479a4dde565fc6270cff9928a47ccc59ceeb5929b456dac422bd4a1ec7bfa58aab999efec7b84500c12175
7
+ data.tar.gz: 40fa8d26bc54373487090eed3aa8574806ccc833b87dcd56f49829e430972b139a54a5278b0a1d55cb183adf854a2b9569b0e771750a6801e82850848121014b
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016-present broccolini
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
13
+ all 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
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,62 @@
1
+ # :construction: WIP :construction: Swiss Bunto Theme
2
+
3
+ Swiss is a bold Bunto theme inspired by Swiss design and the works of Massimo Vignelli. This theme lends itself well to sites heavy on written content.
4
+
5
+ ### Features:
6
+ * Mobile-first design ensures this theme performs fastest on mobile while scaling elegantly to desktop-size screens.
7
+ * Designed for blogs and sites heavy on written content, with bold typography styles, homepage summaries, and previous/next snippets.
8
+ * Supports a wide range of HTML elements and markdown.
9
+ * Flexible styles that can be reused for customization without adding additional CSS.
10
+ * Dynamically generated navigation links. See docs for adding pages with specific post category for-loops.
11
+
12
+ ## Installation
13
+
14
+ Add this line to your Bunto site's Gemfile:
15
+
16
+ ```ruby
17
+ gem "bunto-swiss"
18
+ ```
19
+
20
+ And add this line to your Bunto site:
21
+
22
+ ```yaml
23
+ theme: bunto-swiss
24
+ ```
25
+
26
+ And then execute:
27
+
28
+ $ bundle
29
+
30
+ Or install it yourself as:
31
+
32
+ $ gem install bunto-swiss
33
+
34
+ ## Usage
35
+ This theme comes in eight different color variations. The default is set to the black theme, to change to a different theme edit the config under `theme-color: black` to one of the following colors:
36
+
37
+ | | |
38
+ | --- | --- |
39
+ | `theme-color: black` | `theme-color: red` |
40
+ | <img width="330" alt="black" src="https://cloud.githubusercontent.com/assets/334891/18476835/8d70b330-7999-11e6-8c84-a558906d636e.png"> | <img width="330" alt="red" src="https://cloud.githubusercontent.com/assets/334891/18477185/c53af09a-799a-11e6-9354-b9bf1a7f1826.png"> |
41
+ | `theme-color: white` | `theme-color: gray` |
42
+ | <img width="330" alt="white" src="https://cloud.githubusercontent.com/assets/334891/18477206/d9dc55fc-799a-11e6-89f2-b4ae150caa80.png"> | <img width="330" alt="gray" src="https://cloud.githubusercontent.com/assets/334891/18477058/4e61700c-799a-11e6-80a0-805e57f2563e.png"> |
43
+ | `theme-color: blue` | `theme-color: pink` |
44
+ | <img width="330" alt="blue" src="https://cloud.githubusercontent.com/assets/334891/18477240/f03646d2-799a-11e6-8895-25b37d3a1438.png"> | <img width="330" alt="pink" src="https://cloud.githubusercontent.com/assets/334891/18477252/fb2f5128-799a-11e6-8c8f-e79d9c1884b7.png"> |
45
+ | `theme-color: orange` | `theme-color: yellow` |
46
+ | <img width="330" alt="orange" src="https://cloud.githubusercontent.com/assets/334891/18477265/06e302bc-799b-11e6-970e-6461b2a89c57.png"> | <img width="330" alt="yellow" src="https://cloud.githubusercontent.com/assets/334891/18477278/117347aa-799b-11e6-83a8-f82341c143e0.png"> |
47
+
48
+ ## Contributing
49
+
50
+ Bug reports and pull requests are welcome on GitHub at https://github.com/bunto/bunto-swiss. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://contributor-covenant.org) code of conduct.
51
+
52
+ ## Development
53
+
54
+ To set up your environment to develop this theme, run `bundle install`.
55
+
56
+ You theme is setup just like a normal Jelyll site! To test your theme, run `bundle exec bunto serve` and open your browser at `http://localhost:4000`. This starts a Bunto 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.
57
+
58
+ When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
59
+
60
+ ## License
61
+
62
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -0,0 +1,3 @@
1
+ <svg height="32" class="header-social-accent" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
2
+ <circle cx="8" cy="8" r="8"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
2
+ <circle cx="8" cy="8" r="8"/>
3
+ </svg>
@@ -0,0 +1,5 @@
1
+ <a href="https://dribbble.com/{{ site.social_username }}" title="Follow me on Dribbble" class="link-social block">
2
+ <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
3
+ <path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/>
4
+ </svg>
5
+ </a>
@@ -0,0 +1,13 @@
1
+ <div class="border-top-thin clearfix mt-2 mt-lg-4">
2
+ <div class="container mx-auto px-2">
3
+ <p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/{{ site.github_username }}">{{ site.github_username }}</a></p>
4
+ <ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
5
+ <li class="inline-block mr-1">
6
+ <a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="{{ site.title }}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
7
+ </li>
8
+ <li class="inline-block">
9
+ <a class="github-button" href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" data-icon="octicon-star" data-count-href="{{ site.github_username }}/{{ github_repo }}/stargazers" data-count-api="/repos/{{ site.github_username }}/{{ github_repo }}#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star {{ site.github_username }}/{{ github_repo }} on GitHub">Star</a>
10
+ </li>
11
+ </ul>
12
+ </div>
13
+ </div>
@@ -0,0 +1,4 @@
1
+ <a href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" title="Fork me on GitHub" class="link-social block">
2
+ <svg height="32" class="octicon octicon-mark-github header-social" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
3
+ </svg>
4
+ </a>
@@ -0,0 +1,17 @@
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="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8
+
9
+ {% assign user_url = site.url | append: site.baseurl %}
10
+ {% assign full_base_url = user_url | default: site.github.url %}
11
+ <link rel="stylesheet" href="{{ "/assets/style.css" | prepend: full_base_url }}">
12
+
13
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
14
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
15
+
16
+ <script async defer src="https://buttons.github.io/buttons.js"></script>
17
+ </head>
@@ -0,0 +1,20 @@
1
+ <header class="border-bottom-thick px-2 clearfix">
2
+ <div class="left sm-width-full py-1 mt-1 mt-lg-0">
3
+ <a class="align-middle link-primary text-accent" href="{{ site.baseurl }}/">
4
+ {{ site.title }}
5
+ </a>
6
+ </div>
7
+ <div class="right sm-width-full">
8
+ <ul class="list-reset mt-lg-1 mb-2 mb-lg-1">
9
+ {% for my_page in site.pages %}
10
+ {% if my_page.title %}
11
+ <li class="inline-block">
12
+ <a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="{{ my_page.url | prepend: site.baseurl }}">
13
+ {{ my_page.title }}
14
+ </a>
15
+ </li>
16
+ {% endif %}
17
+ {% endfor %}
18
+ </ul>
19
+ </div>
20
+ </header>
@@ -0,0 +1,18 @@
1
+ <a href="https://www.instagram.com/{{ site.social_username }}" title="Follow me on Instagram" class="link-social block">
2
+ <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
3
+ <g>
4
+ <path d="M11.9,5.1c-0.1-0.2-0.2-0.4-0.4-0.6s-0.3-0.3-0.6-0.4C10.8,4,10.5,4,10,3.9c-0.5,0-0.7,0-2,0s-1.5,0-2,0
5
+ C5.5,4,5.2,4,5.1,4.1C4.8,4.2,4.7,4.3,4.5,4.5S4.2,4.8,4.1,5.1C4,5.2,4,5.5,3.9,6c0,0.5,0,0.7,0,2s0,1.5,0,2c0,0.5,0.1,0.8,0.2,0.9
6
+ c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.3,0.3,0.6,0.4C5.2,12,5.5,12,6,12.1c0.5,0,0.7,0,2,0c1.3,0,1.5,0,2,0c0.5,0,0.8-0.1,0.9-0.2
7
+ c0.2-0.1,0.4-0.2,0.6-0.4s0.3-0.3,0.4-0.6c0.1-0.2,0.2-0.4,0.2-0.9c0-0.5,0-0.7,0-2s0-1.5,0-2C12,5.5,12,5.2,11.9,5.1z M8,10.6
8
+ c-1.4,0-2.6-1.1-2.6-2.6c0-1.4,1.1-2.6,2.6-2.6c1.4,0,2.6,1.1,2.6,2.6C10.6,9.4,9.4,10.6,8,10.6z M10.7,5.9c-0.3,0-0.6-0.3-0.6-0.6
9
+ s0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6S11,5.9,10.7,5.9z"/>
10
+ <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M13,10.1c0,0.5-0.1,0.9-0.2,1.2c-0.1,0.3-0.3,0.6-0.6,0.9
11
+ c-0.3,0.3-0.6,0.4-0.9,0.6c-0.3,0.1-0.7,0.2-1.2,0.2c-0.5,0-0.7,0-2.1,0s-1.5,0-2.1,0c-0.5,0-0.9-0.1-1.2-0.2
12
+ c-0.3-0.1-0.6-0.3-0.9-0.6c-0.3-0.3-0.4-0.6-0.6-0.9C3.1,11,3.1,10.6,3,10.1C3,9.5,3,9.4,3,8s0-1.5,0-2.1c0-0.5,0.1-0.9,0.2-1.2
13
+ c0.1-0.3,0.3-0.6,0.6-0.9c0.3-0.3,0.6-0.4,0.9-0.6C5,3.1,5.4,3.1,5.9,3C6.5,3,6.6,3,8,3s1.5,0,2.1,0c0.5,0,0.9,0.1,1.2,0.2
14
+ c0.3,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.4,0.6,0.6,0.9C12.9,5,12.9,5.4,13,5.9c0,0.5,0,0.7,0,2.1S13,9.5,13,10.1z"/>
15
+ <circle cx="8" cy="8" r="1.7"/>
16
+ </g>
17
+ </svg>
18
+ </a>
@@ -0,0 +1,9 @@
1
+ <a href="https://medium.com/@{{ site.social_username }}" title="Follow me on Medium" class="link-social block">
2
+ <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
3
+ <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M6.3,12.1c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.1,0-0.2-0.1l-2.6-1.3
4
+ C3.1,11.1,3,10.9,3,10.7V4.3c0-0.2,0.1-0.3,0.2-0.3c0,0,0.1,0,0.2,0l0.1,0h0l2.9,1.4c0,0,0,0,0,0V12.1z M9.3,10.8L9,10.7L7,9.6v-3
5
+ l0.2,0.3l0.2,0.3l0.2,0.3L9,10l0,0l0.3,0.5L9.7,11L9.3,10.8z M9.7,9.8L9.3,9.3L9,8.8L7.8,6.9L9,4.9l0.3-0.5l0.2-0.2
6
+ C9.6,4.1,9.7,4,9.8,4c0,0,0,0,0,0c0,0,0.1,0,0.1,0l3,1.5c0,0,0,0,0,0l0,0c0,0,0,0,0,0.1L10,10.4L9.7,9.8z M13,12.1
7
+ c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.2,0-0.3-0.1l-1.7-0.9l-0.5-0.2l0.2-0.3h0L13,6.8V12.1z"/>
8
+ </svg>
9
+ </a>
@@ -0,0 +1,8 @@
1
+ <!-- Renders post date, title, and snippet of text. -->
2
+ <div class="py-2 mb-2 prose">
3
+ <a class="no-underline h5 bold text-accent" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.date | date: "%b %-d, %Y" }}</a>
4
+ <h2 class="h1 lh-condensed col-9 mt-0">
5
+ <a class="link-primary" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
6
+ </h2>
7
+ <p>{{ post.content | strip_html | truncatewords:30 }}</p>
8
+ </div>
@@ -0,0 +1,21 @@
1
+ <!-- Use if you want to show previous and next for all posts. -->
2
+ {% assign user_url = site.url | append: site.baseurl %}
3
+ {% assign full_base_url = user_url | default: site.github.url %}
4
+ {% if page.previous.url %}
5
+ <div class="col-4 sm-width-full left mr-lg-4 mt-3">
6
+ <a class="no-underline border-top-thin py-1 block" href="{{ page.previous.url | prepend: full_base_url }}">
7
+ <span class="h5 bold text-accent">Previous</span>
8
+ <p class="bold h3 link-primary mb-1">{{ page.previous.title }}</p>
9
+ <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
10
+ </a>
11
+ </div>
12
+ {% endif %}
13
+ {% if page.next.url %}
14
+ <div class="col-4 sm-width-full left mt-3">
15
+ <a class="no-underline border-top-thin py-1 block" href="{{ page.next.url | prepend: full_base_url }}">
16
+ <span class="h5 bold text-accent">Next</span>
17
+ <p class="bold h3 link-primary mb-1">{{ page.next.title }}</p>
18
+ <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
19
+ </a>
20
+ </div>
21
+ {% endif %}
@@ -0,0 +1,39 @@
1
+ <!-- Use if you want to show previous and next for posts within a category. -->
2
+ {% if page.categories %}
3
+ {% assign category = page.categories[0] %}
4
+ {% assign posts = site.categories[category] %}
5
+ {% for post in posts %}
6
+ {% if post.url == page.url %}
7
+ {% assign post_index0 = forloop.index0 %}
8
+ {% assign post_index1 = forloop.index %}
9
+ {% endif %}
10
+ {% endfor %}
11
+ {% for post in posts %}
12
+ {% if post_index0 == forloop.index %}
13
+ {% assign next_post = post %}
14
+ {% endif %}
15
+ {% if post_index1 == forloop.index0 %}
16
+ {% assign prev_post = post %}
17
+ {% endif %}
18
+ {% endfor %}
19
+ {% endif %}
20
+ {% assign user_url = site.url | append: site.baseurl %}
21
+ {% assign full_base_url = user_url | default: site.github.url %}
22
+ {% if prev_post %}
23
+ <div class="col-4 sm-width-full left mr-lg-4 mt-3">
24
+ <a class="no-underline border-top-thin py-1 block" href="{{ prev_post.url | prepend: full_base_url }}">
25
+ <span class="h5 bold text-accent">Previous</span>
26
+ <p class="bold h3 link-primary mb-1">{{ prev_post.title }}</p>
27
+ <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
28
+ </a>
29
+ </div>
30
+ {% endif %}
31
+ {% if next_post %}
32
+ <div class="col-4 sm-width-full left mt-3">
33
+ <a class="no-underline border-top-thin py-1 block" href="{{ next_post.url | prepend: full_base_url }}">
34
+ <span class="h5 bold text-accent">Next</span>
35
+ <p class="bold h3 link-primary mb-1">{{ next_post.title }}</p>
36
+ <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
37
+ </a>
38
+ </div>
39
+ {% endif %}
@@ -0,0 +1,9 @@
1
+ <a href="https://twitter.com/{{ site.social_username }}" title="Follow me on twitter" class="link-social block">
2
+ <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
3
+ <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
4
+ c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1
5
+ c-0.9-0.2-1.6-1-1.6-2v0C3.7,6.9,4,7,4.3,7.1c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.1-0.7,0.3-1c1,1.2,2.5,2.1,4.2,2.1
6
+ c0-0.2-0.1-0.3-0.1-0.5c0-1.1,0.9-2,2.1-2c0.6,0,1.1,0.2,1.5,0.6c0.5-0.1,0.9-0.3,1.3-0.5c-0.2,0.5-0.5,0.9-0.9,1.1
7
+ c0.4,0,0.8-0.2,1.2-0.3h0C12.7,5.3,12.4,5.7,12,6z"/>
8
+ </svg>
9
+ </a>
@@ -0,0 +1,18 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
5
+ <h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">{{ page.title }}</h1>
6
+ <div class="col-4 sm-width-full mt-1 border-top-thin ">
7
+ <p class="mb-3 py-2 bold h4"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
8
+ </div>
9
+
10
+ <div class="prose" itemprop="articleBody">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
15
+
16
+ <div class="container mx-auto px-2 py-2 clearfix">
17
+ {% include previous-next_has-categories.html %}
18
+ </div>
@@ -0,0 +1,13 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {% if page.category_name %}
6
+ {% assign category_name = page.category_name %}
7
+ {% endif %}
8
+
9
+ <div class="container mx-auto">
10
+ {% for post in site.categories[category_name] %}
11
+ {% include post_block.html %}
12
+ {% endfor %}
13
+ </div>
@@ -0,0 +1,18 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ {% include head.html %}
5
+
6
+ <body>
7
+
8
+ {% include header.html %}
9
+
10
+ <div>
11
+ {{ content }}
12
+ </div>
13
+
14
+ {% include footer.html %}
15
+
16
+ </body>
17
+
18
+ </html>
@@ -0,0 +1,69 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ {% include head.html %}
5
+
6
+ <body>
7
+
8
+ <div>
9
+
10
+ <header class="header-background">
11
+
12
+ <div class="clearfix border-bottom-thick header-border">
13
+ <ul class="list-reset right py-1 header-text font-smoothing">
14
+ {% for my_page in site.pages %}
15
+ {% if my_page.title %}
16
+ <li class="inline-block">
17
+ <a class="align-middle link-primary header-link mr-2" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
18
+ </li>
19
+ {% endif %}
20
+ {% endfor %}
21
+ </ul>
22
+ </div>
23
+
24
+ <div class="container mx-auto px-2 mb-2 clearfix header-text">
25
+ <h1 class="h0 inline-block col-9 sm-width-full py-4 mt-3 header-title">{{ site.title }}</h1>
26
+
27
+ <div class="clearfix mb-4 py-1">
28
+ <div class="col-4 sm-width-full left border-top-thin">
29
+ <div class="table">
30
+ <div class="inline-block mt-3 mr-1">
31
+ {% include dot-accent.html %}
32
+ </div>
33
+ <div class="inline-block mt-3 mr-1">
34
+ {% include dot-accent.html %}
35
+ </div>
36
+ <div class="inline-block mt-3">
37
+ {% include github.html %}
38
+ </div>
39
+ </div>
40
+ <!-- Set site description in config.yml -->
41
+ <p class="h4 lh-condensed font-smoothing mt-2 py-1">{{ site.description }}</p>
42
+ </div>
43
+
44
+ <div class="col-4 sm-width-full left border-top-thin mt-3 mt-lg-0 ml-lg-4 table">
45
+ <div class="inline-block mt-3 mr-1">
46
+ {% include dot.html %}
47
+ </div>
48
+ <div class="inline-block mt-3">
49
+ {% include {{ site.social_link | default: "twitter" }}.html %}
50
+ </div>
51
+ </div>
52
+ </div>
53
+
54
+ </div>
55
+ </header>
56
+
57
+ <div class="container mx-auto px-2 py-4">
58
+ {% for post in site.posts %}
59
+ {% include post_block.html %}
60
+ {% endfor %}
61
+ </div>
62
+
63
+ </div>
64
+
65
+ {% include footer.html %}
66
+
67
+ </body>
68
+
69
+ </html>
@@ -0,0 +1,13 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="container mx-auto px-2 mt2 mb4">
5
+ <header>
6
+ <h1 class="h0 py-4 mt-3">{{ page.title }}</h1>
7
+ </header>
8
+ <div class="col-4 sm-width-full border-top-thin">
9
+ </div>
10
+ <div class="prose mb-4 py-4">
11
+ {{ content }}
12
+ </div>
13
+ </article>
@@ -0,0 +1,18 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
5
+ <h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">{{ page.title }}</h1>
6
+ <div class="col-4 sm-width-full mt-1 border-top-thin ">
7
+ <p class="mb-3 py-2 bold h4"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
8
+ </div>
9
+
10
+ <div class="prose" itemprop="articleBody">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
15
+
16
+ <div class="container mx-auto px-2 py-2 clearfix">
17
+ {% include previous-next.html %}
18
+ </div>
data/_sass/_base.scss ADDED
@@ -0,0 +1,62 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+
5
+ * {
6
+ box-sizing: border-box !important;
7
+ margin: 0; }
8
+
9
+ input,
10
+ select,
11
+ textarea,
12
+ button {
13
+ font-family: inherit;
14
+ font-size: inherit;
15
+ line-height: inherit;
16
+ }
17
+
18
+
19
+ body, h1, h2, h3, h4, h5, h6,
20
+ p, blockquote, pre, hr,
21
+ dl, dd, ol, ul, figure {
22
+ margin: 0;
23
+ padding: 0;
24
+ }
25
+
26
+
27
+ /**
28
+ * Basic styling
29
+ */
30
+ body {
31
+ font-family: $body-font-family;
32
+ font-size: $body-font-size;
33
+ line-height: 1.5;
34
+ color: $color-body-text;
35
+ background-color: #fff;
36
+ }
37
+
38
+ p {
39
+ margin-top: 0;
40
+ margin-bottom: 0.5em;
41
+ }
42
+
43
+ h1, h2, h3, h4, h5, h6 {
44
+ margin-top: 1em;
45
+ margin-bottom: 0.25em;
46
+ }
47
+
48
+ h1, .h1 { font-size: $h1-size; }
49
+ h2, .h2 { font-size: $h2-size; }
50
+ h3, .h3 { font-size: $h3-size; }
51
+ h4, .h4 { font-size: $h4-size; }
52
+ h5, .h5 { font-size: $h5-size; }
53
+ h6, .h6 { font-size: $h6-size; text-transform: uppercase; letter-spacing: 0.02em; }
54
+
55
+ a {
56
+ color: inherit;
57
+ text-decoration: none;
58
+ }
59
+
60
+ a:hover {
61
+ text-decoration: underline;
62
+ }
@@ -0,0 +1,131 @@
1
+ // Styling markdown output
2
+
3
+ // Code formatting
4
+ pre {
5
+ border-left: $spacer-1 solid $color-border;
6
+ margin: $spacer-3 0;
7
+ padding-left: 16px;
8
+ width: (9 / 12 * 100%); // matches col-9
9
+ overflow-x: auto;
10
+ }
11
+
12
+ code {
13
+ color: $color-code;
14
+ font-size: $body-font-size;
15
+ padding: 1px 4px;
16
+ }
17
+
18
+
19
+ .prose {
20
+
21
+ p, ol, ul {
22
+ font-size: $prose-font-size;
23
+ margin-bottom: 1em;
24
+ width: 100%;
25
+
26
+ @media (min-width: $breakpoint-lg) {
27
+ width: (10 / 12 * 100%); // matches col-10
28
+ }
29
+
30
+ }
31
+
32
+ ul, ol {
33
+ padding-left: 40px;
34
+ }
35
+
36
+ li {
37
+ margin-bottom: 0.5em;
38
+
39
+ ul li, ol li {
40
+ margin-bottom: 0;
41
+ }
42
+ }
43
+
44
+ img {
45
+
46
+ max-width: 100%;
47
+
48
+ @media (min-width: $breakpoint-lg) {
49
+ max-width: (12 / 10 * 100%); // make image fill width of container on desktop
50
+ }
51
+
52
+ }
53
+
54
+ blockquote {
55
+ line-height: 1.375;
56
+ padding-left: 20px;
57
+ margin: 40px 0 40px -16px;
58
+ border-left: $spacer-1 solid $color-border;
59
+ font-style: italic;
60
+
61
+ p {
62
+ font-size: 24px;
63
+ }
64
+
65
+ @media (min-width: $breakpoint-lg) {
66
+ padding-left: $spacer-3;
67
+ margin: $spacer-4 0 $spacer-4 -40px;
68
+ max-width: (11 / 10 * 100%);
69
+
70
+ p {
71
+ font-size: 32px;
72
+ }
73
+
74
+ }
75
+
76
+ }
77
+
78
+ hr {
79
+ color: $color-body-text;
80
+ border-style: solid;
81
+ border-width: thin;
82
+ margin-top: 0.5em;
83
+ margin-bottom: 0.5em;
84
+ }
85
+
86
+ dt {
87
+ font-weight: bold;
88
+ font-style: italic;
89
+ line-height: 1.25;
90
+ }
91
+
92
+ dd {
93
+ font-style: italic;
94
+ margin-bottom: 0.5em;
95
+ }
96
+
97
+ // Markdown tables
98
+ table {
99
+ border-collapse: collapse;
100
+ display: block;
101
+ width: 100%;
102
+ margin-bottom: 1.5em;
103
+ overflow: auto;
104
+ // For Firefox to horizontally scroll wider tables.
105
+ word-break: normal;
106
+ word-break: keep-all;
107
+
108
+ th {
109
+ font-weight: bold;
110
+ text-align: left;
111
+ }
112
+
113
+ th,
114
+ td {
115
+ padding: $spacer-2 $spacer-3 $spacer-2 2px;
116
+ border-top: 1px solid $color-body-text;
117
+ border-bottom: 1px solid $color-body-text;
118
+ }
119
+
120
+ tr {
121
+ background-color: #fff;
122
+ border-top: 1px solid $color-body-text;
123
+ }
124
+
125
+ tr th {
126
+ border-top: 2px solid $color-body-text;
127
+ border-bottom: 2px solid $color-body-text;
128
+ }
129
+ }
130
+
131
+ }
@@ -0,0 +1,31 @@
1
+ // Default black theme
2
+
3
+ // Color variables
4
+ $black: #181818;
5
+ $red: #E74727;
6
+ $red-small: #DC3918;
7
+ $white: #fff;
8
+
9
+ // Config
10
+ $color-background: $black !default;
11
+ $color-dot-accent: $red !default;
12
+ $color-foreground: $white !default;
13
+ $color-title: $white !default;
14
+ $color-body-text: $black !default;
15
+ $color-text-accent: $red !default;
16
+ $color-code: $red-small !default;
17
+ $color-nav-link: $red !default;
18
+ $color-primary-link: $red !default;
19
+
20
+ .font-smoothing {
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ }
24
+
25
+ // Import sass partials (used in all themes)
26
+ @import
27
+ "variables",
28
+ "base",
29
+ "components",
30
+ "utilities"
31
+ ;
@@ -0,0 +1,31 @@
1
+ // Blue theme
2
+
3
+ // Color variables
4
+ $blue: #009DDB;
5
+ $blue-small: #007AB3;
6
+ $gray: #45474A;
7
+ $white: #fff;
8
+
9
+ // Config
10
+ $color-background: $gray !default;
11
+ $color-dot-accent: $blue !default;
12
+ $color-foreground: $white !default;
13
+ $color-title: $blue !default;
14
+ $color-body-text: $gray !default;
15
+ $color-text-accent: $blue !default;
16
+ $color-code: $blue-small !default;
17
+ $color-nav-link: $blue !default;
18
+ $color-primary-link: $blue !default;
19
+
20
+ .font-smoothing {
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ }
24
+
25
+ // Import sass partials (used in all themes)
26
+ @import
27
+ "variables",
28
+ "base",
29
+ "components",
30
+ "utilities"
31
+ ;
@@ -0,0 +1,28 @@
1
+ // Gray theme
2
+
3
+ // Color variables
4
+ $white: #fff;
5
+ $black: #181818;
6
+ $gray: #444;
7
+ $gray-light: #777;
8
+ $gray-lighter: #bbb;
9
+
10
+ // Config
11
+ $color-background: $gray-lighter !default;
12
+ $color-dot-accent: $white !default;
13
+ $color-foreground: $black !default;
14
+ $color-title: $black !default;
15
+ $color-body-text: $black !default;
16
+ $color-text-accent: $gray-light !default;
17
+ $color-code: $gray-light !default;
18
+ $color-nav-link: $gray !default;
19
+ $color-primary-link: $gray-light !default;
20
+
21
+
22
+ // Import sass partials (used in all themes)
23
+ @import
24
+ "variables",
25
+ "base",
26
+ "components",
27
+ "utilities"
28
+ ;
@@ -0,0 +1,25 @@
1
+ // Pink theme - links on inside pages?
2
+
3
+ // Color variables
4
+ $magenta: #CD2DA8;
5
+ $black: #2F2323;
6
+ $white: #fff;
7
+
8
+ // Config
9
+ $color-background: $magenta !default;
10
+ $color-dot-accent: $black !default;
11
+ $color-foreground: $white !default;
12
+ $color-title: $white !default;
13
+ $color-body-text: $black !default;
14
+ $color-text-accent: $magenta !default;
15
+ $color-code: $magenta !default;
16
+ $color-nav-link: $black !default;
17
+ $color-primary-link: $magenta !default;
18
+
19
+ // Import sass partials (used in all themes)
20
+ @import
21
+ "variables",
22
+ "base",
23
+ "components",
24
+ "utilities"
25
+ ;
@@ -0,0 +1,27 @@
1
+ // Orange theme
2
+
3
+ $orange: #fa8224;
4
+ $orange-dark: #DF6D16;
5
+ $gray: #767676;
6
+ $white: #fff;
7
+ $black: #181818;
8
+
9
+ $color-background: $orange !default;
10
+ $color-dot-accent: $black !default;
11
+ $color-foreground: $black !default;
12
+ $color-title: $white !default;
13
+ $color-body-text: $black !default;
14
+ $color-text-accent: $orange-dark !default;
15
+ $color-code: $gray !default;
16
+ $color-nav-link: $white !default;
17
+ $color-primary-link: $orange !default;
18
+ $color-border: $orange;
19
+
20
+
21
+ // Import sass partials (used in all themes)
22
+ @import
23
+ "variables",
24
+ "base",
25
+ "components",
26
+ "utilities"
27
+ ;
@@ -0,0 +1,26 @@
1
+ // Default black theme
2
+
3
+ // Color variables
4
+ $black: #181818;
5
+ $red: #E74727;
6
+ $red-dark: #DC3918;
7
+ $white: #fff;
8
+
9
+ // Config
10
+ $color-background: $red !default;
11
+ $color-dot-accent: $black !default;
12
+ $color-foreground: $black !default;
13
+ $color-title: $white !default;
14
+ $color-body-text: $black !default;
15
+ $color-text-accent: $red-dark !default;
16
+ $color-code: $red-dark !default;
17
+ $color-nav-link: $white !default;
18
+ $color-primary-link: $red !default;
19
+
20
+ // Import sass partials (used in all themes)
21
+ @import
22
+ "variables",
23
+ "base",
24
+ "components",
25
+ "utilities"
26
+ ;
@@ -0,0 +1,28 @@
1
+ // White theme
2
+
3
+ // Color variables
4
+ $black: #181818;
5
+ $red: #E74727;
6
+ $red-dark: #DC3918;
7
+ $gray-light: #f5f5f5;
8
+ $white: #fff;
9
+
10
+ // Config
11
+ $color-background: $gray-light !default;
12
+ $color-dot-accent: $red !default;
13
+ $color-foreground: $black !default;
14
+ $color-title: $black !default;
15
+ $color-body-text: $black !default;
16
+ $color-text-accent: $red-dark !default;
17
+ $color-code: $red-dark !default;
18
+ $color-nav-link: $red-dark !default;
19
+ $color-primary-link: $red-dark !default;
20
+
21
+
22
+ // Import sass partials (used in all themes)
23
+ @import
24
+ "variables",
25
+ "base",
26
+ "components",
27
+ "utilities"
28
+ ;
@@ -0,0 +1,29 @@
1
+ // Yellow theme - could do yellow on borders? - links on inside pages?
2
+
3
+ // Color variables
4
+ $black: #181818;
5
+ $white: #fff;
6
+ $gray: #777;
7
+ $yellow: #fec92e;
8
+
9
+
10
+ // Config
11
+ $color-background: $yellow !default;
12
+ $color-dot-accent: $white !default;
13
+ $color-foreground: $black !default;
14
+ $color-title: $black !default;
15
+ $color-body-text: $black !default;
16
+ $color-text-accent: $gray !default;
17
+ $color-code: $gray !default;
18
+ $color-nav-link: $white !default;
19
+ $color-primary-link: $gray !default;
20
+ $color-border: $yellow;
21
+
22
+
23
+ // Import sass partials (used in all themes)
24
+ @import
25
+ "variables",
26
+ "base",
27
+ "components",
28
+ "utilities"
29
+ ;
@@ -0,0 +1,182 @@
1
+ /* Type utilities */
2
+ .h0 {
3
+ font-size: $h0-mobile;
4
+ line-height: 1.0125;
5
+ margin-top: 0.85em;
6
+ word-wrap: break-word;
7
+
8
+ @media (min-width: $breakpoint-lg) {
9
+ font-size: $h0-desktop;
10
+ }
11
+ }
12
+
13
+ .text-right { text-align: right; }
14
+
15
+ .no-underline {
16
+ text-decoration: none !important;
17
+
18
+ &:hover {
19
+ text-decoration: no-underline !important;
20
+ }
21
+ }
22
+
23
+ .bold { font-weight: bold; }
24
+ .uppercase { text-transform: uppercase; }
25
+
26
+ .lh-condensed { line-height: 1.25; }
27
+
28
+ .list-reset {
29
+ list-style: none;
30
+ padding-left: 0;
31
+ }
32
+
33
+ /* Border utilities */
34
+ .border-bottom-thick { border-bottom: 2px solid; border-color: currentColor; }
35
+ .border-bottom-thin { border-bottom: 1px solid; border-color: currentColor; }
36
+ .border-top-thick { border-top: 2px solid; border-color: currentColor; }
37
+ .border-top-thin { border-top: 1px solid; border-color: currentColor; }
38
+ .border-0 { border: 0; }
39
+
40
+
41
+ /* Theme color utilities */
42
+ .header-background { background-color: $color-background; }
43
+ .header-border { border-color: $color-foreground; }
44
+ .header-title { color: $color-title; }
45
+ .header-text { color: $color-foreground; }
46
+ .header-social { fill: $color-foreground; }
47
+ .header-social-accent { fill: $color-dot-accent; }
48
+ .header-link:hover { color: $color-nav-link !important; } // used for navigation links on homepage
49
+ .text-accent { color: $color-text-accent; } // used for date in post list and home link
50
+
51
+ /* Layout utilities */
52
+ .container { max-width: $container-width; }
53
+
54
+ .col-1 { width: (1 / 12 * 100%); }
55
+ .col-2 { width: (2 / 12 * 100%); }
56
+ .col-3 { width: (3 / 12 * 100%); }
57
+ .col-4 { width: (4 / 12 * 100%); }
58
+ .col-5 { width: (5 / 12 * 100%); }
59
+ .col-6 { width: (6 / 12 * 100%); }
60
+ .col-7 { width: (7 / 12 * 100%); }
61
+ .col-8 { width: (8 / 12 * 100%); }
62
+ .col-9 { width: (9 / 12 * 100%); }
63
+ .col-10 { width: (10 / 12 * 100%); }
64
+ .col-11 { width: (11 / 12 * 100%); }
65
+ .col-12 { width: 100%; }
66
+
67
+ @media (max-width: $breakpoint-lg) {
68
+ .sm-width-full { width: 100% !important; }
69
+ }
70
+
71
+ .block { display: block !important; }
72
+ .inline-block { display: inline-block !important; }
73
+
74
+ .table { display: table !important; }
75
+
76
+ .left { float: left; }
77
+ .right { float: right; }
78
+
79
+ .clearfix:before,
80
+ .clearfix:after {
81
+ content: " ";
82
+ display: table
83
+ }
84
+ .clearfix:after { clear: both }
85
+
86
+ .align-middle { vertical-align: middle; }
87
+
88
+ /* Padding */
89
+ .px-0 { padding-left: 0; padding-right: 0 }
90
+ .py-0 { padding-top: 0; padding-bottom: 0 }
91
+
92
+ .px-1 { padding-left: $spacer-1; padding-right: $spacer-1 }
93
+ .py-1 { padding-top: $spacer-1; padding-bottom: $spacer-1 }
94
+
95
+ .px-2 { padding-left: $spacer-2; padding-right: $spacer-2; }
96
+ .py-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }
97
+
98
+ .px-3 { padding-left: $spacer-3; padding-right: $spacer-3; }
99
+ .py-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }
100
+
101
+ .px-4 { padding-left: $spacer-4; padding-right: $spacer-4; }
102
+ .py-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }
103
+
104
+ /* Margin */
105
+ .mx-auto { margin-left: auto; margin-right: auto; }
106
+
107
+ .mt-0 { margin-top: 0; }
108
+ .mr-0 { margin-right: 0; }
109
+ .mb-0 { margin-bottom: 0; }
110
+ .ml-0 { margin-left: 0; }
111
+
112
+ .mt-1 { margin-top: $spacer-1; }
113
+ .mr-1 { margin-right: $spacer-1; }
114
+ .mb-1 { margin-bottom: $spacer-1; }
115
+ .ml-1 { margin-left: $spacer-1; }
116
+
117
+ .mt-2 { margin-top: $spacer-2; }
118
+ .mr-2 { margin-right: $spacer-2; }
119
+ .mb-2 { margin-bottom: $spacer-2; }
120
+ .ml-2 { margin-left: $spacer-2; }
121
+
122
+ .mt-3 { margin-top: $spacer-3; }
123
+ .mr-3 { margin-right: $spacer-3; }
124
+ .mb-3 { margin-bottom: $spacer-3; }
125
+ .ml-3 { margin-left: $spacer-3; }
126
+
127
+ .mt-4 { margin-top: $spacer-4; }
128
+ .mr-4 { margin-right: $spacer-4; }
129
+ .mb-4 { margin-bottom: $spacer-4; }
130
+ .ml-4 { margin-left: $spacer-4; }
131
+
132
+ // Responsive margin
133
+ @media (min-width: 52em) {
134
+ .mx-lg-auto { margin-left: auto; margin-right: auto; }
135
+
136
+ .mt-lg-0 { margin-top: 0; }
137
+ .mr-lg-0 { margin-right: 0; }
138
+ .mb-lg-0 { margin-bottom: 0; }
139
+ .ml-lg-0 { margin-left: 0; }
140
+
141
+ .mt-lg-1 { margin-top: $spacer-1; }
142
+ .mr-lg-1 { margin-right: $spacer-1; }
143
+ .mb-lg-1 { margin-bottom: $spacer-1; }
144
+ .ml-lg-1 { margin-left: $spacer-1; }
145
+
146
+ .mt-lg-2 { margin-top: $spacer-2; }
147
+ .mr-lg-2 { margin-right: $spacer-2; }
148
+ .mb-lg-2 { margin-bottom: $spacer-2; }
149
+ .ml-lg-2 { margin-left: $spacer-2; }
150
+
151
+ .mt-lg-3 { margin-top: $spacer-3; }
152
+ .mr-lg-3 { margin-right: $spacer-3; }
153
+ .mb-lg-3 { margin-bottom: $spacer-3; }
154
+ .ml-lg-3 { margin-left: $spacer-3; }
155
+
156
+ .mt-lg-4 { margin-top: $spacer-4; }
157
+ .mr-lg-4 { margin-right: $spacer-4; }
158
+ .mb-lg-4 { margin-bottom: $spacer-4; }
159
+ .ml-lg-4 { margin-left: $spacer-4; }
160
+ }
161
+
162
+ // Link styles for social icons
163
+ .link-social {
164
+ text-decoration: none;
165
+ font-weight: bold;
166
+ line-height: 1;
167
+
168
+ &:hover {
169
+ text-decoration: none !important;
170
+ }
171
+ }
172
+
173
+ // Link styles for navigation
174
+ .link-primary {
175
+ font-weight: bold;
176
+ text-decoration: none;
177
+
178
+ &:hover {
179
+ color: $color-primary-link;
180
+ text-decoration: none;
181
+ }
182
+ }
@@ -0,0 +1,35 @@
1
+
2
+ // Font family
3
+ $body-font-family: "Helvetica Neue", Arial, sans-serif;
4
+ $body-font-size: 16px;
5
+ $prose-font-size: 20px;
6
+
7
+
8
+ // Type scale
9
+ $h0-mobile: 64px;
10
+ $h0-desktop: 128px;
11
+
12
+ $h1-size: 40px !default;
13
+ $h2-size: 32px !default;
14
+ $h3-size: 24px !default;
15
+ $h4-size: 20px !default;
16
+ $h5-size: 16px !default;
17
+ $h6-size: 12px !default;
18
+
19
+ // Default border color
20
+ $color-border: #ddd !default;
21
+
22
+ // Container width
23
+ $container-width: 64em;
24
+
25
+ // Large breakpoint
26
+ $breakpoint-lg: 52em;
27
+
28
+ // Spacing unit
29
+ $spacer: 8px !default;
30
+
31
+ // Spacing scale
32
+ $spacer-1: $spacer !default; // 8px
33
+ $spacer-2: ($spacer * 2) !default; // 16px
34
+ $spacer-3: ($spacer * 4) !default; // 32px
35
+ $spacer-4: ($spacer * 8) !default; // 64px
data/assets/style.scss ADDED
@@ -0,0 +1,9 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+
6
+ // Import partials from `sass_dir` and set theme here
7
+ @import
8
+ "theme-{{ site.theme_color | default: "black" }}.scss"
9
+ ;
metadata ADDED
@@ -0,0 +1,122 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bunto-swiss
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.4.0
5
+ platform: ruby
6
+ authors:
7
+ - broccolini
8
+ - Suriyaa Kudo
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2017-12-24 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: bunto
16
+ requirement: !ruby/object:Gem::Requirement
17
+ requirements:
18
+ - - "~>"
19
+ - !ruby/object:Gem::Version
20
+ version: '3.4'
21
+ type: :development
22
+ prerelease: false
23
+ version_requirements: !ruby/object:Gem::Requirement
24
+ requirements:
25
+ - - "~>"
26
+ - !ruby/object:Gem::Version
27
+ version: '3.4'
28
+ - !ruby/object:Gem::Dependency
29
+ name: bundler
30
+ requirement: !ruby/object:Gem::Requirement
31
+ requirements:
32
+ - - "~>"
33
+ - !ruby/object:Gem::Version
34
+ version: '1.12'
35
+ type: :development
36
+ prerelease: false
37
+ version_requirements: !ruby/object:Gem::Requirement
38
+ requirements:
39
+ - - "~>"
40
+ - !ruby/object:Gem::Version
41
+ version: '1.12'
42
+ - !ruby/object:Gem::Dependency
43
+ name: rake
44
+ requirement: !ruby/object:Gem::Requirement
45
+ requirements:
46
+ - - "~>"
47
+ - !ruby/object:Gem::Version
48
+ version: '10.0'
49
+ type: :development
50
+ prerelease: false
51
+ version_requirements: !ruby/object:Gem::Requirement
52
+ requirements:
53
+ - - "~>"
54
+ - !ruby/object:Gem::Version
55
+ version: '10.0'
56
+ description:
57
+ email:
58
+ - diana.mounter@gmail.com
59
+ - github@suriyaa.tk
60
+ executables: []
61
+ extensions: []
62
+ extra_rdoc_files: []
63
+ files:
64
+ - LICENSE.txt
65
+ - README.md
66
+ - _includes/dot-accent.html
67
+ - _includes/dot.html
68
+ - _includes/dribbble.html
69
+ - _includes/footer.html
70
+ - _includes/github.html
71
+ - _includes/head.html
72
+ - _includes/header.html
73
+ - _includes/instagram.html
74
+ - _includes/medium.html
75
+ - _includes/post_block.html
76
+ - _includes/previous-next.html
77
+ - _includes/previous-next_has-categories.html
78
+ - _includes/twitter.html
79
+ - _layouts/category-post.html
80
+ - _layouts/category_index.html
81
+ - _layouts/default.html
82
+ - _layouts/home.html
83
+ - _layouts/page.html
84
+ - _layouts/post.html
85
+ - _sass/_base.scss
86
+ - _sass/_components.scss
87
+ - _sass/_theme-black.scss
88
+ - _sass/_theme-blue.scss
89
+ - _sass/_theme-gray.scss
90
+ - _sass/_theme-magenta.scss
91
+ - _sass/_theme-orange.scss
92
+ - _sass/_theme-red.scss
93
+ - _sass/_theme-white.scss
94
+ - _sass/_theme-yellow.scss
95
+ - _sass/_utilities.scss
96
+ - _sass/_variables.scss
97
+ - assets/style.scss
98
+ homepage: https://themes.buntowaf.tk/swiss/
99
+ licenses:
100
+ - MIT
101
+ metadata: {}
102
+ post_install_message:
103
+ rdoc_options: []
104
+ require_paths:
105
+ - lib
106
+ required_ruby_version: !ruby/object:Gem::Requirement
107
+ requirements:
108
+ - - ">="
109
+ - !ruby/object:Gem::Version
110
+ version: '0'
111
+ required_rubygems_version: !ruby/object:Gem::Requirement
112
+ requirements:
113
+ - - ">="
114
+ - !ruby/object:Gem::Version
115
+ version: '0'
116
+ requirements: []
117
+ rubyforge_project:
118
+ rubygems_version: 2.7.1
119
+ signing_key:
120
+ specification_version: 4
121
+ summary: A bold typographic theme for Bunto, inspired by Swiss design.
122
+ test_files: []