jekyll-theme-eva 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a872db79927b62d67b65a6bd68276d992da9c8dac7f7c8d9a4020d388b85ad1b
+  data.tar.gz: 7e803245257a06ea4d99a7bb6fe31fbfa1d6b6ce7a5d7096b6a796fef7f983b0
+SHA512:
+  metadata.gz: aa340a7eca385a6015d81baec6da7cd370b629ed232c48a004256178e07802622a46e28c3279a9426e68c35cfd46efa90578f5ebbc3fa6804948f6aa8fe63811
+  data.tar.gz: 53e5a24acf0274231449a698f37fd05bc68de43279f0fa4fe02ca81ef0b0a55931342950a65bb89a0af0df97587b7359314dfea4f113a6f6926ba575da4b6540

data/.gitignore

@@ -0,0 +1,8 @@
+*.gem
+.bundle
+.sass-cache/
+_site/
+Gemfile.lock
+node_modules/
+.jekyll-metadata
+assets/resized/

data/Gemfile

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Anton Strogonoff
+
+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,30 @@
+# Eva: Jekyll theme for artist’s portfolio
+
+To start:
+
+- Add "jekyll-theme-eva" gem to your Gemfile
+- Specify "jekyll-theme-eva" theme in your site configuration
+- Copy theme’s _plugins directory into your site base directory
+- Create _data/albums and populate it with album data
+
+Album data structure:
+
+    - albums/
+      - <album 1 name>/
+        - about.yml
+        - artwork/
+          - <artwork 1 name>/
+            - about.yml
+            - <image file name>.svg
+          - <artwork 2 name>/
+            - about.yml
+            - <image file name>.svg
+
+Customization:
+
+- Create _includes/head_symbol_home.html for custom logo/mascot header
+- Create assets/css/style.scss with variables and custom styling rules,
+  place variables before `@import 'jekyll-theme-eva';` and custom rules after
+
+Note:
+uses plugins and Node (Webpack), so not suitable for Github pages auto-build.

data/_config.yml

@@ -0,0 +1,35 @@
+full_name: John Smith
+given_name: John
+family_name: Smith
+job_title: Illustrator
+tagline: here is tagline
+
+url:
+
+phone_number:
+
+social:
+  links:
+    - https://www.instagram.com/anileated/
+
+email: example@example.com
+
+# Or,
+# email_encoded: <encoded string>
+# key: <crypto key>
+
+# google_site_verification: <string>
+
+# Language in the format outlined here:
+# https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
+language: en
+
+plugins:
+  - jekyll-responsive-image
+
+responsive_image:
+  template: _includes/_responsive_image.html
+  sizes:
+    - width: 480
+      quality: 80
+    - width: 800

data/_includes/_icon_head_links.html

@@ -0,0 +1,12 @@
+{% comment %}Base size for the icon is 64x64px.{% endcomment %}
+<link rel="icon"
+    type="image/png"
+    href="{{ "favicon.png" | relative_url }}">
+<link rel="icon"
+    type="image/svg+xml"
+    href="{{ "favicon.svg" | relative_url }}">
+<link rel="apple-touch-icon"
+    type="image/png"
+    sizes="256x256"
+    href="{{ "favicon@4x.png" | relative_url }}">
+

data/_includes/_responsive_image.html

@@ -0,0 +1,9 @@
+{% capture srcset %}
+    {% for i in resized %}
+        /{{ i.path }} {{ i.width }}w,
+    {% endfor %}
+{% endcapture %}
+
+{% assign largest = resized | sort: 'width' | last %}
+
+<img src="/{{ largest.path }}" alt="{{ alt }}" srcset="{{ srcset | strip_newlines }}">

data/_includes/json_ld_person.html

@@ -0,0 +1,27 @@
+{
+    "@context": "http://schema.org",
+    "@type": "Person",
+    "image": "{{ "favicon@4x.png" | relative_url }}",
+    "jobTitle": "{{ site.job_title }}",
+    {% if site.given_name %}
+    "givenName": "{{ site.given_name }}",
+    {% endif %}
+    {% if site.family_name %}
+    "familyName": "{{ site.family_name }}",
+    {% endif %}
+    {% if site.additional_name %}
+    "additionalName": "{{ site.additional_name }}",
+    {% endif %}
+    "name": "{{ site.full_name }}",
+    {% if site.telephone %}
+    "telephone": "{{ site.phone_number }}",
+    {% endif %}
+    {% if site.url %}
+    "url": "{{ site.url }}",
+    {% endif %}
+    "sameAs": [
+        {% for link in site.social.links %}
+        "{{ link }}"{% if forloop.last == false %},{% endif %}
+        {% endfor %}
+    ]
+}

data/_layouts/album.html

@@ -0,0 +1,36 @@
+---
+layout: default
+---
+
+{% include head_symbol_home.html %}
+
+<header class="album__header" role="banner">
+    <img
+        role="presentation"
+        class="shadowything-top"
+        src="{{ "assets/img/shadowything-top@2x.png" | relative_url }}">
+
+    <div class="brand" role="presentation">
+        <nav class="author">
+            <a href="/" title="Return to the main page">{{ site.given_name }}’s</a>
+        </nav>
+        <h1 class="album-title">{{ page.about.title | downcase }}</h1>
+        <p class="album-desc">{{ page.about.description }}</p>
+    </div>
+</header>
+
+<section class="album__artwork {{ page.about.artwork_list_style }}">
+    {% for artwork in page.artwork %}
+        {% assign artwork_data = artwork[1] %}
+        {% assign item = artwork_data.items[0] %}
+        <article class="item" title="{{ artwork_data.about.title }}">
+            {% if item.path contains ".svg" %}
+                <img src="{{ item.path | relative_url }}">
+            {% else %}
+                {% responsive_image_block %}
+                    path: {{ item.source_path }}
+                {% endresponsive_image_block %}
+            {% endif %}
+        </article>
+    {% endfor %}
+</section>

data/_layouts/default.html

@@ -0,0 +1,110 @@
+<!doctype html>
+
+<html lang="{{ language }}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>{% if page.about.title %}{{ page.about.title }} — {% endif %}{{ site.full_name }}: {{ site.tagline }}</title>
+
+    {% if site.google_site_verification %}
+        <meta
+            name="google-site-verification"
+            content="{{ site.google_site_verification }}">
+    {% endif %}
+
+    {% if page.structured_data_include or layout.structured_data_include %}
+        <script type="application/ld+json">
+            {% if page.structured_data_include %}
+                {% include {{ page.structured_data_include }} %}
+            {% else %}
+                {% include {{ layout.structured_data_include }} %}
+            {% endif %}
+        </script>
+    {% endif %}
+
+    {% include _icon_head_links.html %}
+
+    {% comment %}Outdated browser detection & update prompt bootstrap{% endcomment %}
+    <script>
+        (function () {
+            function $buo_f() {
+                var e = document.createElement("script");
+                e.src = "{{ "assets/js/browser-update.js" | relative_url }}";
+                document.body.appendChild(e);
+            };
+            try {document.addEventListener("DOMContentLoaded", $buo_f, false)}
+            catch(e) {window.attachEvent("onload", $buo_f)}
+        }());
+    </script>
+
+    {% comment %}Email{% endcomment %}
+    <script>
+        (function () {
+            window.emailc = '{{ site.email_encoded }}:{{ site.key }}';
+        }());
+    </script>
+
+    <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/solid.js" integrity="sha384-Q7KAHqDd5trmfsv85beYZBsUmw0lsreFBQZfsEhzUtUn5HhpjVzwY0Aq4z8DY9sA" crossorigin="anonymous"></script>
+    <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/brands.js" integrity="sha384-6jhVhr5a+Z1nLr9h+fd7ocMEo847wnGFelCHddaOOACUeZNoQwFXTxh4ysXVam8u" crossorigin="anonymous"></script>
+    <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/fontawesome.js" integrity="sha384-M2FSA4xMm1G9m4CNXM49UcDHeWcDZNucAlz1WVHxohug0Uw1K+IpUhp/Wjg0y6qG" crossorigin="anonymous"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Barlow+Condensed" rel="stylesheet">
+
+    <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
+</head>
+
+<body class="layout-{{ page.layout }} name-{{ page.about.name }}">
+
+    <main>
+
+{{ content }}
+
+        <footer class="footer">
+            <nav class="social fa-2x" aria-label="Social links & contact channels">
+                {% for link in site.social.links %}
+                    <a href="{{ link }}" class="ico">
+                        <span class="fa-layers">
+                            <i class="fas fa-circle"></i>
+                            <i class="fab
+                                    {% if link contains "twitter.com" %}
+                                        fa-twitter
+                                    {% elsif link contains "github.com" %}
+                                        fa-github
+                                    {% elsif link contains "facebook.com" %}
+                                        fa-facebook
+                                    {% elsif link contains "tumblr.com" %}
+                                        fa-tumblr
+                                    {% elsif link contains "instagram.com" %}
+                                        fa-instagram
+                                    {% endif %}
+                                " data-fa-transform="shrink-6"></i>
+                        </span>
+                    </a>
+                {% endfor %}
+
+                {% if site.email_encoded or site.email %}
+                    <a class="ico" title="Email"
+                        {% if site.email_encoded %}
+                            href=""
+                            data-fill-email
+                        {% else %}
+                            href="mailto:{{ site.email }}"
+                        {% endif %}>
+                        <span class="fa-layers">
+                            <i class="fas fa-circle"></i>
+                            <i class="fas fa-envelope" data-fa-transform="shrink-8"></i>
+                        </span>
+                    </a>
+                {% endif %}
+            </nav>
+
+            <small class="legal">
+                © 2018 {{ site.full_name }}&emsp;•&emsp;All Rights Reserved
+            </small>
+        </footer>
+    </main>
+
+    <script src="{{ "assets/eva.js" | relative_url }}"></script>
+</body>

data/_layouts/home.html

@@ -0,0 +1,36 @@
+---
+layout: default
+structured_data_include: json_ld_person.html
+---
+
+<header class="home__header" role="banner">
+    <h1 class="name">
+        {{ site.full_name }}
+    </h1>
+    <h2 class="tagline">
+        {{ site.tagline }}
+    </h2>
+</header>
+
+{% include head_symbol_home.html %}
+
+<img class="home__shadowything"
+    src="{{ "assets/img/shadowything@2x.png" | relative_url }}"
+    role="presentation">
+
+<nav class="home__nav" role="navigation">
+    {% assign albums_unsorted = site.data.albums | values %}
+    {% assign albums = albums_unsorted | sort: "about.priority" %}
+    {% for album in albums %}
+        <a class="{{ album.about.name }} nav-item
+                    {{ album.about.home_nav_icon_style }}"
+                href="{{ album.url }}"
+                title="{{ album.about.title }}">
+            <div class="backdrop" role="presentation"></div>
+            <img class="icon"
+                src="{{ album.symbol_path | relative_url }}"
+                role="presentation">
+            <div class="label">{{ album.about.title | downcase }}</div>
+        </a>
+    {% endfor %}
+</nav>

data/_plugins/albums.rb

@@ -0,0 +1,148 @@
+IMAGE_EXTS = ['.svg', '.png', '.jpg', '.jpeg']
+
+def get_album_source_path(album_name)
+    # Relative to Jekyll’s data dir
+    return File.join("albums", album_name)
+end
+
+def get_album_symbol_filename()
+    return "symbol.png"
+end
+
+def get_album_static_dest_path(album_name)
+    # Relative to Jekyll’s assets dir
+    return File.join("albums", album_name)
+end
+
+def get_album_artwork_dest_path()
+    # Relative to album dest path
+    return "artwork"
+end
+
+module Jekyll
+
+    class AlbumSymbol < StaticFile
+        def initialize(site, album)
+            @album = album
+            fn = get_album_symbol_filename()
+            album_name = album["about"]["name"]
+
+            super(
+                site,
+                site.source,
+                File.join("_data", get_album_source_path(album_name)),
+                fn)
+
+            @relative_path = File.join(
+                "assets",
+                get_album_static_dest_path(album_name),
+                fn)
+        end
+
+        def destination_rel_dir
+            File.dirname(@relative_path) 
+        end
+    end
+
+    class ArtworkItem < StaticFile
+        def initialize(site, album, artwork_name, item_filename)
+            @album = album
+            @artwork_name = artwork_name
+            album_name = album["about"]["name"]
+
+            super(
+                site,
+                site.source,
+                File.join(
+                    "_data",
+                    get_album_source_path(album_name),
+                    "artwork",
+                    artwork_name),
+                item_filename)
+
+            @relative_path = File.join(
+                "assets",
+                get_album_static_dest_path(album_name),
+                "artwork",
+                @artwork_name,
+                item_filename)
+        end
+
+        def destination_rel_dir
+            File.dirname(@relative_path) 
+        end
+    end
+
+    class AlbumPage < Page
+        def initialize(site, base, dir, album_data)
+            @site = site
+            @base = base
+            @dir = dir
+            @name = "index.html"
+
+            self.process(@name)
+            self.read_yaml(File.join(base, "_layouts"), "album.html")
+
+            self.data["layout"] = "album"
+
+            album_data.each do |key, value|
+                self.data[key] = value
+            end
+        end
+    end
+
+    class AlbumGenerator < Generator
+        safe true
+
+        def generate(site)
+            # If all albums should be served from under common path…
+            base_path = site.config["albums_base_path"] || ""
+
+            site.data["albums"].each do |album_data|
+                album = album_data[1]
+                album_name = album["about"]["name"]
+
+                path = File.join(base_path, album_name)
+                album["url"] = path
+
+                symbol_static_file = AlbumSymbol.new(site, album)
+                album["symbol_path"] = symbol_static_file.url
+                site.static_files << symbol_static_file
+
+                artwork_root = File.join(
+                    site.source,
+                    "_data",
+                    get_album_source_path(album_name),
+                    "artwork")
+
+                album["artwork"].each do |artwork_name, artwork_data|
+                    artwork_item_root = File.join(artwork_root, artwork_name)
+                    next unless File.directory?(artwork_item_root)
+                    artwork_items = []
+
+                    Dir["#{artwork_item_root}/*"].each do |artwork_item|
+                        next if (File.directory?(artwork_item) or !IMAGE_EXTS.include?(File.extname(artwork_item)))
+                        item_filename = File.basename(artwork_item)
+
+                        artwork_item_static_file = ArtworkItem.new(
+                            site,
+                            album,
+                            artwork_name,
+                            item_filename)
+                        artwork_items.push({
+                            "name" => File.basename(item_filename, ".*"),
+                            "path" => artwork_item_static_file.url,
+                            "source_path" => artwork_item_static_file.path,
+                        })
+                        site.static_files << artwork_item_static_file
+                    end
+
+                    album["artwork"][artwork_name]["items"] = artwork_items
+                end
+
+                site.pages << AlbumPage.new(site, site.source, path, album)
+            end
+        end
+    end
+
+end