From acd7d616067ed45fd23e39a8d95314bf2d76f4f0 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 19:30:21 +0200
Subject: [PATCH 01/10] Refactor UI

---
 example/component/body.css | 12 ++++++++----
 example/component/nav.css  | 14 +++++++-------
 src/cjss.js                |  2 ++
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/example/component/body.css b/example/component/body.css
index d2a7f14..fc867da 100644
--- a/example/component/body.css
+++ b/example/component/body.css
@@ -22,6 +22,10 @@ body {
   margin: 0 10%;
   background-image: linear-gradient( 70.6deg, rgba(172,30,255,1) 0.3%, rgba(65,35,251,1) 55.8%, rgba(35,251,224,1) 105.1% );
   color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
 }
 
 html {
@@ -39,9 +43,9 @@ body h3 {
 }
 
 .center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  /*! position: absolute; */
+  /*! top: 50%; */
+  /*! left: 50%; */
+  /*! transform: translate(-50%, -50%); */
   text-align: center;
 }
\ No newline at end of file
diff --git a/example/component/nav.css b/example/component/nav.css
index 5bad47c..6ce4a44 100644
--- a/example/component/nav.css
+++ b/example/component/nav.css
@@ -1,7 +1,8 @@
 nav {
+  display: flex;
+  justify-content: center;
   --data: json({
-    "name": ["one", "two", "three"],
-    "link": [] /* This array is filled with content in --prepare */
+    "name": ["one", "two", "three"]
   });
 
   --prepare: js(
@@ -20,13 +21,12 @@ nav {
 }
 
 nav .item {
-  cursor: pointer;
-  padding: 6px 8px;
-  margin: 0 5px;
+  padding: 0.3em 0.5em;
+  margin: 0 0.3em;
   color: white;
   text-decoration: none;
-  font-size: 21px;
-  border-radius: 3px;
+  font-size: 1.2em;
+  border-radius: 0.2em;
   box-shadow: 0 0 0 1px white;
 
   --script: js(
diff --git a/src/cjss.js b/src/cjss.js
index 2db1610..2b25f2d 100644
--- a/src/cjss.js
+++ b/src/cjss.js
@@ -8,6 +8,8 @@ import CJSSError from './CJSSError';
  * Run one CJSS rule, handling the properties `--html`, `--js` and `--data`.
  *
  * @param {CSSRule} rule The rule to parse.
+ * @returns {CompiledRule[]} Zero or one compiled rule, depending on whethere any CJSS code is
+ *   present.
  */
 function processRule(rule) {
   const selector = rule.style.parentRule.selectorText;

From cfbe6dab9c1f92e7d3470b7c33c20d7ea97c7b60 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 20:15:36 +0200
Subject: [PATCH 02/10] Prepare for travis web deployment

---
 .eslintignore                       |   1 +
 .eslintrc => .eslintrc.json         |   0
 .travis.yml                         |  22 +--
 demo/.gitignore                     |   1 +
 demo/Gemfile                        |   2 +
 demo/Gemfile.lock                   | 248 ++++++++++++++++++++++++++++
 demo/component/body.css             |  47 ++++++
 {example => demo}/component/nav.css |   0
 {example => demo}/index.html        |   0
 {example => demo}/style.css         |   0
 example/component/body.css          |   4 -
 package.json                        |   4 +-
 rollup.config.js                    |  44 +++--
 13 files changed, 339 insertions(+), 34 deletions(-)
 create mode 100644 .eslintignore
 rename .eslintrc => .eslintrc.json (100%)
 create mode 100644 demo/.gitignore
 create mode 100644 demo/Gemfile
 create mode 100644 demo/Gemfile.lock
 create mode 100644 demo/component/body.css
 rename {example => demo}/component/nav.css (100%)
 rename {example => demo}/index.html (100%)
 rename {example => demo}/style.css (100%)

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..efd261b
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1 @@
+demo
\ No newline at end of file
diff --git a/.eslintrc b/.eslintrc.json
similarity index 100%
rename from .eslintrc
rename to .eslintrc.json
diff --git a/.travis.yml b/.travis.yml
index ad4d574..6531e33 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,15 +1,15 @@
 language: node_js
-node_js:
-  - '7'
+node_js: node
 
-  after_success:
+script:
+  - npm run eslint
   - npm run build
-before_deploy:
-  - cd dist
+
 deploy:
-  provider: npm
-  skip_cleanup: true
-  on:
-    branch: master
-    tags: true
-    repo: kargjonas/CJSS
\ No newline at end of file
+  - provider: pages
+    skip_cleanup: true
+    github_token: $GH_KEY # Set in the settings page of your repository as a secure variable
+    keep_history: true
+    local_dir: ./demo
+    on:
+      branch: landing-screen
\ No newline at end of file
diff --git a/demo/.gitignore b/demo/.gitignore
new file mode 100644
index 0000000..c08f9ad
--- /dev/null
+++ b/demo/.gitignore
@@ -0,0 +1 @@
+_site
\ No newline at end of file
diff --git a/demo/Gemfile b/demo/Gemfile
new file mode 100644
index 0000000..37f5eaa
--- /dev/null
+++ b/demo/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages', group: :jekyll_plugins
diff --git a/demo/Gemfile.lock b/demo/Gemfile.lock
new file mode 100644
index 0000000..00247e4
--- /dev/null
+++ b/demo/Gemfile.lock
@@ -0,0 +1,248 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.2.11.1)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    addressable (2.6.0)
+      public_suffix (>= 2.0.2, < 4.0)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.11.1)
+    colorator (1.1.0)
+    commonmarker (0.17.13)
+      ruby-enum (~> 0.5)
+    concurrent-ruby (1.1.5)
+    dnsruby (1.61.2)
+      addressable (~> 2.5)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    ethon (0.12.0)
+      ffi (>= 1.3.0)
+    eventmachine (1.2.7)
+    execjs (2.7.0)
+    faraday (0.15.4)
+      multipart-post (>= 1.2, < 3)
+    ffi (1.11.1)
+    forwardable-extended (2.6.0)
+    gemoji (3.0.1)
+    github-pages (198)
+      activesupport (= 4.2.11.1)
+      github-pages-health-check (= 1.16.1)
+      jekyll (= 3.8.5)
+      jekyll-avatar (= 0.6.0)
+      jekyll-coffeescript (= 1.1.1)
+      jekyll-commonmark-ghpages (= 0.1.5)
+      jekyll-default-layout (= 0.1.4)
+      jekyll-feed (= 0.11.0)
+      jekyll-gist (= 1.5.0)
+      jekyll-github-metadata (= 2.12.1)
+      jekyll-mentions (= 1.4.1)
+      jekyll-optional-front-matter (= 0.3.0)
+      jekyll-paginate (= 1.1.0)
+      jekyll-readme-index (= 0.2.0)
+      jekyll-redirect-from (= 0.14.0)
+      jekyll-relative-links (= 0.6.0)
+      jekyll-remote-theme (= 0.3.1)
+      jekyll-sass-converter (= 1.5.2)
+      jekyll-seo-tag (= 2.5.0)
+      jekyll-sitemap (= 1.2.0)
+      jekyll-swiss (= 0.4.0)
+      jekyll-theme-architect (= 0.1.1)
+      jekyll-theme-cayman (= 0.1.1)
+      jekyll-theme-dinky (= 0.1.1)
+      jekyll-theme-hacker (= 0.1.1)
+      jekyll-theme-leap-day (= 0.1.1)
+      jekyll-theme-merlot (= 0.1.1)
+      jekyll-theme-midnight (= 0.1.1)
+      jekyll-theme-minimal (= 0.1.1)
+      jekyll-theme-modernist (= 0.1.1)
+      jekyll-theme-primer (= 0.5.3)
+      jekyll-theme-slate (= 0.1.1)
+      jekyll-theme-tactile (= 0.1.1)
+      jekyll-theme-time-machine (= 0.1.1)
+      jekyll-titles-from-headings (= 0.5.1)
+      jemoji (= 0.10.2)
+      kramdown (= 1.17.0)
+      liquid (= 4.0.0)
+      listen (= 3.1.5)
+      mercenary (~> 0.3)
+      minima (= 2.5.0)
+      nokogiri (>= 1.8.5, < 2.0)
+      rouge (= 2.2.1)
+      terminal-table (~> 1.4)
+    github-pages-health-check (1.16.1)
+      addressable (~> 2.3)
+      dnsruby (~> 1.60)
+      octokit (~> 4.0)
+      public_suffix (~> 3.0)
+      typhoeus (~> 1.3)
+    html-pipeline (2.11.0)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
+    http_parser.rb (0.6.0)
+    i18n (0.9.5)
+      concurrent-ruby (~> 1.0)
+    jekyll (3.8.5)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 0.7)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 1.14)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (>= 1.7, < 4)
+      safe_yaml (~> 1.0)
+    jekyll-avatar (0.6.0)
+      jekyll (~> 3.0)
+    jekyll-coffeescript (1.1.1)
+      coffee-script (~> 2.2)
+      coffee-script-source (~> 1.11.1)
+    jekyll-commonmark (1.3.1)
+      commonmarker (~> 0.14)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-commonmark-ghpages (0.1.5)
+      commonmarker (~> 0.17.6)
+      jekyll-commonmark (~> 1)
+      rouge (~> 2)
+    jekyll-default-layout (0.1.4)
+      jekyll (~> 3.0)
+    jekyll-feed (0.11.0)
+      jekyll (~> 3.3)
+    jekyll-gist (1.5.0)
+      octokit (~> 4.2)
+    jekyll-github-metadata (2.12.1)
+      jekyll (~> 3.4)
+      octokit (~> 4.0, != 4.4.0)
+    jekyll-mentions (1.4.1)
+      html-pipeline (~> 2.3)
+      jekyll (~> 3.0)
+    jekyll-optional-front-matter (0.3.0)
+      jekyll (~> 3.0)
+    jekyll-paginate (1.1.0)
+    jekyll-readme-index (0.2.0)
+      jekyll (~> 3.0)
+    jekyll-redirect-from (0.14.0)
+      jekyll (~> 3.3)
+    jekyll-relative-links (0.6.0)
+      jekyll (~> 3.3)
+    jekyll-remote-theme (0.3.1)
+      jekyll (~> 3.5)
+      rubyzip (>= 1.2.1, < 3.0)
+    jekyll-sass-converter (1.5.2)
+      sass (~> 3.4)
+    jekyll-seo-tag (2.5.0)
+      jekyll (~> 3.3)
+    jekyll-sitemap (1.2.0)
+      jekyll (~> 3.3)
+    jekyll-swiss (0.4.0)
+    jekyll-theme-architect (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-cayman (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-dinky (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-hacker (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-leap-day (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-merlot (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-midnight (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-minimal (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-modernist (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-primer (0.5.3)
+      jekyll (~> 3.5)
+      jekyll-github-metadata (~> 2.9)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-slate (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-tactile (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-time-machine (0.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-titles-from-headings (0.5.1)
+      jekyll (~> 3.3)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    jemoji (0.10.2)
+      gemoji (~> 3.0)
+      html-pipeline (~> 2.2)
+      jekyll (~> 3.0)
+    kramdown (1.17.0)
+    liquid (4.0.0)
+    listen (3.1.5)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+      ruby_dep (~> 1.2)
+    mercenary (0.3.6)
+    mini_portile2 (2.4.0)
+    minima (2.5.0)
+      jekyll (~> 3.5)
+      jekyll-feed (~> 0.9)
+      jekyll-seo-tag (~> 2.1)
+    minitest (5.11.3)
+    multipart-post (2.1.1)
+    nokogiri (1.10.3)
+      mini_portile2 (~> 2.4.0)
+    octokit (4.14.0)
+      sawyer (~> 0.8.0, >= 0.5.3)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (3.1.0)
+    rb-fsevent (0.10.3)
+    rb-inotify (0.10.0)
+      ffi (~> 1.0)
+    rouge (2.2.1)
+    ruby-enum (0.7.2)
+      i18n
+    ruby_dep (1.5.0)
+    rubyzip (1.2.3)
+    safe_yaml (1.0.5)
+    sass (3.7.4)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    sawyer (0.8.2)
+      addressable (>= 2.3.5)
+      faraday (> 0.8, < 2.0)
+    terminal-table (1.8.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    thread_safe (0.3.6)
+    typhoeus (1.3.1)
+      ethon (>= 0.9.0)
+    tzinfo (1.2.5)
+      thread_safe (~> 0.1)
+    unicode-display_width (1.6.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages
+
+BUNDLED WITH
+   2.0.1
diff --git a/demo/component/body.css b/demo/component/body.css
new file mode 100644
index 0000000..ecbfa55
--- /dev/null
+++ b/demo/component/body.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
+
+body {
+  /* Data */
+  --data: js-expr({
+    name: 'world',
+  });
+
+  /* Markup */
+  --body: html(
+    <div class="center">
+      <h1>Hello ${data.name}!</h1>
+      <h2>This page was constructed entirely within CSS files. That includes all the data, markup, scripts, and also styles.</h2>
+
+      <h3>Click the items below to toggle.</h3>
+      <nav>Title</nav>
+    </div>
+  );
+
+  /* Just some regular old CSS */
+  font-family: Roboto, sans-serif;
+  margin: 0 10%;
+  background-image: linear-gradient( 70.6deg, rgba(172,30,255,1) 0.3%, rgba(65,35,251,1) 55.8%, rgba(35,251,224,1) 105.1% );
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+html {
+  height: 100%;
+}
+
+body h1 {
+  font-size: 50px;
+  margin: 0;
+}
+
+body h3 {
+  opacity: 0.6;
+  margin: 30px 0 20px 0;
+}
+
+.center {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/example/component/nav.css b/demo/component/nav.css
similarity index 100%
rename from example/component/nav.css
rename to demo/component/nav.css
diff --git a/example/index.html b/demo/index.html
similarity index 100%
rename from example/index.html
rename to demo/index.html
diff --git a/example/style.css b/demo/style.css
similarity index 100%
rename from example/style.css
rename to demo/style.css
diff --git a/example/component/body.css b/example/component/body.css
index fc867da..ecbfa55 100644
--- a/example/component/body.css
+++ b/example/component/body.css
@@ -43,9 +43,5 @@ body h3 {
 }
 
 .center {
-  /*! position: absolute; */
-  /*! top: 50%; */
-  /*! left: 50%; */
-  /*! transform: translate(-50%, -50%); */
   text-align: center;
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index 690c366..5a3bd79 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
-    "lint": "eslint src",
+    "eslint": "eslint src",
+    "install-jekyll": "cd demo && bundle install",
+    "jekyll": "cd demo && bundle exec jekyll serve",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
diff --git a/rollup.config.js b/rollup.config.js
index e378456..b4cdefc 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,19 +1,27 @@
-import {terser} from 'rollup-plugin-terser';
+import { terser } from 'rollup-plugin-terser';
 
-export default {
-  input: './src/index.js',
-  plugins: [terser()],
-  output: [
-    {
-      file: './dist/cjss.min.js',
-      format: 'iife',
-      name: 'cjss'
-    },
-    {
-      file: './dist/cjss.js',
-      format: 'iife',
-      name: 'cjss',
-      sourcemap: 'inline'
-    }
-  ]
-};
\ No newline at end of file
+export default [
+  {
+    input: './src/index.js',
+    plugins: [],
+    output: [
+      {
+        file: './demo/dist/cjss.js',
+        format: 'iife',
+        name: 'cjss',
+        sourcemap: 'inline',
+      },
+    ],
+  },
+  {
+    input: './src/index.js',
+    plugins: [terser()],
+    output: [
+      {
+        file: './demo/dist/cjss.min.js',
+        format: 'iife',
+        name: 'cjss',
+      },
+    ],
+  },
+];

From 4f3e1f9e0982ffc7eb3a237aa24837fce5b4324b Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 20:32:17 +0200
Subject: [PATCH 03/10] Fix link to script

---
 demo/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/index.html b/demo/index.html
index 4b24ed8..c3e5c4e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -7,7 +7,7 @@
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>CJSS</title>
   <link rel="stylesheet" href="style.css">
-  <script src="../dist/cjss.js"></script>
+  <script src="dist/cjss.js"></script>
 </head>
 
 <body>

From be4fe98fbf0ae11b1091c06d9326ab66aa721029 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 21:51:41 +0200
Subject: [PATCH 04/10] Add links to download the source

---
 demo/component/body.css                    |  4 +-
 demo/component/buttons.css                 | 14 +++++++
 demo/component/{nav.css => click-demo.css} | 21 ++++------
 demo/component/downloads.css               | 35 ++++++++++++++++
 demo/style.css                             |  3 +-
 example/component/body.css                 | 47 ----------------------
 6 files changed, 61 insertions(+), 63 deletions(-)
 create mode 100644 demo/component/buttons.css
 rename demo/component/{nav.css => click-demo.css} (61%)
 create mode 100644 demo/component/downloads.css
 delete mode 100644 example/component/body.css

diff --git a/demo/component/body.css b/demo/component/body.css
index ecbfa55..694ef1d 100644
--- a/demo/component/body.css
+++ b/demo/component/body.css
@@ -13,7 +13,9 @@ body {
       <h2>This page was constructed entirely within CSS files. That includes all the data, markup, scripts, and also styles.</h2>
 
       <h3>Click the items below to toggle.</h3>
-      <nav>Title</nav>
+      <nav class="click-demo">{nav}</nav>
+      <h3>Download CJSS for your own project (please don’t!)</h3>
+      <nav class="downloads" data-links="[{&quot;title&quot;: &quot;Development version&quot;, &quot;name&quot;: &quot;cjss.js&quot;}, {&quot;title&quot;: &quot;Minified version&quot;, &quot;name&quot;: &quot;cjss.min.js&quot;}]">Title</nav>
     </div>
   );
 
diff --git a/demo/component/buttons.css b/demo/component/buttons.css
new file mode 100644
index 0000000..bedb636
--- /dev/null
+++ b/demo/component/buttons.css
@@ -0,0 +1,14 @@
+.buttons {
+  display: flex;
+  justify-content: center;
+}
+
+.buttons > * {
+  padding: 0.3em 0.5em;
+  margin: 0 0.3em;
+  color: white;
+  text-decoration: none;
+  font-size: 1.2em;
+  border-radius: 0.2em;
+  box-shadow: 0 0 0 1px white;
+}
\ No newline at end of file
diff --git a/demo/component/nav.css b/demo/component/click-demo.css
similarity index 61%
rename from demo/component/nav.css
rename to demo/component/click-demo.css
index 6ce4a44..c5605e6 100644
--- a/demo/component/nav.css
+++ b/demo/component/click-demo.css
@@ -1,17 +1,18 @@
-nav {
-  display: flex;
-  justify-content: center;
+@import url('buttons.css');
+
+.click-demo {
   --data: json({
     "name": ["one", "two", "three"]
   });
 
   --prepare: js(
+    this.classList.add('buttons');
     data.link = data.name.map((name, index) => (`#${name}-${index + 1}`));
   );
 
   --body: js-expr(
     [0, 1, 2].map(i => `
-      <a class="item" href="${data.link[i]}">${data.name[i]}</a>
+      <a href="${data.link[i]}">${data.name[i]}</a>
     `).join('')
   );
 
@@ -20,15 +21,7 @@ nav {
   );
 }
 
-nav .item {
-  padding: 0.3em 0.5em;
-  margin: 0 0.3em;
-  color: white;
-  text-decoration: none;
-  font-size: 1.2em;
-  border-radius: 0.2em;
-  box-shadow: 0 0 0 1px white;
-
+.click-demo > * {
   --script: js(
     function toggle() {
       this.classList.toggle('active');
@@ -38,7 +31,7 @@ nav .item {
   );
 }
 
-nav .item.active {
+.click-demo > .active {
   outline: none;
   text-shadow: 0 0 5px white;
   box-shadow: 0 0 5px white;
diff --git a/demo/component/downloads.css b/demo/component/downloads.css
new file mode 100644
index 0000000..b9cdb2c
--- /dev/null
+++ b/demo/component/downloads.css
@@ -0,0 +1,35 @@
+@import url('buttons.css');
+
+.downloads {
+  display: flex;
+  justify-content: center;
+  --data: js-expr(
+    JSON.parse(this.dataset.links)
+  );
+
+  --prepare: js(
+    this.classList.add('buttons');
+  );
+
+  --body: js-expr(
+    data.map(({ title, name }) => `
+      <a href="dist/${name}" download="${name}">${title} (<code>${name}</code>)</a>
+    `).join('')
+  );
+}
+
+.downloads > * {
+  --script: js(
+    function toggle() {
+      this.classList.toggle('active');
+    }
+
+    this.addEventListener('click', toggle);
+  );
+}
+
+.downloads > :hover {
+  outline: none;
+  text-shadow: 0 0 5px white;
+  box-shadow: 0 0 5px white;
+}
\ No newline at end of file
diff --git a/demo/style.css b/demo/style.css
index 408c0e3..8d34468 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -1,5 +1,6 @@
 @import url('component/body.css');
-@import url('component/nav.css');
+@import url('component/click-demo.css');
+@import url('component/downloads.css');
 
 /* Run a global script */
 script {
diff --git a/example/component/body.css b/example/component/body.css
deleted file mode 100644
index ecbfa55..0000000
--- a/example/component/body.css
+++ /dev/null
@@ -1,47 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
-
-body {
-  /* Data */
-  --data: js-expr({
-    name: 'world',
-  });
-
-  /* Markup */
-  --body: html(
-    <div class="center">
-      <h1>Hello ${data.name}!</h1>
-      <h2>This page was constructed entirely within CSS files. That includes all the data, markup, scripts, and also styles.</h2>
-
-      <h3>Click the items below to toggle.</h3>
-      <nav>Title</nav>
-    </div>
-  );
-
-  /* Just some regular old CSS */
-  font-family: Roboto, sans-serif;
-  margin: 0 10%;
-  background-image: linear-gradient( 70.6deg, rgba(172,30,255,1) 0.3%, rgba(65,35,251,1) 55.8%, rgba(35,251,224,1) 105.1% );
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-
-html {
-  height: 100%;
-}
-
-body h1 {
-  font-size: 50px;
-  margin: 0;
-}
-
-body h3 {
-  opacity: 0.6;
-  margin: 30px 0 20px 0;
-}
-
-.center {
-  text-align: center;
-}
\ No newline at end of file

From 392207cdb89e508ddcd1ec87bf743a40bafbd509 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 21:52:02 +0200
Subject: [PATCH 05/10] Update travis to work on the master branch

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 6531e33..4489341 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -12,4 +12,4 @@ deploy:
     keep_history: true
     local_dir: ./demo
     on:
-      branch: landing-screen
\ No newline at end of file
+      branch: master
\ No newline at end of file

From be4b60352caaf7c844eb0abd9f117a181e31fd16 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 22:11:12 +0200
Subject: [PATCH 06/10] Add demo website to the readme, and remove Jekyll

---
 README.md         |   2 +
 demo/.gitignore   |   1 -
 demo/Gemfile      |   2 -
 demo/Gemfile.lock | 248 ----------------------------------------------
 package.json      |   2 -
 5 files changed, 2 insertions(+), 253 deletions(-)
 delete mode 100644 demo/.gitignore
 delete mode 100644 demo/Gemfile
 delete mode 100644 demo/Gemfile.lock

diff --git a/README.md b/README.md
index 309254f..9ac2358 100644
--- a/README.md
+++ b/README.md
@@ -16,6 +16,8 @@ To install CJSS, add the [JavaScript](https://github.com/scottkellum/CJSS/blob/m
 
 Your editor probably has [a plugin](https://eslint.org/docs/user-guide/integrations) for automatically linting as you type.
 
+The demo website can be built by leaving `npm run dev` running, and opening `demo/index.html` in your web browser.
+
 ## Using CJSS
 
 First off, everything happens in your CSS file. You can layer this into your websites as you see fit. You can use this to layer on just a little bit more functionality in your CSS here and there or construct an entire page. It’s up to you!
diff --git a/demo/.gitignore b/demo/.gitignore
deleted file mode 100644
index c08f9ad..0000000
--- a/demo/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-_site
\ No newline at end of file
diff --git a/demo/Gemfile b/demo/Gemfile
deleted file mode 100644
index 37f5eaa..0000000
--- a/demo/Gemfile
+++ /dev/null
@@ -1,2 +0,0 @@
-source 'https://rubygems.org'
-gem 'github-pages', group: :jekyll_plugins
diff --git a/demo/Gemfile.lock b/demo/Gemfile.lock
deleted file mode 100644
index 00247e4..0000000
--- a/demo/Gemfile.lock
+++ /dev/null
@@ -1,248 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    activesupport (4.2.11.1)
-      i18n (~> 0.7)
-      minitest (~> 5.1)
-      thread_safe (~> 0.3, >= 0.3.4)
-      tzinfo (~> 1.1)
-    addressable (2.6.0)
-      public_suffix (>= 2.0.2, < 4.0)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.11.1)
-    colorator (1.1.0)
-    commonmarker (0.17.13)
-      ruby-enum (~> 0.5)
-    concurrent-ruby (1.1.5)
-    dnsruby (1.61.2)
-      addressable (~> 2.5)
-    em-websocket (0.5.1)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
-    ethon (0.12.0)
-      ffi (>= 1.3.0)
-    eventmachine (1.2.7)
-    execjs (2.7.0)
-    faraday (0.15.4)
-      multipart-post (>= 1.2, < 3)
-    ffi (1.11.1)
-    forwardable-extended (2.6.0)
-    gemoji (3.0.1)
-    github-pages (198)
-      activesupport (= 4.2.11.1)
-      github-pages-health-check (= 1.16.1)
-      jekyll (= 3.8.5)
-      jekyll-avatar (= 0.6.0)
-      jekyll-coffeescript (= 1.1.1)
-      jekyll-commonmark-ghpages (= 0.1.5)
-      jekyll-default-layout (= 0.1.4)
-      jekyll-feed (= 0.11.0)
-      jekyll-gist (= 1.5.0)
-      jekyll-github-metadata (= 2.12.1)
-      jekyll-mentions (= 1.4.1)
-      jekyll-optional-front-matter (= 0.3.0)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.2.0)
-      jekyll-redirect-from (= 0.14.0)
-      jekyll-relative-links (= 0.6.0)
-      jekyll-remote-theme (= 0.3.1)
-      jekyll-sass-converter (= 1.5.2)
-      jekyll-seo-tag (= 2.5.0)
-      jekyll-sitemap (= 1.2.0)
-      jekyll-swiss (= 0.4.0)
-      jekyll-theme-architect (= 0.1.1)
-      jekyll-theme-cayman (= 0.1.1)
-      jekyll-theme-dinky (= 0.1.1)
-      jekyll-theme-hacker (= 0.1.1)
-      jekyll-theme-leap-day (= 0.1.1)
-      jekyll-theme-merlot (= 0.1.1)
-      jekyll-theme-midnight (= 0.1.1)
-      jekyll-theme-minimal (= 0.1.1)
-      jekyll-theme-modernist (= 0.1.1)
-      jekyll-theme-primer (= 0.5.3)
-      jekyll-theme-slate (= 0.1.1)
-      jekyll-theme-tactile (= 0.1.1)
-      jekyll-theme-time-machine (= 0.1.1)
-      jekyll-titles-from-headings (= 0.5.1)
-      jemoji (= 0.10.2)
-      kramdown (= 1.17.0)
-      liquid (= 4.0.0)
-      listen (= 3.1.5)
-      mercenary (~> 0.3)
-      minima (= 2.5.0)
-      nokogiri (>= 1.8.5, < 2.0)
-      rouge (= 2.2.1)
-      terminal-table (~> 1.4)
-    github-pages-health-check (1.16.1)
-      addressable (~> 2.3)
-      dnsruby (~> 1.60)
-      octokit (~> 4.0)
-      public_suffix (~> 3.0)
-      typhoeus (~> 1.3)
-    html-pipeline (2.11.0)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
-      concurrent-ruby (~> 1.0)
-    jekyll (3.8.5)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
-      jekyll-watch (~> 2.0)
-      kramdown (~> 1.14)
-      liquid (~> 4.0)
-      mercenary (~> 0.3.3)
-      pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
-      safe_yaml (~> 1.0)
-    jekyll-avatar (0.6.0)
-      jekyll (~> 3.0)
-    jekyll-coffeescript (1.1.1)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.11.1)
-    jekyll-commonmark (1.3.1)
-      commonmarker (~> 0.14)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-commonmark-ghpages (0.1.5)
-      commonmarker (~> 0.17.6)
-      jekyll-commonmark (~> 1)
-      rouge (~> 2)
-    jekyll-default-layout (0.1.4)
-      jekyll (~> 3.0)
-    jekyll-feed (0.11.0)
-      jekyll (~> 3.3)
-    jekyll-gist (1.5.0)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.12.1)
-      jekyll (~> 3.4)
-      octokit (~> 4.0, != 4.4.0)
-    jekyll-mentions (1.4.1)
-      html-pipeline (~> 2.3)
-      jekyll (~> 3.0)
-    jekyll-optional-front-matter (0.3.0)
-      jekyll (~> 3.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.2.0)
-      jekyll (~> 3.0)
-    jekyll-redirect-from (0.14.0)
-      jekyll (~> 3.3)
-    jekyll-relative-links (0.6.0)
-      jekyll (~> 3.3)
-    jekyll-remote-theme (0.3.1)
-      jekyll (~> 3.5)
-      rubyzip (>= 1.2.1, < 3.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.5.0)
-      jekyll (~> 3.3)
-    jekyll-sitemap (1.2.0)
-      jekyll (~> 3.3)
-    jekyll-swiss (0.4.0)
-    jekyll-theme-architect (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.5.3)
-      jekyll (~> 3.5)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-slate (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.1)
-      jekyll (~> 3.3)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    jemoji (0.10.2)
-      gemoji (~> 3.0)
-      html-pipeline (~> 2.2)
-      jekyll (~> 3.0)
-    kramdown (1.17.0)
-    liquid (4.0.0)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
-    mercenary (0.3.6)
-    mini_portile2 (2.4.0)
-    minima (2.5.0)
-      jekyll (~> 3.5)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    minitest (5.11.3)
-    multipart-post (2.1.1)
-    nokogiri (1.10.3)
-      mini_portile2 (~> 2.4.0)
-    octokit (4.14.0)
-      sawyer (~> 0.8.0, >= 0.5.3)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (3.1.0)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
-      ffi (~> 1.0)
-    rouge (2.2.1)
-    ruby-enum (0.7.2)
-      i18n
-    ruby_dep (1.5.0)
-    rubyzip (1.2.3)
-    safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.8.2)
-      addressable (>= 2.3.5)
-      faraday (> 0.8, < 2.0)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    thread_safe (0.3.6)
-    typhoeus (1.3.1)
-      ethon (>= 0.9.0)
-    tzinfo (1.2.5)
-      thread_safe (~> 0.1)
-    unicode-display_width (1.6.0)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  github-pages
-
-BUNDLED WITH
-   2.0.1
diff --git a/package.json b/package.json
index 9be2084..0bbb503 100644
--- a/package.json
+++ b/package.json
@@ -11,8 +11,6 @@
     "dev": "rollup -c -w",
     "eslint": "eslint src",
     "tidy": "eslint --fix src",
-    "install-jekyll": "cd demo && bundle install",
-    "jekyll": "cd demo && bundle exec jekyll serve",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {

From a5adb51a6051da890a6b8975b3004833c99aae70 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sat, 22 Jun 2019 22:23:49 +0200
Subject: [PATCH 07/10] Keep committer name and email for web deployment

---
 .travis.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.travis.yml b/.travis.yml
index c81269d..65975dc 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -10,6 +10,7 @@ deploy:
     skip_cleanup: true
     github_token: $GH_KEY # Set in the settings page of your repository as a secure variable
     keep_history: true
+    committer_from_gh: true
     local_dir: ./demo
     on:
       branch: master

From 55c163497007431ceb61e04d153a312418edbbc0 Mon Sep 17 00:00:00 2001
From: Charlie Harding <xsanda@me.com>
Date: Sat, 22 Jun 2019 23:08:14 +0200
Subject: [PATCH 08/10] Add link to GitHub

---
 demo/component/body.css  |  66 +++++++++++++++++++++++++++++++++------
 demo/media/github.png    | Bin 0 -> 1193 bytes
 demo/media/github@2x.png | Bin 0 -> 5239 bytes
 demo/media/github@3x.png | Bin 0 -> 7674 bytes
 4 files changed, 57 insertions(+), 9 deletions(-)
 create mode 100644 demo/media/github.png
 create mode 100644 demo/media/github@2x.png
 create mode 100644 demo/media/github@3x.png

diff --git a/demo/component/body.css b/demo/component/body.css
index 694ef1d..7cc3cdc 100644
--- a/demo/component/body.css
+++ b/demo/component/body.css
@@ -8,26 +8,74 @@ body {
 
   /* Markup */
   --body: html(
-    <div class="center">
-      <h1>Hello ${data.name}!</h1>
-      <h2>This page was constructed entirely within CSS files. That includes all the data, markup, scripts, and also styles.</h2>
-
-      <h3>Click the items below to toggle.</h3>
-      <nav class="click-demo">{nav}</nav>
-      <h3>Download CJSS for your own project (please don’t!)</h3>
-      <nav class="downloads" data-links="[{&quot;title&quot;: &quot;Development version&quot;, &quot;name&quot;: &quot;cjss.js&quot;}, {&quot;title&quot;: &quot;Minified version&quot;, &quot;name&quot;: &quot;cjss.min.js&quot;}]">Title</nav>
+    <a href="https://github.com/scottkellum/CJSS/" class="github-link">
+      <span><code>scottkellum/CJSS</code></span>
+      <img src="media/github.png" srcset="media/github@2x.png 2x, media/github@3x.png 3x">
+    </a>
+    <div class="spacer">
+      <article class="center">
+        <h1>Hello ${data.name}!</h1>
+        <h2>This page was constructed entirely within CSS files. That includes all the data, markup, scripts, and also styles.</h2>
+
+        <h3>Click the items below to toggle.</h3>
+        <nav class="click-demo">{nav}</nav>
+        <h3>Download CJSS for your own project (please don’t!)</h3>
+        <nav class="downloads"
+            data-links="[{&quot;title&quot;: &quot;Development version&quot;, &quot;name&quot;: &quot;cjss.js&quot;}, {&quot;title&quot;: &quot;Minified version&quot;, &quot;name&quot;: &quot;cjss.min.js&quot;}]">
+          Title
+        </nav>
+      </article>
     </div>
   );
 
   /* Just some regular old CSS */
   font-family: Roboto, sans-serif;
-  margin: 0 10%;
+  margin: 0;
   background-image: linear-gradient( 70.6deg, rgba(172,30,255,1) 0.3%, rgba(65,35,251,1) 55.8%, rgba(35,251,224,1) 105.1% );
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
+  flex-direction: column;
+  flex: 1;
+}
+
+body > .github-link {
+  padding: 1rem;
+  align-self: flex-end;
+  text-decoration: none;
+  color: inherit;
+  font-size: 1.5em;
+  display: flex;
+  align-items: center;
+}
+
+body > .github-link > span {
+  overflow: hidden;
+  margin-right: -5px;
+}
+body > .github-link > img {
+  position: relative;
+  z-index: 1;
+  width: 64px;
+}
+
+body > .github-link > span > code {
+  padding: 1rem;
+  display: inline-block;
+  transition: transform 0.5s ease-out;
+}
+
+body > .github-link:not(:hover) > span > code {
+  transform: translateX(100%);
+  transition-timing-function: ease-in;
+}
+
+body > .spacer {
+  flex: 1;
+  display: flex;
+  align-items: center;
 }
 
 html {
diff --git a/demo/media/github.png b/demo/media/github.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a5376a3f060987faaca883302b27fb8b0644b4f
GIT binary patch
literal 1193
zcmV;a1XlZrP)<h;3K|Lk000e1NJLTq002M$002J-1^@s6P#w<700009a7bBm000%h
z000%h0Uvw~tN;K6TS-JgRA_<iTkCP#Fbqa~{cmj$ZxCmKI1^NzAl{(fpza3F1hpqf
zGC`FIDoqe)18D;G=zuv|d;*dz+U<9TJ0C?;AOry*09^?oU|=ke<^V7QfSbVWDgf96
zKnVZ^(qI@u02u(}NMDVsJiGwFGg93rvwaFcKH(JrJQ!E{#SQ?ry=jINKu1~#AqsJN
z6nO7W{2K!V%7hTx5jNh&7I|UqgZm2PsD@MH$~b5MV2L(@gb9OPx$&ojHV??l6Y@p^
zMFTQ4JRvtWHY#+xQQjg}1I}ghfIJq+a}Y5akYQkwlFG-R!NAL_2_X$oPyXCC56E*+
z6G9qLo{8G~P+^c}g--*v7qEH2JvhCCO9OIrD<S+u`!L7<TnFa&g?IG%CBElBBG&z8
zjT0=<k&LQpBi=GmTmCzASnLXaWBD~A#xI6M05*|E&vqCowBzp@0Pc(#0I!xc7TTEY
zKNTLdZ1+^_gifAQ+}rYK)ba#lv9>&kHm!sZ8zDq4gqT^byJ&|0+29(kd5YEqzK=Ah
zy%0rxmlj6GqNTx|8->oJ?gbVO^}96O>26UMz>>JpnK3dRsJyJ&0>~JdoO2eygNhK9
z0CHnW7@YqM1vdX(1h6(n#si0!!=6<nXblHFcy0Oa6i_gX_|=5D5vsvF1voq{I0D#V
z{GS^3$QxMz&ZD9O=7Ay|P<fk68$dntUl}85fnv|9332n4F_IoAJl^;cA~tyQYl(ow
zBd0EKQTQ(aW8@!$^a2#C*~AtcMnp|X<5M+Ynz#TmY7K+)3Qz;5Q-aLfgyGv$ItI5v
z<?Rp%QRDhc62N|f#RUqk6Fv=63p1tk0`fHY+qmS%dtxauKux9!;C|vMHu!LjMTS(c
zVV30zl^=h0X3_mfp*BFN3Fwe}{&a)fGyX3<#XJI5$O8u-d)5k~T~H89UtMX|LlO2+
zC{-Fzd(ue_UVFjcHppb;8`j~6OqQzlytj^3terYG>-_;Tiuz+rJ?^^7Fa`bHn01Us
ztKTc4<`OdGX|7eA`)bv>{dE74#nFAMs!BCHHKRHlQ}gHGs5nY3kLTLljd9ftTT?@b
zD5ZJ|yybBS^#AHlGDFP>p|sp1mde1|RBYS#wVei69%DDv8jfl-O0KyI&IY9j^qGQh
ztS;N}B=Ue{_4nE5lJ*_lW1p`<Zdu<cfY7U8s1j~;f$b`bp5lVO1YqO$K(0191z*wR
zmT{7#f^$%7gWV_z$bc(hQur251XU<73kjgc1#E^+_2Qa_B@Hw&ZS%3;3xwL`RphtV
zB1S+BS$B9<xUWF`Hv=}q;Gm4@m%Dt}#4&=Uts~S$l&o-#PxR5ak`5k`$LMnhCoR6h
z#$%gZ7z+*ZM7BrV(%3WR1YJkyQ(}j_u%gB;wZR%QvA3-T=u<)7^B#HNm+f7~fkAUe
z^w=dLoEfWq++%K;%c3Dao|bCa$JgI-Eos=Ki|zO0X#n^Ogp~0^NFQO&00000NkvXX
Hu0mjf&}kXZ

literal 0
HcmV?d00001

diff --git a/demo/media/github@2x.png b/demo/media/github@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0c0a9767057c7279ce73869283cebb048547afe
GIT binary patch
literal 5239
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
Sm9oQ1A~4dsaIS<*3I0E0Z&2<4

literal 0
HcmV?d00001

diff --git a/demo/media/github@3x.png b/demo/media/github@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d580fd31f2d81d34701570cfced1cc97d727e08
GIT binary patch
literal 7674
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
R{xTO(d#3gDlagh~{{g)bm74$n

literal 0
HcmV?d00001


From c20bbbe50d97c767fa96a326e501486286d0b558 Mon Sep 17 00:00:00 2001
From: Charlie Harding <xsanda@me.com>
Date: Sun, 23 Jun 2019 05:14:40 +0200
Subject: [PATCH 09/10] Fix typo in Rollup config following merge

---
 rollup.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/rollup.config.js b/rollup.config.js
index ac2f5d7..a2c11bb 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -4,7 +4,7 @@ export default [
   {
     input: './src/index.js',
     plugins: [],
-    output: [
+    output: {
       file: './demo/dist/cjss.js',
       format: 'iife',
       name: 'cjss',

From e22c9ff0a52fa0fdb1dd62fb56b9e5a405e8038c Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Sun, 23 Jun 2019 05:31:33 +0200
Subject: [PATCH 10/10] Add CNAME for js.org hosting

---
 demo/CNAME | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 demo/CNAME

diff --git a/demo/CNAME b/demo/CNAME
new file mode 100644
index 0000000..451c69e
--- /dev/null
+++ b/demo/CNAME
@@ -0,0 +1 @@
+cjss.js.org