classic-jekyll-theme 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6752c4d3f45eb1a5fb7ce9958e780c6c30021b9d
-  data.tar.gz: a9e4403afbe2c3df8e8d841e1208b79ef9f27770
+  metadata.gz: 5e68d643d4627eb70265180c0b5fc32b0bf5ac5e
+  data.tar.gz: 96afeb5bfe7386eb05b9eb12d47c954937378134
 SHA512:
-  metadata.gz: 05114e14c7fc856326e91b31b4e045f62459af9f0d2018a243a20111b8001998f6a09cf839fc9e6dc60df74f5b71863a04c86cf854a17377061da2c1c9aab8d2
-  data.tar.gz: 0545bac9b9a11e02280db44fe5f6c4b8e5b14a81ea8e04733df9932f5f4c37aa2abb7da4ec15abc3ff23e4061834b406847e2d78aa0b47a6c1ba655ac1493695
+  metadata.gz: e7a389c28f619d43a16904d48c10d44615873d377aaeda1a61eea64a67c79347654f0c31833cb606e5fdaf5c136fabc1fe77d6a0d73b6c9b1307912d3bde4f4e
+  data.tar.gz: abd8d448bce6e7112be0f296429e7060ff035071e632cc5769d0a04830a8d70b3dbc6071b85273383f588eef8e965c1e66abebeba9706b1ffbd077cd0012f21b

data/LICENSE.txt

@@ -0,0 +1,23 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Rien van der Lugt
+
+For the cookie warning: Copyright (c) 2015 Silktide Ltd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,99 @@
+# classic-jekyll-theme
+
+Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu, (up to) three columns and a footer. The design is fully responsive for three different screen widths: wide, medium and narrow. It is probably best shown in an example:
+
+Wide:
+
+![wide-layout](assets/img/wide.png)
+
+Medium:
+
+![medium-left-layout](assets/img/medium-left.png)
+
+Narrow:
+
+![narrow-layout](assets/img/narrow.png)
+
+The columns are called Primary (blue), Secondary (grey) and Tertiary (pink). In the above layouts the secondary column is on the left side. If it had been on the right side, the medium layout would have looked like this:
+
+![medium-right-layout](assets/img/medium-right.png)
+
+The menu bar (in yellow) is always deployed in the wide layout. In the medium and narrow layout the menu bar is shown in the deployed state. When not deployed, a menu-item symbol is shown in the banner that switches the menu between deployed and not.
+
+An example screenshot:
+
+![example](assets/img/screenshot-half.png)
+
+The navigation bar is created automatically from the available pages when they have the proper YAML frontmatter. The navigation bar contains the top level menu items, while the submenu items show up as a drop-down menu when the cursor hovers over the corresponding menu item.
+
+Category pages are created semi-automatically; the web designer has to identify the categories for inclusion, but the menu entry and category pages are created automatically.
+
+For european users a cookies policy is included by default. It can be easily disabled for non-european websites though.
+
+## Installation
+
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "classic-jekyll-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: classic-jekyll-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install classic-jekyll-theme
+
+## Usage
+
+The theme is configured in `_config.yml` and `_sass/classic-jekyll-theme.scss`.
+
+### _config.yml
+
+The following values are configurable:
+
+- secondary_column:
+
+	Controls the placing of the secondary column on either the `left` side, the `right` side or `none` at all.
+
+	When the secondary column is present its contents is taken from the file: `_includes/secondary-column.html`
+
+- tertiary_column:
+
+	Controls the presence of the tertiary column, either `present` or `none`.
+
+	When the tertiary column is present its contents is taken from the file: `_includes/tertiary-column.html`
+
+- number-of-posts-on-home-page:
+
+	By default set to 5, thus 5 posts will be shown in full on the home page.
+	
+- number-of-recent-posts-in-widget:
+
+	The number of posts (titles) that will appear in the "Recent" widget.
+
+- enable-cookies-policy:
+ 
+	`yes` to enable the cookies warning, `no` to disable. This is the cookies warning from [Silktide](http://silktide.com/cookieconsent) distributed under the MIT license.
+
+
+### _sass/classic-jekyll-theme.scss
+
+The default `main.scss` file has been emptied. Hence all CSS configuration is done in the theme sass file.
+
+## Feedback
+
+Comments, bug reports, feature requests and improvements are eagerly anticipated via email: rien@balancingrock.nl.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/_includes/disqus_comments.html

@@ -0,0 +1,25 @@
+{% if page.comments != false and jekyll.environment == "production" %}
+  {% if site.url %}
+    {% assign disqus_url = page.url | prepend: site.url %}
+  {% elsif site.github.url %}
+    {% assign disqus_url = page.url | prepend: site.github.url %}
+  {% endif %}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ disqus_url }}';
+      this.page.identifier = '{{ disqus_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{% endif %}

data/_includes/footer.html

@@ -0,0 +1,5 @@
+<footer>
+	<div>
+		<p>{{ site.description | escape }}</p>
+	</div>
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,11 @@
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+
+</script>
+  

data/_includes/head.html

@@ -0,0 +1,26 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+  
+  <!-- Include google analytics for production build and if necessary -->
+  {% if jekyll.environment == 'production' and site.google_analytics %}
+	{% include google-analytics.html %}
+  {% endif %}
+  
+  <!-- Include cookie consent for production build when enabled -->
+  {% if jekyll.environment == 'production' %}
+  	{% if site.enable-cookies-policy %}
+	  {% include widgets/cookie-consent.html %}
+    {% endif %}
+  {% endif %}
+
+</head>
+

data/_includes/navbanner.html

@@ -0,0 +1,149 @@
+<!-- Title of the site is always visible -->
+<div class="navbanner-title">
+	<p>{{ site.title }}</p>
+</div>
+
+<!-- The menu symbol will only be shown on narrow and medium layout -->
+<div class="navbanner-label">
+	<label for="menu-checkbox"><p><!-- empty but necessary! --></p></label> 
+</div>
+<input type="checkbox" id="menu-checkbox">
+
+<!-- Separator between banner and navigation bar. Visibility depends on screen width. -->
+<div class="nav-top-divider"></div>
+
+<!-- Navigation bar visibility depends on screen width. -->
+<nav class="navbanner-menu">
+
+	<!-- The site navigation menu. Note that there is only one level of sub-menu items -->
+	<!-- Create a list of the necessary submenu's -->
+
+	{% assign submenus = "" | split: "" %}
+	{% assign sortedPages = site.pages | sort: 'menuIndex' %}
+	{% for ape in sortedPages %}
+		{% if ape.menuInclude %}
+			{% if ape.subMenuFrom %}
+				{% assign item-found = false %}
+				{% for menu-item in submenus %}
+					{% if menu-item == ape.subMenuFrom %}
+						{% assign item-found = true %}
+					{% endif %}
+				{% endfor %}
+				{% if item-found == false %}
+					{% assign submenus = submenus | push: ape.subMenuFrom %}
+				{% endif %}
+			{% else %}
+				{% assign item-found = false %}
+				{% for menu-item in submenus %}
+					{% if menu-item == ape.menuTitle %}
+						{% assign item-found = true %}
+					{% endif %}
+				{% endfor %}
+				{% if item-found == false %}
+					{% assign submenus = submenus | push: ape.menuTitle %}
+				{% endif %}
+			{% endif %}
+		{% endif %}
+	{% endfor %}
+
+	<!-- Using the above list, create the menu and submenu's -->
+	<ul>
+			
+		<!-- Home page -->
+		<li>
+			<div class="menu-item">
+				<div class="menu-item-symbol"></div>
+				<div class="menu-item-title"><a href="/"><p>Home</p></a></div>
+			</div>
+		</li>
+
+		<!-- Page menus -->
+		{% assign sortedSubMenus = submenus %}
+		{% for submenu in sortedSubMenus %}
+		<li>
+			<input type="checkbox" id="{{ submenu | append:'-checkbox'}}">
+			<label for="{{ submenu | append:'-checkbox'}}">
+				<div class="menu-item-separator"><p><!-- empty but necessary --></p></div>
+				<div class="menu-item">
+					<div class="menu-item-symbol">
+						{% for subpage in site.pages %}
+							{% if subpage.subMenuFrom == submenu %}
+								<p><!-- will be filled by disclosure indicator --></p>
+								{% break %}
+							{% endif %}
+						{% endfor %}
+					</div>
+					<div class="menu-item-title">
+						{% assign foundTitlePage = false %}
+						{% for titlepage in site.pages %}
+							{% if titlepage.menuInclude %}
+								{% if titlepage.menuTitle == submenu %}
+									{% if titlepage.subMenuFrom == nil %}
+										<a href="{{ titlepage.url }}"><p>{{ submenu }}</p></a>
+										{% assign foundTitlePage = true %}
+										{% break %}
+									{% endif %}
+								{% endif %}
+							{% endif %}
+						{% endfor %}
+						{% if foundTitlePage == false %}
+							<p>{{ submenu }}</p>
+						{% endif %}
+					</div>
+				</div>
+			</label>
+			<ul>
+			{% assign sortedPages = site.pages | sort: 'menuIndex' %}
+			{% for ape in sortedPages %}
+				{% if ape.menuInclude %}
+					{% if ape.subMenuFrom == submenu %}
+					<li>
+						<div class="menu-subitem">
+							<div class="menu-subitem-symbol"></div>
+							<div class="menu-subitem-title">
+								<a href="{{ ape.url }}"><p>{{ ape.menuTitle }}</p></a>
+							</div>
+						</div>
+					</li>
+					{% endif %}
+				{% endif %}
+			{% endfor %}
+			</ul>
+		</li>
+		{% endfor %}
+
+		<!-- Categories menu -->
+		<li>
+			<input type="checkbox" id="category-checkbox">
+			<label for="category-checkbox">
+				<div class="menu-item-separator"><p><!-- empty but necessary --></p></div>
+				<div class="menu-item">
+					<div class="menu-item-symbol">
+						<p><!-- empty but necessary! --></p>
+					</div>
+					<div class="menu-item-title">
+						<p>Categories</p>
+					</div>
+				</div>
+			</label>
+			<ul>
+			{% for ape in site.pages %}
+				{% if ape.layout == 'category-page' %}
+				<li>
+					<div class="menu-subitem">
+						<div class="menu-subitem-symbol"></div>
+						<div class="menu-subitem-title">
+							<a href="{{ ape.url }}"><p>{{ ape.title | capitalize }}</p></a>
+						</div>
+					</div>
+				</li>
+				{% endif %}
+			{% endfor %}
+			</ul>
+		</li>
+
+	</ul>
+</nav>
+
+<!-- Separator between navigation bar and column panel. Visibility depends on screen width. -->
+<div class="nav-bottom-divider"></div>

data/_includes/secondary-column.html

@@ -0,0 +1,12 @@
+<!-- This widget divider will only show up in the narrow layout -->
+<div class="secondary-widget-divider"></div>
+
+<div class="widget">{% include widgets/recent-posts.html %}</div>
+
+<div class="widget-divider"></div>
+
+<div class="widget">{% include widgets/social-media.html %}</div>
+
+<div class="widget-divider"></div>
+
+<div class="widget">{% include widgets/subscribe.html %}</div>

data/_includes/tertiary-column.html

@@ -0,0 +1,4 @@
+<!-- This widget divider will only show up when the tertiary column content is merged into the secondary column-->
+<div class="tertiary-widget-divider"></div>
+
+<div class="widget">{% include widgets/browser-info.html %}</div>

data/_includes/widgets/browser-info.html

@@ -0,0 +1,13 @@
+<div class="browser-info">
+	<h1>Browser information:</h1>
+	<p>This website uses CSS3 & HTML5. It is recommended to use a modern browser with at least the following version number:</p>
+	<ul>
+		<li>Chrome 29.0</li>
+		<li>Edge 12.0</li>
+		<li>Explorer 11.0</li>
+		<li>Firefox 28.0</li>
+		<li>Safari 9.0</li>
+		<li>Opera 17.0</li>
+	</ul>
+	<p>Problems? please <a href="/pages/contact/contact.html">contact</a> me.</p>
+</div>

data/_includes/widgets/cookie-consent.html

@@ -0,0 +1,7 @@
+<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
+<script type="text/javascript">
+    window.cookieconsent_options = {"message":"This site uses cookies","dismiss":"OK","learnMore":"More info","link":"/pages/cookie-consent/cookie-consent.html","theme":"dark-top"};
+</script>
+
+<script type="text/javascript" src="/assets/js/cookieconsent.min.js"></script>
+<!-- End Cookie Consent plugin -->

data/_includes/widgets/recent-posts.html

@@ -0,0 +1,8 @@
+<div>
+	<h1>Recent:</h1>
+	{% for post in site.posts %}
+		{% if for.index > site.number-of-recent-posts-in-widget %}{% break %}{% endif %}
+		<p><a href="{{ post.url }}">{% if post.date %}{{ post.date | date: "%F" }}{% endif %} {{ post.title }}</a></p>
+	{% endfor %}
+</div>
+

data/_includes/widgets/social-media-res/icon-github.html

@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include widgets/social-media-res/icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/widgets/social-media-res/icon-github.svg

@@ -0,0 +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/widgets/social-media-res/icon-twitter.html

@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include widgets/social-media-res/icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/widgets/social-media-res/icon-twitter.svg

@@ -0,0 +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/_includes/widgets/social-media.html

@@ -0,0 +1,9 @@
+<div>
+	<h1>Social media & Resources:</h1>
+	{% if site.github_username %}
+		<div>{% include widgets/social-media-res/icon-github.html username=site.github_username %}</div>
+	{% endif %}
+	{% if site.twitter_username %}
+		<div>{% include widgets/social-media-res/icon-twitter.html username=site.twitter_username %}</div>
+	{% endif %}
+</div>

data/_includes/widgets/subscribe.html

@@ -0,0 +1,4 @@
+<div>
+	<h1>Subscribe:</h1>
+	<p class="rss-subscribe"><a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
+</div>