jekyll-dlp 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 2e6a4a9e649838a626c79c6d4c51200fe94ebb2225b836fcf82850adfdc42e69
+  data.tar.gz: 1ed079ab84951e84df8325692c396f89084e9080f2a0bbf67b8166f797b152dc
+SHA512:
+  metadata.gz: 9a00cd3aa9a5682343201319b960864f79c74376fec1f59c62f9839acdaf605601a552eb40c9db9b4533cfcb9cd358e29095c74e511d89a9ff5067b0d64f8411
+  data.tar.gz: e93c5bea676a91e200d7184444c2d7edd616ac1c6c39059aae3d743b349fe532087af38401592f00fb85184d88b262cd04ee4f0cbb919b5d463797410fc46087

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Digital Literacy Project
+
+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,40 @@
+# jekyll-dlp
+
+A Jekyll theme for the website of the [Digital Literacy Project](https://github.com/DigitalLiteracyProject) based on [Materialize](https://materializecss.com/).
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-dlp"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-dlp
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-dlp
+
+## Usage
+
+Default layout: two-column setup. If you include `toc: true` in your front matter for a page, then will feature a table of contents in the right column (assuming you have `jekyll-toc` installed as a plugin).
+
+Blank layout: literally nothing except head, nav, footer. A blank slate for you.
+
+Home layout: for use with home data. In your `_data` folder, create `homepage.yml`. See `homepage.yml` in the theme `_data` directory for an example.
+
+Navigation and footer links: see theme `_data` directory for instructions.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_data/footer_links.yml

@@ -0,0 +1,4 @@
+# A list of objects to appear in the footer, each with name and link.
+# Each object will be transformed into a link.
+- name: Name of link
+  link: https://github.com/DigitalLiteracyProject

data/_data/homepage.yml

@@ -0,0 +1,42 @@
+# The headline to appear over the image
+headline: a string
+
+# The call to action button text and link to appear over the image
+cta:
+  name: text in the button
+  link: url, where the button goes
+
+# The main image to appear on the home page
+home_image:
+  image: a url
+  alt: alt text for image
+
+# Big text description below image and above the fold
+description: a string
+
+# Two or three cards that will appear below the description.
+# Each card features an image, name, a link, and a description.
+cards:
+  - name: a string
+    link: url
+    image: url to image
+    description: a string
+  - name: a string
+    link: url
+    image: url to image
+    description: a string
+  # must have at least 2 of these
+
+# The statistics to appear in the bottom box before the footer.
+# Includes a headline, and 3-4 items, each of which includes
+# a number and a description to appear below the number.
+stats:
+  headline: a string
+  items:
+    - number: a number
+      description: a string
+    - number: a number
+      description: a string
+    - number: a number
+      description: a string
+    # must have at least 3 of these

data/_data/nav.yml

@@ -0,0 +1,4 @@
+# A list of items to appear in the navigation bar.
+# Each item has a name and a link.
+- name : Name of item
+  link : url to item

data/_includes/css.html

@@ -0,0 +1,3 @@
+<link rel="stylesheet" href="/assets/css/materialize.css">
+<link href="https://fonts.googleapis.com/css?family=Material+Icons|Open+Sans:300|Roboto+Slab&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/assets/css/main.css">

data/_includes/footer.html

@@ -0,0 +1,12 @@
+<footer class="page-footer">
+    <div class="footer-copyright">
+        <div class="container">
+            &copy; {{ site.copyright }}
+            <span class="right">
+            {% for item in site.data.footer_links %}
+                <a href="{{ item.link }}" class="grey-text text-lighten-4">&nbsp;&nbsp;{{ item.name }}</a>
+            {% endfor %}
+            </span>
+        </div>
+      </div>
+</footer>

data/_includes/js.html

@@ -0,0 +1 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

data/_includes/meta.html

@@ -0,0 +1,27 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow" />
+<meta property="og:title" content="{{ page.title }}">
+<meta property="og:type" content="website">
+<meta property="og:url" content="{{ site.url }}{{ page.url }}">
+<meta property="og:site_name" content="{{ site.title }}">
+
+{% if page.image %}
+<meta property="og:image" content="{{ page.image }}">
+{% else %}
+    {% if site.image %}
+<meta property="og:image" content="{{ site.image }}">
+    {% endif%}
+{% endif %}
+
+{% if page.description %}
+<meta property="og:description" content="{{ page.description }}">
+<meta name="description" content="{{ page.description }}">
+{% else %}
+    {% if site.description %}
+    <meta property="og:description" content="{{ site.description }}">
+    <meta name="description" content="{{ site.description }}">
+    {% endif %}
+{% endif %}
+
+<title>{{ page.title }}</title>

data/_includes/nav.html

@@ -0,0 +1,18 @@
+<nav>
+    <div class="nav-wrapper">
+        <div class="container">
+        <a href="/" class="brand-logo">
+            {% if site.logo %}
+                <img src="{{ site.logo }}" alt="{{ site.title }}" title="{{ site.title }}">    
+            {% else %}
+                {{ site.title }}
+            {% endif %}
+        </a>
+        <ul id="nav-mobile" class="right hide-on-med-and-down">
+            {% for item in site.data.nav %}
+                <li><a href="{{ item.link }}">{{ item.name }}</a></li>
+            {% endfor %}
+        </ul>
+        </div>
+    </div>
+</nav>

data/_layouts/blank.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en-us" }}">
+    <head>
+        {% include meta.html %}
+        {% include css.html %}
+    </head>
+    <body>
+        {% include nav.html %}
+
+        {{ content }}
+        
+        {% include footer.html %}
+
+        {% include js.html %}
+    </body>
+</html>

data/_layouts/default.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en-us" }}">
+    <head>
+        {% include meta.html %}
+        {% include css.html %}
+    </head>
+    <body>
+        {% include nav.html %}
+
+        <div class="container">
+            <div class="row">
+                <div class="col m9">
+                    {{ content }}
+                </div>
+                <div class="col m3">
+                    {% if page.toc %}
+                    <h5 class="ptb-2">On this page</h5>
+                    {{ content | toc_only }}
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+
+        {% include footer.html %}
+
+        {% include js.html %}
+    </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en-us" }}">
+    <head>
+        {% include meta.html %}
+        {% include css.html %}
+    </head>
+    <body>
+        {% include nav.html %}
+
+        <div class="home">
+            {% assign item = site.data.homepage.home_image %}
+            <div class="home-image">
+                <img src="{{ item.image }}" alt="{{ item.alt }}" title="{{ item.alt }}" class="responsive-img">
+            </div>
+            <div class="container headline-container">
+                <div class="row headline-container">
+                    <div class="headline valign-wrapper col s3">
+                        <div>
+                        <h3>{{ site.data.homepage.headline }}</h3>
+                        <a href="{{ site.data.homepage.cta.link }}" class="btn-large waves-effect waves-light">{{ site.data.homepage.cta.name }}<i class="material-icons right">chevron_right</i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row ptb-2">
+                <div class="col s12">
+                    <p class="big center-align">{{ site.data.homepage.description }}</p>
+                </div>
+            </div>
+            <div class="row">
+                {% if site.data.homepage.cards.size == 3 %}
+                    {% assign colsize = "s4" %}
+                {% else %}
+                    {% assign colsize = "s6" %}
+                {% endif %}
+                
+                {% for card in site.data.homepage.cards %}
+                <div class="col {{ colsize}}">
+                    <div class="card z-depth-0">
+                        <div class="card-image">
+                            <a href="{{ card.link }}">
+                            <img src="{{ card.image }}" alt="{{ card.name }}" title="{{ card.name }}">
+                            <span class="card-title">{{ card.name }}</span>
+                            </a>
+                        </div>
+                        <div class="card-content center-align">
+                            <p>{{ card.description }}</p>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+        <div class="pink darken-4 white-text">
+            <div class="container ptb-2">
+                <div class="row">
+                    <div class="col s12 center-align">
+                        <h4>{{ site.data.homepage.stats.headline }}</h4>
+                    </div>
+                </div>
+                <div class="row">
+                    {% if site.data.homepage.stats.items.size == 3 %}
+                        {% assign colsize = "s4" %}
+                    {% else %}
+                        {% assign colsize = "s3" %}
+                    {% endif %}
+        
+                    {% for item in site.data.homepage.stats.items %}
+                    <div class="col {{ colsize }} center-align">
+                        <h1>{{ item.number }}</h1>
+                        <p>{{ item.description }}</p>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+        
+        {% include footer.html %}
+
+        {% include js.html %}
+    </body>
+</html>
+

data/_sass/materialize/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2018 Materialize
+
+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/_sass/materialize/components/_badges.scss

@@ -0,0 +1,55 @@
+// Badges
+span.badge {
+  min-width: 3rem;
+  padding: 0 6px;
+  margin-left: 14px;
+  text-align: center;
+  font-size: 1rem;
+  line-height: $badge-height;
+  height: $badge-height;
+  color: color('grey', 'darken-1');
+  float: right;
+  box-sizing: border-box;
+
+  &.new {
+    font-weight: 300;
+    font-size: 0.8rem;
+    color: #fff;
+    background-color: $badge-bg-color;
+    border-radius: 2px;
+  }
+  &.new:after {
+    content: " new";
+  }
+
+  &[data-badge-caption]::after {
+    content: " " attr(data-badge-caption);
+  }
+}
+
+// Special cases
+nav ul a span.badge {
+  display: inline-block;
+  float: none;
+  margin-left: 4px;
+  line-height: $badge-height;
+  height: $badge-height;
+  -webkit-font-smoothing: auto;
+}
+
+// Line height centering
+.collection-item span.badge {
+  margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
+}
+.collapsible span.badge {
+  margin-left: auto;
+}
+.sidenav span.badge {
+  margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
+}
+
+table span.badge {
+  display: inline-block;
+  float: none;
+  margin-left: auto;
+}