bubblin-jekyll 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +147 -0
  4. data/_includes/disqus_comments.html +20 -0
  5. data/_includes/footer.html +46 -0
  6. data/_includes/google-analytics.html +11 -0
  7. data/_includes/head.html +11 -0
  8. data/_includes/header.html +32 -0
  9. data/_includes/icon-github.html +1 -0
  10. data/_includes/icon-github.svg +1 -0
  11. data/_includes/icon-twitter.html +1 -0
  12. data/_includes/icon-twitter.svg +1 -0
  13. data/_layouts/default.html +20 -0
  14. data/_layouts/home.html +26 -0
  15. data/_layouts/page.html +14 -0
  16. data/_layouts/post.html +25 -0
  17. data/_sass/bubblin-jekyll.scss +43 -0
  18. data/_sass/bubblin-jekyll/_base.scss +245 -0
  19. data/_sass/bubblin-jekyll/_layout.scss +250 -0
  20. data/_sass/bubblin-jekyll/_syntax-highlighting.scss +71 -0
  21. data/assets/main.scss +5 -0
  22. metadata +121 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 0d4f86ef3869c8e7b7f381065a25e7dadafb7fb1
4
+ data.tar.gz: cc298fee0e6989bc11c18eefe3af03281be4d472
5
+ SHA512:
6
+ metadata.gz: 61140be72721059b5a90fc86c6869fc6ddfdd3f700234f4846af2883f664738b33ea0d3039c9c8dc604476368b991883eee852e0ae8bcdb5beae25e35c13fc80
7
+ data.tar.gz: 938dce2ffb81d49eedd0822fb62534311d380850491c0d7412a3e6f03e80a07f2a6e6602372229084062d82d2068f579dc92abda0f747ccb349ceca12c0f6d55
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016 Parker Moore
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,147 @@
1
+ # bubblin-jekyll
2
+
3
+ The *Bubblin-Jekyll* is the Jekyll theme in use at the Bubblin [blog](https://bubblin.io/blog/).
4
+
5
+ It's a fork off of [Minima](https://github.com/jekyll/minima)—the default theme gem of Jekyll.
6
+
7
+ [Theme preview](https://jekyll.github.io/bubblin-jekyll/)
8
+
9
+ ![bubblin-jekyll theme preview](/screenshot.png)
10
+
11
+ ## Installation
12
+
13
+ Add this line to your Jekyll site's Gemfile:
14
+
15
+ ```ruby
16
+ gem "bubblin-jekyll"
17
+ ```
18
+
19
+ And add this line to your Jekyll site:
20
+
21
+ ```yaml
22
+ theme: bubblin-jekyll
23
+ ```
24
+
25
+ And then execute:
26
+
27
+ $ bundle
28
+
29
+ ### Layouts
30
+
31
+ Refers to files within the `_layouts` directory, that define the markup for your theme.
32
+
33
+ - `default.html` — The base layout that lays the foundation for subsequent layouts. The derived layouts inject their contents into this file at the line that says ` {{ content }} ` and are linked to this file via [FrontMatter](https://jekyllrb.com/docs/frontmatter/) declaration `layout: default`.
34
+ - `home.html` — The layout for your landing-page / home-page / index-page.
35
+ - `page.html` — The layout for your documents that contain FrontMatter, but are not posts.
36
+ - `post.html` — The layout for your posts.
37
+
38
+ ### Includes
39
+
40
+ Refers to snippets of code within the `_includes` directory that can be inserted in multiple layouts (and another include-file as well) within the same theme-gem.
41
+
42
+ - `disqus_comments.html` — Code to markup disqus comment box.
43
+ - `footer.html` — Defines the site's footer section.
44
+ - `google-analytics.html` — Inserts Google Analytics module (active only in production environment).
45
+ - `head.html` &mdash; Code-block that defines the `<head></head>` in *default* layout.
46
+ - `header.html` &mdash; Defines the site's main header section. By default, pages with a defined `title` attribute will have links displayed here.
47
+ - `icon-* files` &mdash; Inserts github and twitter ids with respective icons.
48
+
49
+ ### Sass
50
+
51
+ Refers to `.scss` files within the `_sass` directory that define the theme's styles.
52
+
53
+ - `bubblin-jekyll.scss` &mdash; The core file imported by preprocessed `main.scss`, it defines the variable defaults for the theme and also further imports sass partials to supplement itself.
54
+ - `bubblin-jekyll/_base.scss` &mdash; Resets and defines base styles for various HTML elements.
55
+ - `bubblin-jekyll/_layout.scss` &mdash; Defines the visual style for various layouts.
56
+ - `bubblin-jekyll/_syntax-highlighting.scss` &mdash; Defines the styles for syntax-highlighting.
57
+
58
+ ### Assets
59
+
60
+ Refers to various asset files within the `assets` directory.
61
+ Contains the `main.scss` that imports sass files from within the `_sass` directory. This `main.scss` is what gets processed into the theme's main stylesheet `main.css` called by `_layouts/default.html` via `_includes/head.html`.
62
+
63
+ This directory can include sub-directories to manage assets of similar type, and will be copied over as is, to the final transformed site directory.
64
+
65
+ ### Plugins
66
+
67
+ Bubblin-jekyll comes preinstalled with the [`jekyll-seo-tag`](https://github.com/jekyll/jekyll-seo-tag) plugin to make sure your website gets the most useful meta tags. See [usage](https://github.com/jekyll/jekyll-seo-tag#usage) to know how to set it up.
68
+
69
+ ## Usage
70
+
71
+ ### Customization
72
+
73
+ To override the default structure and style of bubblin-jekyll, simply create the concerned directory at the root of your site, copy the file you wish to customize to that directory, and then edit the file.
74
+ e.g., to override the [`_includes/head.html `](_includes/head.html) file to specify a custom style path, create an `_includes` directory, copy `_includes/head.html` from minima gem folder to `<yoursite>/_includes` and start editing that file.
75
+
76
+ The site's default CSS has now moved to a new place within the gem itself, [`assets/main.scss`](assets/main.scss). To **override the default CSS**, the file has to exist at your site source. Do either of the following:
77
+ - Create a new instance of `main.scss` at site source.
78
+ - Create a new file `main.scss` at `<your-site>/assets/`
79
+ - Add the frontmatter dashes, and
80
+ - Add `@import "bubblin-jekyll";`, to `<your-site>/assets/main.scss`
81
+ - Add your custom CSS.
82
+ - Download the file from this repo
83
+ - Create a new file `main.scss` at `<your-site>/assets/`
84
+ - Copy the contents at [assets/main.scss](assets/main.scss) onto the `main.scss` you just created, and edit away!
85
+ - Copy directly from Bubblin-Jekyll gem
86
+ - Go to your local bubblin-jekyll gem installation directory ( run `bundle show bubblin-jekyll` to get the path to it ).
87
+ - Copy the `assets/` folder from there into the root of `<your-site>`
88
+ - Change whatever values you want, inside `<your-site>/assets/main.scss`
89
+
90
+ --
91
+
92
+ ### Change default date format
93
+
94
+ You can change the default date format by specifying `site.bubblin-jekyll.date_format`
95
+ in `_config.yml`.
96
+
97
+ ```
98
+ # Bubblin-Jekyll date format
99
+ # Refer to http://shopify.github.io/liquid/filters/date/ to customize
100
+ bubblin-jekyll:
101
+ date_format: "%b %-d, %Y"
102
+ ```
103
+
104
+ --
105
+
106
+ ### Enabling comments (via Disqus)
107
+
108
+ Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.
109
+
110
+ To enable it, add the following lines to your Jekyll site:
111
+
112
+ ```yaml
113
+ disqus:
114
+ shortname: my_disqus_shortname
115
+ ```
116
+
117
+ You can find out more about Disqus' shortnames [here](https://help.disqus.com/customer/portal/articles/466208).
118
+
119
+ Comments are enabled by default and will only appear in production, i.e., `JEKYLL_ENV=production`
120
+
121
+ If you don't want to display comments for a particular post you can disable them by adding `comments: false` to that post's YAML Front Matter.
122
+
123
+ --
124
+
125
+ ### Enabling Google Analytics
126
+
127
+ To enable Google Anaytics, add the following lines to your Jekyll site:
128
+
129
+ ```yaml
130
+ google_analytics: UA-NNNNNNNN-N
131
+ ```
132
+
133
+ Google Analytics will only appear in production, i.e., `JEKYLL_ENV=production`
134
+
135
+ ## Contributing
136
+
137
+ Bug reports and pull requests are welcome on GitHub at . 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.
138
+
139
+ ## Development
140
+
141
+ To set up your environment to develop this theme, run `script/bootstrap`.
142
+
143
+ To test your theme, run `script/server` (or `bundle exec jekyll serve`) and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme and the contents. As you make modifications, your site will regenerate and you should see the changes in the browser after a refresh.
144
+
145
+ ## License
146
+
147
+ The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
data/_includes/disqus_comments.html ADDED
@@ -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 %}
data/_includes/footer.html ADDED
@@ -0,0 +1,46 @@
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
+ </ul>
37
+ </div>
38
+
39
+ <div class="footer-col footer-col-3">
40
+ <p>{{ site.description | escape }}</p>
41
+ </div>
42
+ </div>
43
+
44
+ </div>
45
+
46
+ </footer>
data/_includes/google-analytics.html ADDED
@@ -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,11 @@
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
+ {% seo %}
6
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
7
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
8
+ {% if jekyll.environment == 'production' and site.google_analytics %}
9
+ {% include google-analytics.html %}
10
+ {% endif %}
11
+ </head>
data/_includes/header.html ADDED
@@ -0,0 +1,32 @@
1
+ <header class="site-header" role="banner">
2
+
3
+ <div class="wrapper">
4
+ {% assign default_paths = site.pages | map: "path" %}
5
+ {% assign page_paths = site.header_pages | default: default_paths %}
6
+ <a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
7
+
8
+ {% if page_paths %}
9
+ <nav class="site-nav">
10
+ <input type="checkbox" id="nav-trigger" class="nav-trigger" />
11
+ <label for="nav-trigger">
12
+ <span class="menu-icon">
13
+ <svg viewBox="0 0 18 15" width="18px" height="15px">
14
+ <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"/>
15
+ <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"/>
16
+ <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"/>
17
+ </svg>
18
+ </span>
19
+ </label>
20
+
21
+ <div class="trigger">
22
+ {% for path in page_paths %}
23
+ {% assign my_page = site.pages | where: "path", path | first %}
24
+ {% if my_page.title %}
25
+ <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
26
+ {% endif %}
27
+ {% endfor %}
28
+ </div>
29
+ </nav>
30
+ {% endif %}
31
+ </div>
32
+ </header>
data/_includes/icon-github.html ADDED
@@ -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>
data/_includes/icon-github.svg ADDED
@@ -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>
data/_includes/icon-twitter.html ADDED
@@ -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>
data/_includes/icon-twitter.svg ADDED
@@ -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>
data/_layouts/default.html ADDED
@@ -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,26 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="home">
6
+
7
+ {{ content }}
8
+
9
+ <h1 class="page-heading">Posts</h1>
10
+
11
+ <ul class="post-list">
12
+ {% for post in site.posts %}
13
+ <li>
14
+ {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
15
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
16
+
17
+ <h2>
18
+ <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
19
+ </h2>
20
+ </li>
21
+ {% endfor %}
22
+ </ul>
23
+
24
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
25
+
26
+ </div>
data/_layouts/page.html ADDED
@@ -0,0 +1,14 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title">{{ page.title | escape }}</h1>
8
+ </header>
9
+
10
+ <div class="post-content">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
data/_layouts/post.html ADDED
@@ -0,0 +1,25 @@
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">
9
+ <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
10
+ {% assign date_format = site.bubblin-jekyll.date_format | default: "%b %-d, %Y" %}
11
+ {{ page.date | date: date_format }}
12
+ </time>
13
+ {% if page.author %}
14
+ • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
15
+ {% endif %}</p>
16
+ </header>
17
+
18
+ <div class="post-content" itemprop="articleBody">
19
+ {{ content }}
20
+ </div>
21
+
22
+ {% if site.disqus.shortname %}
23
+ {% include disqus_comments.html %}
24
+ {% endif %}
25
+ </article>
data/_sass/bubblin-jekyll.scss ADDED
@@ -0,0 +1,43 @@
1
+ @charset "utf-8";
2
+ // Define defaults for each variable.
3
+ $base-font-family: "Helvetica Neue",
4
+ Helvetica,
5
+ Arial,
6
+ sans-serif !default;
7
+ $base-font-size: 16px !default;
8
+ $base-font-weight: 400 !default;
9
+ $small-font-size: $base-font-size * 0.875 !default;
10
+ $base-line-height: 1.5 !default;
11
+ $spacing-unit: 30px !default;
12
+ $text-color: #111 !default;
13
+ $background-color: #fdfdfd !default;
14
+ $brand-color: #2a7ae2 !default;
15
+ $grey-color: #828282 !default;
16
+ $grey-color-light: lighten($grey-color, 40%) !default;
17
+ $grey-color-dark: darken($grey-color, 25%) !default;
18
+ $table-text-align: left !default;
19
+ // Width of the content area
20
+ $content-width: 800px !default;
21
+ $on-palm: 600px !default;
22
+ $on-laptop: 800px !default;
23
+ // Use media queries like this:
24
+ // @include media-query($on-palm) {
25
+ // .wrapper {
26
+ // padding-right: $spacing-unit / 2;
27
+ // padding-left: $spacing-unit / 2;
28
+ // }
29
+ // }
30
+ @mixin media-query($device) {
31
+ @media screen and (max-width: $device) {
32
+ @content;
33
+ }
34
+ }
35
+
36
+ @mixin relative-font-size($ratio) {
37
+ font-size: $base-font-size * $ratio;
38
+ }
39
+
40
+ // Import partials.
41
+ @import "bubblin-jekyll/base",
42
+ "bubblin-jekyll/layout",
43
+ "bubblin-jekyll/syntax-highlighting";
data/_sass/bubblin-jekyll/_base.scss ADDED
@@ -0,0 +1,245 @@
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
+ .social-media-list &:hover {
107
+ text-decoration: none;
108
+
109
+ .username {
110
+ text-decoration: underline;
111
+ }
112
+ }
113
+ }
114
+
115
+
116
+ /**
117
+ * Blockquotes
118
+ */
119
+ blockquote {
120
+ color: $grey-color;
121
+ border-left: 4px solid $grey-color-light;
122
+ padding-left: $spacing-unit / 2;
123
+ @include relative-font-size(1.125);
124
+ letter-spacing: -1px;
125
+ font-style: italic;
126
+
127
+ > :last-child {
128
+ margin-bottom: 0;
129
+ }
130
+ }
131
+
132
+
133
+
134
+ /**
135
+ * Code formatting
136
+ */
137
+ pre,
138
+ code {
139
+ @include relative-font-size(0.9375);
140
+ border: 1px solid $grey-color-light;
141
+ border-radius: 3px;
142
+ background-color: #eef;
143
+ }
144
+
145
+ code {
146
+ padding: 1px 5px;
147
+ }
148
+
149
+ pre {
150
+ padding: 8px 12px;
151
+ overflow-x: auto;
152
+
153
+ > code {
154
+ border: 0;
155
+ padding-right: 0;
156
+ padding-left: 0;
157
+ }
158
+ }
159
+
160
+
161
+
162
+ /**
163
+ * Wrapper
164
+ */
165
+ .wrapper {
166
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
167
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
168
+ margin-right: auto;
169
+ margin-left: auto;
170
+ padding-right: $spacing-unit;
171
+ padding-left: $spacing-unit;
172
+ @extend %clearfix;
173
+
174
+ @include media-query($on-laptop) {
175
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
176
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
177
+ padding-right: $spacing-unit / 2;
178
+ padding-left: $spacing-unit / 2;
179
+ }
180
+ }
181
+
182
+
183
+
184
+ /**
185
+ * Clearfix
186
+ */
187
+ %clearfix:after {
188
+ content: "";
189
+ display: table;
190
+ clear: both;
191
+ }
192
+
193
+
194
+
195
+ /**
196
+ * Icons
197
+ */
198
+ .icon > svg {
199
+ display: inline-block;
200
+ vertical-align: middle;
201
+
202
+ path {
203
+ fill: $grey-color;
204
+ }
205
+ }
206
+
207
+ .social-media-list {
208
+ .icon {
209
+ padding-right: 5px;
210
+ }
211
+
212
+ li + li {
213
+ padding-top: 5px;
214
+ }
215
+ }
216
+
217
+
218
+
219
+ /**
220
+ * Tables
221
+ */
222
+ table {
223
+ margin-bottom: $spacing-unit;
224
+ width: 100%;
225
+ text-align: $table-text-align;
226
+ color: lighten($text-color, 18%);
227
+ border-collapse: collapse;
228
+ border: 1px solid $grey-color-light;
229
+ tr {
230
+ &:nth-child(even) {
231
+ background-color: lighten($grey-color-light, 6%);
232
+ }
233
+ }
234
+ th, td {
235
+ padding: ($spacing-unit / 3) ($spacing-unit / 2);
236
+ }
237
+ th {
238
+ background-color: lighten($grey-color-light, 3%);
239
+ border: 1px solid darken($grey-color-light, 4%);
240
+ border-bottom-color: darken($grey-color-light, 12%);
241
+ }
242
+ td {
243
+ border: 1px solid $grey-color-light;
244
+ }
245
+ }
data/_sass/bubblin-jekyll/_layout.scss ADDED
@@ -0,0 +1,250 @@
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: $spacing-unit * 1.865;
8
+
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
+ }
12
+
13
+ .site-title {
14
+ @include relative-font-size(1.625);
15
+ font-weight: 300;
16
+ line-height: $base-line-height * $base-font-size * 2.25;
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: $base-line-height * $base-font-size * 2.25;
30
+
31
+ .nav-trigger {
32
+ display: none;
33
+ }
34
+
35
+ .menu-icon {
36
+ display: none;
37
+ }
38
+
39
+ .page-link {
40
+ color: $text-color;
41
+ line-height: $base-line-height;
42
+
43
+ // Gaps between nav items, but not on the last one
44
+ &:not(:last-child) {
45
+ margin-right: 20px;
46
+ }
47
+ }
48
+
49
+ @include media-query($on-palm) {
50
+ position: absolute;
51
+ top: 9px;
52
+ right: $spacing-unit / 2;
53
+ background-color: $background-color;
54
+ border: 1px solid $grey-color-light;
55
+ border-radius: 5px;
56
+ text-align: right;
57
+
58
+ label[for="nav-trigger"] {
59
+ display: block;
60
+ float: right;
61
+ width: 36px;
62
+ height: 36px;
63
+ z-index: 2;
64
+ cursor: pointer;
65
+ }
66
+
67
+ .menu-icon {
68
+ display: block;
69
+ float: right;
70
+ width: 36px;
71
+ height: 26px;
72
+ line-height: 0;
73
+ padding-top: 10px;
74
+ text-align: center;
75
+
76
+ > svg path {
77
+ fill: $grey-color-dark;
78
+ }
79
+ }
80
+
81
+ input ~ .trigger {
82
+ clear: both;
83
+ display: none;
84
+ }
85
+
86
+ input:checked ~ .trigger {
87
+ display: block;
88
+ padding-bottom: 5px;
89
+ }
90
+
91
+ .page-link {
92
+ display: block;
93
+ padding: 5px 10px;
94
+
95
+ &:not(:last-child) {
96
+ margin-right: 0;
97
+ }
98
+ margin-left: 20px;
99
+ }
100
+ }
101
+ }
102
+
103
+
104
+
105
+ /**
106
+ * Site footer
107
+ */
108
+ .site-footer {
109
+ border-top: 1px solid $grey-color-light;
110
+ padding: $spacing-unit 0;
111
+ }
112
+
113
+ .footer-heading {
114
+ @include relative-font-size(1.125);
115
+ margin-bottom: $spacing-unit / 2;
116
+ }
117
+
118
+ .contact-list,
119
+ .social-media-list {
120
+ list-style: none;
121
+ margin-left: 0;
122
+ }
123
+
124
+ .footer-col-wrapper {
125
+ @include relative-font-size(0.9375);
126
+ color: $grey-color;
127
+ margin-left: -$spacing-unit / 2;
128
+ @extend %clearfix;
129
+ }
130
+
131
+ .footer-col {
132
+ float: left;
133
+ margin-bottom: $spacing-unit / 2;
134
+ padding-left: $spacing-unit / 2;
135
+ }
136
+
137
+ .footer-col-1 {
138
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
139
+ width: calc(35% - (#{$spacing-unit} / 2));
140
+ }
141
+
142
+ .footer-col-2 {
143
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
144
+ width: calc(20% - (#{$spacing-unit} / 2));
145
+ }
146
+
147
+ .footer-col-3 {
148
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
149
+ width: calc(45% - (#{$spacing-unit} / 2));
150
+ }
151
+
152
+ @include media-query($on-laptop) {
153
+ .footer-col-1,
154
+ .footer-col-2 {
155
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
156
+ width: calc(50% - (#{$spacing-unit} / 2));
157
+ }
158
+
159
+ .footer-col-3 {
160
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
161
+ width: calc(100% - (#{$spacing-unit} / 2));
162
+ }
163
+ }
164
+
165
+ @include media-query($on-palm) {
166
+ .footer-col {
167
+ float: none;
168
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
169
+ width: calc(100% - (#{$spacing-unit} / 2));
170
+ }
171
+ }
172
+
173
+
174
+
175
+ /**
176
+ * Page content
177
+ */
178
+ .page-content {
179
+ padding: $spacing-unit 0;
180
+ }
181
+
182
+ .page-heading {
183
+ @include relative-font-size(1.25);
184
+ }
185
+
186
+ .post-list {
187
+ margin-left: 0;
188
+ list-style: none;
189
+
190
+ > li {
191
+ margin-bottom: $spacing-unit;
192
+ }
193
+ }
194
+
195
+ .post-meta {
196
+ font-size: $small-font-size;
197
+ color: $grey-color;
198
+ }
199
+
200
+ .post-link {
201
+ display: block;
202
+ @include relative-font-size(1.5);
203
+ }
204
+
205
+
206
+
207
+ /**
208
+ * Posts
209
+ */
210
+ .post-header {
211
+ margin-bottom: $spacing-unit;
212
+ }
213
+
214
+ .post-title {
215
+ @include relative-font-size(2.625);
216
+ letter-spacing: -1px;
217
+ line-height: 1;
218
+
219
+ @include media-query($on-laptop) {
220
+ @include relative-font-size(2.25);
221
+ }
222
+ }
223
+
224
+ .post-content {
225
+ margin-bottom: $spacing-unit;
226
+
227
+ h2 {
228
+ @include relative-font-size(2);
229
+
230
+ @include media-query($on-laptop) {
231
+ @include relative-font-size(1.75);
232
+ }
233
+ }
234
+
235
+ h3 {
236
+ @include relative-font-size(1.625);
237
+
238
+ @include media-query($on-laptop) {
239
+ @include relative-font-size(1.375);
240
+ }
241
+ }
242
+
243
+ h4 {
244
+ @include relative-font-size(1.25);
245
+
246
+ @include media-query($on-laptop) {
247
+ @include relative-font-size(1.125);
248
+ }
249
+ }
250
+ }
data/_sass/bubblin-jekyll/_syntax-highlighting.scss ADDED
@@ -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,5 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "bubblin-jekyll";
metadata ADDED
@@ -0,0 +1,121 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bubblin-jekyll
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Marvin Danig
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2017-10-04 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.6'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.6'
27
+ - !ruby/object:Gem::Dependency
28
+ name: jekyll-seo-tag
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '2.1'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '2.1'
41
+ - !ruby/object:Gem::Dependency
42
+ name: bundler
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '1.12'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '1.12'
55
+ - !ruby/object:Gem::Dependency
56
+ name: rake
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - "~>"
60
+ - !ruby/object:Gem::Version
61
+ version: '10.0'
62
+ type: :development
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - "~>"
67
+ - !ruby/object:Gem::Version
68
+ version: '10.0'
69
+ description:
70
+ email:
71
+ - marvin@marvindanig.com
72
+ executables: []
73
+ extensions: []
74
+ extra_rdoc_files: []
75
+ files:
76
+ - LICENSE.txt
77
+ - README.md
78
+ - _includes/disqus_comments.html
79
+ - _includes/footer.html
80
+ - _includes/google-analytics.html
81
+ - _includes/head.html
82
+ - _includes/header.html
83
+ - _includes/icon-github.html
84
+ - _includes/icon-github.svg
85
+ - _includes/icon-twitter.html
86
+ - _includes/icon-twitter.svg
87
+ - _layouts/default.html
88
+ - _layouts/home.html
89
+ - _layouts/page.html
90
+ - _layouts/post.html
91
+ - _sass/bubblin-jekyll.scss
92
+ - _sass/bubblin-jekyll/_base.scss
93
+ - _sass/bubblin-jekyll/_layout.scss
94
+ - _sass/bubblin-jekyll/_syntax-highlighting.scss
95
+ - assets/main.scss
96
+ homepage: https://github.com/marvindanig/bubblin-jekyll.git
97
+ licenses:
98
+ - MIT
99
+ metadata:
100
+ plugin_type: theme
101
+ post_install_message:
102
+ rdoc_options: []
103
+ require_paths:
104
+ - lib
105
+ required_ruby_version: !ruby/object:Gem::Requirement
106
+ requirements:
107
+ - - ">="
108
+ - !ruby/object:Gem::Version
109
+ version: '0'
110
+ required_rubygems_version: !ruby/object:Gem::Requirement
111
+ requirements:
112
+ - - ">="
113
+ - !ruby/object:Gem::Version
114
+ version: '0'
115
+ requirements: []
116
+ rubyforge_project:
117
+ rubygems_version: 2.6.13
118
+ signing_key:
119
+ specification_version: 4
120
+ summary: The official theme for blog at Bubblin Superbooks.
121
+ test_files: []