add webpack and basic page setup

IIIF-Commons · Jul 9, 2017 · 06aaf0a · 06aaf0a
1 parent 0175f9f
commit 06aaf0a
Show file tree

Hide file tree

Showing 19 changed files with 170 additions and 48 deletions.
diff --git a/Gemfile b/Gemfile
@@ -11,8 +11,7 @@ ruby RUBY_VERSION
 # Happy Jekylling!
 gem "jekyll", "3.4.3"
 
-# This is the default theme for new Jekyll sites. You may change this to anything you like.
-gem "minima", "~> 2.0"
+gem 'jemoji'
 
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,11 +1,21 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    activesupport (4.2.8)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
     addressable (2.5.1)
       public_suffix (~> 2.0, >= 2.0.2)
     colorator (1.1.0)
     ffi (1.9.18)
     forwardable-extended (2.6.0)
+    gemoji (3.0.0)
+    html-pipeline (2.5.0)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
+    i18n (0.8.5)
     jekyll (3.4.3)
       addressable (~> 2.4)
       colorator (~> 1.0)
@@ -23,14 +33,21 @@ GEM
       sass (~> 3.4)
     jekyll-watch (1.5.0)
       listen (~> 3.0, < 3.1)
+    jemoji (0.8.0)
+      activesupport (~> 4.0)
+      gemoji (~> 3.0)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0)
     kramdown (1.14.0)
     liquid (3.0.6)
     listen (3.0.8)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
     mercenary (0.3.6)
-    minima (2.1.1)
-      jekyll (~> 3.3)
+    mini_portile2 (2.2.0)
+    minitest (5.10.2)
+    nokogiri (1.8.0)
+      mini_portile2 (~> 2.2.0)
     pathutil (0.14.0)
       forwardable-extended (~> 2.6)
     public_suffix (2.0.5)
@@ -40,14 +57,17 @@ GEM
     rouge (1.11.1)
     safe_yaml (1.0.4)
     sass (3.4.24)
+    thread_safe (0.3.6)
+    tzinfo (1.2.3)
+      thread_safe (~> 0.1)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   jekyll (= 3.4.3)
   jekyll-feed (~> 0.6)
-  minima (~> 2.0)
+  jemoji
   tzinfo-data
 
 RUBY VERSION

diff --git a/_config.yml b/_config.yml
@@ -13,22 +13,19 @@
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: Your awesome title
-email: [email protected]
+title: Learn IIIF
 description: > # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
+  Learn IIIF, a quick way to get up to speed on IIIF.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jekyllrb
 github_username:  jekyll
 
 # Build settings
 markdown: kramdown
-theme: minima
 gems:
   - jekyll-feed
+  - jemoji
 keep_files:
   - assets/javascripts/bundle.js
 exclude:
@@ -37,3 +34,12 @@ exclude:
   - node_modules
 destination: public
 source: src
+sass:
+  load_paths:
+    - _sass
+    - node_modules
+
+collections:
+  overview:
+    output: true
+    permalink: /:collection/:name
diff --git a/package.json b/package.json
@@ -7,7 +7,9 @@
   },
   "author": "",
   "license": "MIT",
-  "dependencies": {},
+  "dependencies": {
+    "bootstrap": "4.0.0-alpha.6"
+  },
   "devDependencies": {
     "babel-core": "^6.25.0",
     "babel-loader": "^7.1.1",

diff --git a/src/_includes/footer.html b/src/_includes/footer.html
diff --git a/src/_includes/head.html b/src/_includes/head.html
@@ -0,0 +1,15 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <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 }}">
+
+  {% if jekyll.environment == 'production' and site.google_analytics %}
+  {% include google-analytics.html %}
+  {% endif %}
+</head>
diff --git a/src/_includes/header.html b/src/_includes/header.html
diff --git a/src/_includes/navigation.html b/src/_includes/navigation.html
@@ -0,0 +1,24 @@
+<a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+
+{% assign default_paths = site.pages | map: "path" %}
+{% assign page_paths = site.header_pages | default: default_paths %}
+
+{% assign collections = site.collections | where_exp: 'item', 'item.label != "posts"' %}
+<ul class='list-unstyled'>
+  {% for collection in collections %}
+    <li>
+      {% assign label = collection.label %}
+      {% assign collection_name = label | split: '_' | join: ' ' %}
+      <a href="{{ label | replace: '_', '-'| relative_url }}">
+        {{ collection_name | capitalize }}
+      </a>
+    </li>
+    <ul>
+      {% for page in site.[label] %}
+        <li>
+          <a href="{{ page.url | relative_url }}">{{ page.title }}</a>
+        </li>
+      {% endfor %}
+    </ul>
+  {% endfor %}
+</ul>
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -7,13 +7,18 @@
 
     {% include header.html %}
 
-    <main class="page-content" aria-label="Content">
-      <div class="wrapper">
-        {{ content }}
+    <main class="container" aria-label="Content">
+      <div class='row'>
+        <div class='col-sm-4'>
+          {% include navigation.html %}
+        </div>
+        <div class='col-sm-8'>
+          {{ content }}
+        </div>
       </div>
     </main>
 
-    {% include footer.html %}
+     {% include footer.html %}
 
   </body>
   <script type="text/javascript" src="/assets/javascripts/bundle.js" charset="utf-8"></script>

diff --git a/src/_layouts/home.html b/src/_layouts/home.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<div class="home">
+
+  {{ content }}
+
+</div>
diff --git a/src/_layouts/page.html b/src/_layouts/page.html
@@ -0,0 +1,17 @@
+---
+layout: default
+---
+<div class="row">
+  <div class='col-md-12'>
+
+    <header class='text-center'>
+      <h1 class='display-3'>{{ page.title }}</h1>
+    </header>
+  </div>
+</div>
+
+<div class='row'>
+  <div class='col-md-12'>
+    {{ content }}
+  </div>
+</div>
diff --git a/src/_overview/what-is-iiif.md b/src/_overview/what-is-iiif.md
@@ -0,0 +1,4 @@
+---
+layout: page
+title: What is IIIF?
+---
diff --git a/src/_posts/2017-07-02-welcome-to-jekyll.markdown b/src/_posts/2017-07-02-welcome-to-jekyll.markdown
diff --git a/src/_sass/application.scss b/src/_sass/application.scss
@@ -0,0 +1,3 @@
+p {
+  padding: 10px;
+}
diff --git a/src/about.md b/src/about.md
@@ -7,9 +7,3 @@ permalink: /about/
 This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
 
 You can find the source code for the Jekyll new theme at:
-{% include icon-github.html username="jekyll" %} /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at
-{% include icon-github.html username="jekyll" %} /
-[jekyll](https://github.com/jekyll/jekyll)
diff --git a/src/assets/main.scss b/src/assets/main.scss
@@ -0,0 +1,9 @@
+---
+# Needed for Jekyll
+---
+
+// Import Bootstraps
+
+@import '../../node_modules/bootstrap/scss/bootstrap';
+
+@import 'application';
diff --git a/src/index.md b/src/index.md
@@ -2,5 +2,21 @@
 # You don't need to edit this file, it's empty on purpose.
 # Edit theme's home layout instead if you wanna make some changes
 # See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-layout: home
+layout: page
+title: Learn IIIF
+
 ---
+
+<div class='lead text-center' style='padding: 20px;'>
+  Got 15 minutes? Learn the basics of IIIF 
+</div>
+
+IIIF (International Image Interoperability Framework) is a set API specifications useful for accessing image on the Web. 
+
+A group of users, software developers, and content providers that make up the IIIF community. Whether you are a scholar looking to use images for your ground breaking research or a dog picture aficionado hoping to share higher quality versions of your images, IIIF can help :smiley_cat:
+
+<div class='text-center'>
+  <a class='btn btn-primary' href="{{ 'brief-overview' | relative_url }}">
+    Get Started
+  </a>
+</div>
diff --git a/src/overview.md b/src/overview.md
@@ -0,0 +1,9 @@
+---
+layout: page
+title: A Brief Overview
+permalink: /overview/
+---
+
+IIIF is a series of APIs (application programming interface) that worked together to enable access for images on the Web. What the heck does that mean? 
+
+For one thing, it means that content providers can publish high-resolution images that are quickly viewable at great detail. It also means that IIIF users can read and collaboratively annotate a published books. It means a whole lot of things, and this overview aims to break things down. 
diff --git a/yarn.lock b/yarn.lock
@@ -656,6 +656,13 @@ [email protected]:
   dependencies:
     hoek "2.x.x"
 
+[email protected]:
+  version "4.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz#4f54dd33ac0deac3b28407bc2df7ec608869c9c8"
+  dependencies:
+    jquery ">=1.9.1"
+    tether "^1.4.0"
+
 brace-expansion@^1.1.7:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
@@ -1547,6 +1554,10 @@ isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
 
+jquery@>=1.9.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.2.1.tgz#5c4d9de652af6cd0a770154a631bba12b015c787"
+
 js-tokens@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
@@ -2412,6 +2423,10 @@ tar@^2.2.1:
     fstream "^1.0.2"
     inherits "2"
 
+tether@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/tether/-/tether-1.4.0.tgz#0f9fa171f75bf58485d8149e94799d7ae74d1c1a"
+
 timers-browserify@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.2.tgz#ab4883cf597dcd50af211349a00fbca56ac86b86"