From e1c0517ee6e06203f13416da5ca63c9ac27e0cf1 Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Thu, 3 Aug 2017 20:09:34 -0400
Subject: [PATCH 1/6] Fix site layout

---
 index.css  | 2 +-
 index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.css b/index.css
index 9e0acdec87e..cd6a7926607 100644
--- a/index.css
+++ b/index.css
@@ -211,7 +211,7 @@ body > main, body > aside { flex: 1 }
 @media (orientation: landscape) {
 
   body         { flex-flow: row wrap }
-  body > main  { margin-left: 20vw; flex-basis: 55vw }
+  body > main  { margin-left: 20vw; flex-basis: 55vw; max-width: 55vw; }
   body > aside { flex-basis: 25vw }
   body > nav   {
     top: 0;
diff --git a/index.html b/index.html
index b964befcb7e..83732d4b3f6 100644
--- a/index.html
+++ b/index.html
@@ -232,7 +232,7 @@ <h1>Easy Installation</h1>
 
   <pre><code>
   <em class=comment>&lt;!-- http(s): protocol required to run locally --&gt;</em>
-  &lt;script nomodule crossorigin src=https://unpkg.com/snuggsi&gt;&lt;/script&gt;
+  &lt;script src=https://unpkg.com/snuggsi&gt;&lt;/script&gt;
   </pre></code>
 
   <p class=center>Et Voila <em>(that's it!)</em> ツ

From efbda5a03c7617008037c5bd73bb70a7c9e4e6f2 Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Fri, 4 Aug 2017 03:37:10 -0400
Subject: [PATCH 2/6] Add pre code segment

---
 index.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index cd6a7926607..11077b14c10 100644
--- a/index.css
+++ b/index.css
@@ -154,9 +154,11 @@ section[view] h1 {
 
 pre, code {
   border-radius: 0.7em;
-  background: rgb(30,30,30);
 }
 
+pre > code {
+
+}
 code {
   margin: 0 0.5em;
   padding: 0 0.5em;

From 79901bea57014f4dd95b41256ad8326fcc9b8b8d Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Fri, 4 Aug 2017 03:37:24 -0400
Subject: [PATCH 3/6] Fix border and margin

---
 index.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 11077b14c10..05a79f5e569 100644
--- a/index.css
+++ b/index.css
@@ -167,7 +167,10 @@ code {
 pre {
   overflow: scroll;
   text-align: center;
-  margin: 0 6em 1.612em;
+  border-radius: 7.7em;
+  margin: 0 2em 1.612em;
+  background: rgb(30,30,30);
+  border: 30px double #3b3b3b;
 }
 
 section#installation pre em.comment

From 4cece57dd5d1ec552a0d287b255b62d0dd5efa36 Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Fri, 4 Aug 2017 03:37:58 -0400
Subject: [PATCH 4/6] Change aside flexbox

---
 index.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/index.css b/index.css
index 05a79f5e569..fffe19a43be 100644
--- a/index.css
+++ b/index.css
@@ -211,13 +211,12 @@ section#installation pre em.comment
 /* HOLY GRAIL */
 
 body { display: flex; flex-flow: column }
-body > main, body > aside { flex: 1 }
 
 @media (orientation: landscape) {
 
   body         { flex-flow: row wrap }
   body > main  { margin-left: 20vw; flex-basis: 55vw; max-width: 55vw; }
-  body > aside { flex-basis: 25vw }
+  body > aside { flex-basis: 24vw } /* This should be 25 WTF? */
   body > nav   {
     top: 0;
     left: 0;

From c72e724a077d714348120fb2620ab289e34fa9c9 Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Fri, 4 Aug 2017 04:01:33 -0400
Subject: [PATCH 5/6] Update background for pre and code

---
 index.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.css b/index.css
index fffe19a43be..c673d9eeffd 100644
--- a/index.css
+++ b/index.css
@@ -154,11 +154,12 @@ section[view] h1 {
 
 pre, code {
   border-radius: 0.7em;
+  background: rgb(30,30,30);
 }
 
-pre > code {
+pre > code
+  { background: none }
 
-}
 code {
   margin: 0 0.5em;
   padding: 0 0.5em;

From a8d0671b731f9ae38c40581372b34be3c75f977c Mon Sep 17 00:00:00 2001
From: Snuggs <rashaunstovall@gmail.com>
Date: Fri, 4 Aug 2017 04:01:56 -0400
Subject: [PATCH 6/6] Rearrange Installation text

---
 index.css  |  5 +++--
 index.html | 14 +++-----------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/index.css b/index.css
index c673d9eeffd..b2c060f492d 100644
--- a/index.css
+++ b/index.css
@@ -168,10 +168,11 @@ code {
 pre {
   overflow: scroll;
   text-align: center;
-  border-radius: 7.7em;
   margin: 0 2em 1.612em;
   background: rgb(30,30,30);
-  border: 30px double #3b3b3b;
+  border: 32px double #4d4d4d;
+  border-radius: 0 4.0em 4.0em 4.0em;
+  box-shadow: 0em .1em 1em rgba(20,20,20,0.9);
 }
 
 section#installation pre em.comment
diff --git a/index.html b/index.html
index 83732d4b3f6..9af6ad2f126 100644
--- a/index.html
+++ b/index.html
@@ -224,22 +224,14 @@ <h2 slot=header>
 <section view id=installation>
   <h1>Easy Installation</h1>
 
-  <p>No need for Node.js, Webpack, Babel, or Gulp.
-
-  <p><strong>snuggsiツ</strong> works in production or in a plain 'ol HTML file!
-
   <p>Simply place the following script within your webpage:</p>
 
   <pre><code>
-  <em class=comment>&lt;!-- http(s): protocol required to run locally --&gt;</em>
-  &lt;script src=https://unpkg.com/snuggsi&gt;&lt;/script&gt;
+  <em class=comment>&lt;!-- https:// required to run locally --&gt;</em>
+  &lt;script src=//unpkg.com/snuggsi&gt;&lt;/script&gt;
   </pre></code>
 
-  <p class=center>Et Voila <em>(that's it!)</em> ツ
-
-  <p class=center>See
-    <a target=github href=https://github.com/devpunks/snuggsi/wiki/Module-Imports>ECMAScript Module Imports</a>
-    for<code> &lt;script type=module&gt;</code> support!
+  <p><strong>snuggsiツ</strong> works in production or in a plain 'ol HTML file!
 
 </section>