jekyll-theme-ethereal 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30c60c9c313b33d15c3e083d756805003f7bd646714cb3af9e27b3772aa6ea1f
-  data.tar.gz: 6d3ec396d52e586b93118d43f33fedfb49b6fee31b70c6cafe447295aa73d04c
+  metadata.gz: 2f6f7f2b386d149c79d761549fbf798352d7ab7267cd2635ec90f39dd002de93
+  data.tar.gz: 30d186ba6694c7bfee2365a8980b4c356070f435cf0421c2be982b6b84b9cd72
 SHA512:
-  metadata.gz: 9f8931c38b9f703db771ff3616e54d3c169d8c64da386c8bba33ec573363fa1ebe9c64fd9f4ba13788e506b72dbbfd9f978640df89d19fb8e67e19269dce00bd
-  data.tar.gz: 10c01f0ea9f387d675eb8ca2209a7df3939b0f4a7137a778ef78e481da37ab1c2e42966455f205675cb0d2de1065987779643cbebf78457d68dfbbd8b6fa0406
+  metadata.gz: eb5b53b56442e68f2ff4f7a2349120d8ffa64624248a90d26f317980b3488e325979ff6bbdfa7f9610be8e19fb01d528a485ca74c38e00336e844363d74a4421
+  data.tar.gz: 50c1181087b51884607d200c65da4ac77d43baa8e6ee76cfe58c59dc0927899c8e2ba883fadf40d2dba0b89230bf145f40cfdcdbc0dcc18b41276aa0930f26b1

data/README.md

@@ -1,8 +1,8 @@
-# Ethereal - Jekyll theme
+# Ethereal - Jekyll template
 
-> A Jekyll version of the "Ethereal" theme by [HTML5 UP][html5up].
+> An augmented version of the "Ethereal" theme by [HTML5 UP][html5up], ported to Jekyll. :rainbow:
 
-You can preview the theme [here](https://moodule.github.io/jekyll-theme-ethereal
+You can preview the theme [here](https://moodule.github.io/jekyll-theme-ethereal)
 
 ![Ethereal Theme](assets/images/screenshot.jpg "Ethereal Theme")
 
@@ -14,7 +14,7 @@ You can preview the theme [here](https://moodule.github.io/jekyll-theme-ethereal
 
 > **Customizable**: theme colors, header, banner, menu, social items can be changed from a central config file
 
-> **Many page templates**: contact forms, navigation menus, and others can be easily inserted thanks to custom Jekyll includes
+> **Many templates**: contact forms, galleries, and others can be easily inserted thanks to custom Jekyll includes
 
 > **Vector images**: the theme images are vectorized, render smoothly on any display and can be dynamically styled
 
@@ -528,7 +528,7 @@ Repository [Jekyll logo][jekyll-logo] icon licensed under a [Creative Commons At
 
 ## License
 
-The theme is available as open source under the terms of the [CC-BY-3.0](LICENSE).
+The theme is available as open source under the terms of the [CC-BY-4.0](LICENSE).
 
 [andrew-banchich]: https://gitlab.com/andrewbanchich
 [cc4-license]: http://choosealicense.com/licenses/cc-by-4.0/

data/_includes/panel.html

@@ -1,18 +1,13 @@
 <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>
+class="panel {{ include.type }} {{ include.style.size }} {{ include.style.text.position | default: 'right' }} {{ include.style.background.color }}"
+id="{{ include.id | default: include.type }}">
+{% if include.type=="banner" %}
+	{% include panel_banner.html header=include.header content=include.content style=include.style %}
+{% elsif include.type=="contact" %}
+	{% include panel_contact.html header=include.header content=include.content style=include.style %}
+{% elsif include.type=="spotlight" %}
+	{% include panel_spotlight.html header=include.header content=include.content style=include.style %}
+{% else %}
+	{% include panel_generic.html header=include.header content=include.content style=include.style %}
+{% endif %}
 </section>

data/_includes/panel_banner.html

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

data/_includes/panel_contact.html

@@ -0,0 +1,30 @@
+<div class="intro {{ include.style.header.color | default: 'color4' }}">
+    <h2 class="major">{{ include.header.title | default: 'Contact'}}</h2>
+    <p>{{ include.header.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>

data/_includes/panel_generic.html

@@ -0,0 +1,5 @@
+<div class="intro {{ include.style.header.joined }} {{ include.style.header.color }}">
+    <h2 class="major">{{ include.header.title }}</h2>
+    <p>{{ include.header.description }}</p>
+</div>
+{{ include.content }}

data/_includes/panel_spotlight.html

@@ -0,0 +1,8 @@
+<!-- Spotlight -->
+<div class="content span-7">
+    <h2 class="major">{{ include.header.title }}</h2>
+    <p>{{ include.header.description }}</p>
+</div>
+<div class="image filtered tinted" data-position="{{ include.style.background.position }}">
+    <img src="{{ include.style.background.image | absolute_url }}" alt="{{ include.background.alt }}" />
+</div>

data/_layouts/home.html

@@ -3,6 +3,6 @@ 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 %}
+{% include panel.html type="banner" id="banner" header=banner.header content=banner.content style=banner.style %}
 
 {{ content }}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-ethereal
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - David Mougeolle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-31 00:00:00.000000000 Z
+date: 2019-09-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -61,17 +61,18 @@ extra_rdoc_files: []
 files:
 - LICENSE
 - README.md
-- _includes/banner.html
-- _includes/contact.html
 - _includes/date.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/language.html
 - _includes/logo.html
 - _includes/panel.html
+- _includes/panel_banner.html
+- _includes/panel_contact.html
+- _includes/panel_generic.html
+- _includes/panel_spotlight.html
 - _includes/scripts.html
 - _includes/social.html
-- _includes/spotlight.html
 - _includes/thread.html
 - _layouts/default.html
 - _layouts/home.html
@@ -113,6 +114,7 @@ files:
 - assets/css/noscript.scss
 - assets/images/bg.jpg
 - assets/images/drone.jpg
+- assets/images/favicon.ico
 - assets/images/gallery/fulls/01.jpg
 - assets/images/gallery/fulls/02.jpg
 - assets/images/gallery/fulls/03.jpg

data/_includes/banner.html

@@ -1,22 +0,0 @@
-<!-- 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

@@ -1,34 +0,0 @@
-<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/spotlight.html

@@ -1,12 +0,0 @@
-<!-- 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>