jekyll-theme-ethereal 0.1.0

data/_includes/banner.html

@@ -0,0 +1,22 @@
+<!-- Banner -->
+<section
+class="panel banner {{ include.style.text.position | default: 'right' }} {{ include.style.background.color }}"
+id="{{ include.id | default: 'banner' }}">
+    <div class="content {{ include.style.header.color | default: 'color0' }} span-3-75">
+        <h1 class="major">{{ include.title }}<br />
+        {{ include.subtitle }}</h1>
+        <p>{{ include.description }}</p>
+        <ul class="actions">
+            <li>
+                <a
+                href="{{ include.button.target }}"
+                class="button primary color1 circle icon solid fa-angle-right">
+                    {{ include.button.label | default: 'Next'}}
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div class="image filtered span-1-75" data-position="25% 25%">
+        <img src="{{ include.style.background.image | absolute_url }}" alt="" />
+    </div>
+</section>

data/_includes/contact.html

@@ -0,0 +1,34 @@
+<section
+class="panel {{ include.style.background.color | default: 'color4-alt' }}"
+id="{{ include.id | default: 'contact' }}">
+    <div class="intro {{ include.style.header.color | default: 'color4' }}">
+        <h2 class="major">{{ include.title | default: 'Contact'}}</h2>
+        <p>{{ include.description }}</p>
+    </div>
+    <div class="inner columns divided">
+        <div class="span-3-25">
+            <form method="post" action="#">
+                <div class="fields">
+                    <div class="field half">
+                        <label for="name">Name</label>
+                        <input type="text" name="name" id="name" />
+                    </div>
+                    <div class="field half">
+                        <label for="email">Email</label>
+                        <input type="email" name="email" id="email" />
+                    </div>
+                    <div class="field">
+                        <label for="message">Message</label>
+                        <textarea name="message" id="message" rows="4"></textarea>
+                    </div>
+                </div>
+                <ul class="actions">
+                    <li><input type="submit" value="Send Message" class="button primary" /></li>
+                </ul>
+            </form>
+        </div>
+        <div class="span-1-5">
+            {% include social.html color=include.style.icons.color %}
+        </div>
+    </div>
+</section>

data/_includes/date.html

@@ -0,0 +1,24 @@
+{% assign day = include.date | date: "%-d" %}
+{% assign month = include.date | date: "%-m" %}
+{% if page.lang == "en" %}
+    {{ include.date | date: "%B" }} {{ day }}, {{ include.date | date: "%Y" }}
+{% elsif page.lang == "fr" %}
+    {% if day == "1" %}
+        {{ day }}<sup>er</sup>
+    {% else %} {{ day }}
+    {% endif %}
+    {% case month %}
+            {% when  '1' %}janvier
+            {% when  '2' %}février
+            {% when  '3' %}mars
+            {% when  '4' %}avril
+            {% when  '5' %}mai
+            {% when  '6' %}juin
+            {% when  '7' %}juillet
+            {% when  '8' %}août
+            {% when  '9' %}septembre
+            {% when '10' %}octobre
+            {% when '11' %}novembre
+            {% when '12' %}décembre
+    {% endcase %} {{ include.date | date: "%Y" }}
+{% endif %}

data/_includes/footer.html

@@ -0,0 +1,14 @@
+<!-- Footer -->
+<footer id="footer">
+    <ul class="copyright">
+        <li>&copy; {{ site.copyright_holder }}</li>
+        <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+        <li>Jekyll integration: <a href="http://github.com/moodule" target="_blank">Moodule</a></li>
+        {% if site.legal_terms_url %}
+        <li><a href="{{ site.legal_terms_url | absolute_url }}" target="_blank">Legal Terms</a></li>
+        {% endif %}
+        {% if site.privacy_policy_url %}
+        <li><a href="{{ site.privacy_policy_url | absolute_url }}" target="_blank">Privacy Policy</a></li>
+        {% endif %}
+    </ul>
+</footer>

data/_includes/head.html

@@ -0,0 +1,14 @@
+{% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
+{% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
+
+<head>
+    <title>{{ include.title }} - {{ include.subtitle }}</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <link rel="stylesheet" href="{{ 'assets/css/main.css' | absolute_url }}" />
+    {% for page in pages %}
+    <link rel="alternate" hreflang="{{ page.lang }}" href="{{ page.url }}" />
+    {% endfor %}
+    <noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | absolute_url }}" /></noscript>
+    {% if site.favicon_url %}<link rel="icon" href="{{ site.favicon_url | absolute_url }}" />{% endif %}
+</head>

data/_includes/language.html

@@ -0,0 +1,14 @@
+{% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
+{% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
+
+<div id="language-selector">
+	<ul class="language">
+		{% for page in pages %}
+		{% if page.lang != "x-default" %}
+		<li>
+		    <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
+		</li>
+		{% endif %}
+		{% endfor %}
+	</ul>
+</div>

data/_includes/logo.html

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 46296.26 40689.13"><defs/><g id="Layer_x0020_1"><g id="_1761831900240"><path d="M23204.91 7530.98c2944.63-3188.84 6384.04-4639.01 10366.38-4077.21 4110.34 579.88 7609.97 3518.41 8854.17 7479.01 957.39 3047.58 559.96 6460.83-722.09 9573.35-1993.98 4840.97-7886.31 11722.09-18555.24 16532.85C12479.21 32228.22 6586.88 25347.1 4592.89 20506.13c-1282.05-3112.52-1679.47-6525.77-722.09-9573.35 1244.19-3960.6 4743.83-6899.13 8854.17-7479.01 3982.46-561.82 7421.94 888.46 10366.64 4077.48 5.4 5.84 56.52 61.37 56.53 61.36.04.04 51.9-56.36 56.79-61.63zm-56.79-4522.44C16716.43-2039.47 6635.87-722.29 2000.47 6864.48 461.39 9383.51-116.67 12312.23 19.17 15219.93c235.64 5043.59 2412.75 9452.27 5610.61 13256.78 4306.02 5122.9 10531.26 9148.59 17382.21 12152.72 9.53 4.18 88.63 38.56 136.13 59.69 41.66-17.53 114.6-50.41 137.01-60.3 6815.65-3004.07 13075.56-7030.12 17381.33-12152.12 3198.08-3804.33 5374.97-8213.2 5610.61-13256.78 135.85-2907.7-442.2-5836.43-1981.3-8355.45-4635.4-7586.77-14715.95-8903.95-21147.65-3855.94z" class="fil0"/><path d="M22983.64 21630.19l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.85-2300.18-2239.67-3843.76-87.17-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.75 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.13-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.43 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12zm13802.46 0l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.86-2300.18-2239.67-3843.76-87.18-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.74 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.14-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.42 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12z" class="fil0"/></g></g></svg>

data/_includes/panel.html

@@ -0,0 +1,18 @@
+<section
+class="panel {{ include.style.background.color }}"
+id="{{ include.id }}">
+    <div class="intro joined {{ include.style.header.color }}">
+        <h2 class="major">{{ include.title }}</h2>
+        <p>{{ include.description }}</p>
+    </div>
+    <div class="inner">
+        <ul class="grid-icons three connected">
+            <li><span class="icon fa-gem"><span class="label">Lorem</span></span></li>
+            <li><span class="icon solid fa-camera-retro"><span class="label">Ipsum</span></span></li>
+            <li><span class="icon solid fa-cog"><span class="label">Dolor</span></span></li>
+            <li><span class="icon solid fa-paper-plane"><span class="label">Sit</span></span></li>
+            <li><span class="icon solid fa-chart-bar"><span class="label">Amet</span></span></li>
+            <li><span class="icon solid fa-code"><span class="label">Nullam</span></span></li>
+        </ul>
+    </div>
+</section>

data/_includes/scripts.html

@@ -0,0 +1,18 @@
+<!-- Scripts -->
+<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/browser.min.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false"></script>
+<script>
+window.cookieconsent.initialise({
+	"palette": {
+		"popup": {
+			"background": "#252e39"
+		},
+		"button": {
+			"background": "#14a7d0"
+		}
+	}
+});
+</script>

data/_includes/social.html

@@ -0,0 +1,36 @@
+<!-- Social Icons -->
+<ul class="contact-icons {{ include.color | default: 'color1' }}">
+    {% if site.twitter.url %}
+    <li class="icon brands fa-twitter"><a href="{{ site.twitter.url }}" target="_blank"><span class="label">{{ site.twitter.label }}</span></a></li>
+    {% endif %}
+    {% if site.facebook.url %}
+    <li class="icon brands fa-facebook-f"><a href="{{ site.facebook.url }}" target="_blank"><span class="label">{{ site.facebook.label }}</span></a></li>
+    {% endif %}
+    {% if site.snapchat.url %}
+    <li class="icon brands fa-snapchat-ghost"><a href="{{ site.snapchat.url }}" target="_blank"><span class="label">{{ site.snapchat.label }}</span></a></li>
+    {% endif %}
+    {% if site.medium.url %}
+    <li class="icon brands fa-medium-m"><a href="{{ site.medium.url }}" target="_blank"><span class="label">{{ site.medium.label }}</span></a></li>
+    {% endif %}
+    {% if site.instagram.url %}
+    <li class="icon brands fa-instagram"><a href="{{ site.instagram.url }}" target="_blank"><span class="label">{{ site.instagram.label }}</span></a></li>
+    {% endif %}
+    {% if site.pinterest.url %}
+    <li class="icon brands fa-pinterest"><a href="{{ site.pinterest.url }}" target="_blank"><span class="label">{{ site.pinterest.label }}</span></a></li>
+    {% endif %}
+    {% if site.500px.url %}
+    <li class="icon brands fa-500px"><a href="{{ site.500px.url }}" target="_blank"><span class="label">{{ site.500px.label }}</span></a></li>
+    {% endif %}
+    {% if site.gitlab.url %}
+    <li class="icon brands fa-gitlab"><a href="{{ site.gitlab.url }}" target="_blank"><span class="label">{{ site.gitlab.label }}</span></a></li>
+    {% endif %}
+    {% if site.github.url %}
+    <li class="icon brands fa-github"><a href="{{ site.github.url }}" target="_blank"><span class="label">{{ site.github.label }}</span></a></li>
+    {% endif %}
+    {% if site.slack.url %}
+    <li class="icon brands fa-slack"><a href="{{ site.slack.url }}" target="_blank"><span class="label">{{ site.slack.label }}</span></a></li>
+    {% endif %}
+    {% if site.linkedin.url %}
+    <li class="icon brands fa-linkedin"><a href="{{ site.linkedin.url }}" target="_blank"><span class="label">{{ site.linkedin.label }}</span></a></li>
+    {% endif %}
+</ul>

data/_includes/spotlight.html

@@ -0,0 +1,12 @@
+<!-- Spotlight -->
+<section
+class="panel spotlight {{ include.style.size | default: 'medium' }} {{ include.style.text.position | default: 'right' }} {{ include.style.background.color }}"
+id="{{ include.id | default: 'spotlight' }}">
+    <div class="content span-7">
+        <h2 class="major">{{ include.title }}</h2>
+        <p>{{ include.description }}</p>
+    </div>
+    <div class="image filtered tinted" data-position="bottom right">
+        <img src="{{ include.style.background.image | absolute_url }}" alt="" />
+    </div>
+</section>

data/_includes/thread.html

@@ -0,0 +1,25 @@
+{% assign posts=site.posts | where:"lang", page.lang %}
+{% assign date_format = site.date_format | default: "%b %-d, %Y" %}
+
+{%- if posts.size > 0 -%}
+<section>
+    <header class="major">
+        <h2>{{ page.list_title | default: "Posts" }}</h2>
+    </header>
+    <div class="posts">
+        {%- for post in posts -%}
+        <article>
+            <a href="{{ post.url | absolute_url }}" class="image"><img src="{{ post.image | absolute_url }}" alt="" /></a>
+            <h3>{{ post.title | escape }}</h3>
+            <!-- <span>{{ post.date | date: date_format }}</span> -->
+            <p>{{ post.excerpt }}</p>
+            <ul class="actions">
+                <li><a href="{{ post.url | absolute_url }}" class="button">More</a></li>
+            </ul>
+        </article>
+        {% endfor %}
+    </div>
+</section>
+
+<p class="rss-subscribe">subscribe <a href="{{ '/feed.xml' | absolute_url }}">via RSS</a></p>
+{%- endif -%}

data/_layouts/default.html

@@ -0,0 +1,41 @@
+---
+---
+{% assign lang = page.lang | default: site.lang | default: 'en' %}
+{% assign title = page.title | default: site.title %}
+{% assign subtitle = page.subtitle | default: site.subtitle %}
+{% assign description = page.description | default: site.description %}
+
+<!DOCTYPE html>
+<!--
+    Ethereal by HTML5 UP
+    html5up.net | @ajlkn
+    Ported into a Jekyll template by MOODULE
+    https://moodule.github.io | @moodule
+    Free for personal and commercial use under the CCA 4.0 license
+-->
+<html lang="{{ lang }}">
+    
+    {% include head.html title=title subtitle=subtitle description=description %}
+
+    <body class="is-preload">
+
+        <!-- Page Wrapper -->
+        <div id="page-wrapper">
+
+            {% include language.html %}
+
+            <!-- Wrapper -->
+            <div id="wrapper">
+
+                {{ content }}
+
+            </div>
+
+            {% include footer.html %}
+
+        </div>
+
+        {% include scripts.html %}
+
+    </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{% assign banner = page.banner | default: site.banner %}
+
+{% include banner.html id=banner.id title=banner.title subtitle=banner.subtitle description=banner.description button=banner.button style=banner.style %}
+
+{{ content }}

data/_layouts/page.html

@@ -0,0 +1,4 @@
+---
+layout: default
+---
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,27 @@
+---
+layout: default
+---
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+
+    <header class="post-header">
+        <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+        <p class="post-meta">
+            <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+                {% include date.html date=page.date %}
+            </time>
+            {% if page.author %}
+            • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
+            {% endif %}
+        </p>
+    </header>
+
+    <div class="post-content e-content" itemprop="articleBody">
+        {{ content }}
+    </div>
+
+    {% if site.disqus.shortname %}
+    {% include disqus_comments.html %}
+    {% endif %}
+
+    <a class="u-url" href="{{ page.url | absolute_url }}" hidden></a>
+</article>

data/_layouts/redirect.html

@@ -0,0 +1,10 @@
+---
+lang: x-default
+---
+<!doctype html>
+<html>
+    <head>
+        <meta http-equiv="refresh" content="0; url={{ page.forward_url | absolute_url }}">
+        <link rel="canonical" href="{{ page.forward_url | absolute_url }}" />
+    </head>
+</html>

data/_layouts/sitemap.html

@@ -0,0 +1,22 @@
+---
+layout: sitemap
+permalink: /sitemap.xml
+---
+{% assign posts=site.posts | sort: 'lang' %}
+{% assign pages=site.html_pages | sort: 'lang' | concat: posts %}
+
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {% for page in pages %}
+  {% assign versions=pages | where:"lang-ref", page.lang-ref %}
+  {% unless page.url contains "404" %}
+  <url>
+    <loc>{{ page.url | absolute_url}}</loc>
+    {% for version in versions %}
+    <xhtml:link rel="alternate" hreflang="{{ version.lang }}" href="{{ version.url | absolute_url }}" />
+    {% endfor %}
+    <changefreq>weekly</changefreq>
+  </url>
+  {% endunless %}
+  {% endfor %}
+</urlset>

data/_sass/base/_page.scss

@@ -0,0 +1,117 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Page */
+
+	@include keyframes('load-spinner') {
+		0% {
+			@include vendor('transform', 'rotate(0deg)');
+		}
+
+		100% {
+			@include vendor('transform', 'rotate(360deg)');
+		}
+	}
+
+	@-ms-viewport {
+		width: device-width;
+	}
+
+	html {
+		width: 100%;
+		height: 100%;
+	}
+
+	// Set box model to border-box.
+	// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+		html {
+			box-sizing: border-box;
+		}
+
+		*, *:before, *:after {
+			box-sizing: inherit;
+		}
+
+	body {
+		@include vendor('display', 'flex');
+		@include vendor('align-items', 'center');
+		@include vendor('justify-content', 'flex-start');
+		-ms-overflow-style: scrollbar;
+		width: 100%;
+		height: 100%;
+		min-height: 30rem;
+		overflow: hidden;
+
+		&:before {
+			@include vendor('animation', 'load-spinner 1s infinite linear');
+			@include vendor('transition', 'opacity 0.25s ease');
+			@include vendor('transition-delay', '0s');
+			@include vendor('pointer-events', 'none');
+			content: '';
+			display: block;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			width: 4rem;
+			height: 4rem;
+			margin: -2rem 0 0 -2rem;
+			background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette(bg)}; stroke-width: 1.5px; }</style><defs><clipPath id="corner"><polygon points="0,0 48,0 48,48 96,48 96,96 0,96" /></clipPath></defs><g clip-path="url(#corner)"><circle cx="48" cy="48" r="32"/></g></svg>');
+			background-position: center;
+			background-repeat: no-repeat;
+			background-size: 4rem;
+			opacity: 0;
+		}
+
+		&:after {
+			@include vendor('pointer-events', 'none');
+			content: '';
+			display: block;
+			position: fixed;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			z-index: -1;
+			background-attachment: fixed;
+			background-color: _palette(bg-alt);
+			background-image: url('../images/overlay.png'), url('../images/bg.jpg');
+			background-repeat: repeat, repeat-x;
+			background-size: 128px 128px, cover;
+		}
+
+		// Stops initial animations until page loads.
+			&.is-preload {
+				*, *:before, *:after {
+					@include vendor('animation', 'none !important');
+					@include vendor('transition', 'none !important');
+				}
+
+				&:before {
+					@include vendor('transition', 'opacity 1s ease');
+					@include vendor('transition-delay', '0.75s');
+					opacity: 0.25;
+				}
+			}
+
+	}
+
+	@include breakpoint('<=small') {
+		html {
+			height: auto;
+		}
+
+		body {
+			height: auto;
+			overflow-x: hidden;
+			overflow-y: auto;
+		}
+	}
+
+	@include breakpoint('<=xsmall') {
+		html, body {
+			min-width: 320px;
+		}
+	}