From 089fc4cd651d07d66731b9af65f3a4961f7b1c05 Mon Sep 17 00:00:00 2001
From: drewcassidy <drewcassidy@me.com>
Date: Sun, 24 Dec 2017 15:04:19 -0800
Subject: [PATCH] Start working on images

---
 Blog.html                                     | 21 ++---
 _includes/figure-image.html                   | 30 ++++++
 _includes/head.html                           | 16 ++--
 _includes/post-info.html                      | 21 +++++
 _includes/sidebar.html                        |  5 +-
 _includes/taglist.html                        | 10 --
 _layouts/collection.html                      |  5 +-
 _layouts/home.html                            |  4 +-
 _layouts/page.html                            |  4 +-
 _layouts/post.html                            |  9 +-
 ...t century.md => 2017-11-13-Apple-Mouse.md} |  2 +
 _sass/_fonts.scss                             |  2 +-
 css/blog.scss                                 | 44 ---------
 css/sidebar.scss                              |  2 +-
 css/style.scss                                | 92 ++++++++++++++++---
 images/2017-11-13-Apple-Mouse/atkinson.png    |  3 +
 images/2017-11-13-Apple-Mouse/img-1-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-1.jpg       |  3 +
 .../2017-11-13-Apple-Mouse/img-10-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-10.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-11-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-11.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-12-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-12.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-13-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-13.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-14-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-14.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-15-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-15.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-16-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-16.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-17-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-17.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-18-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-18.jpg      |  3 +
 .../2017-11-13-Apple-Mouse/img-19-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-19.jpg      |  3 +
 images/2017-11-13-Apple-Mouse/img-2-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-2.jpg       |  3 +
 .../2017-11-13-Apple-Mouse/img-20-small.jpg   |  3 +
 images/2017-11-13-Apple-Mouse/img-20.jpg      |  3 +
 images/2017-11-13-Apple-Mouse/img-3-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-3.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-4-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-4.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-5-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-5.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-6-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-6.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-7-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-7.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-8-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-8.jpg       |  3 +
 images/2017-11-13-Apple-Mouse/img-9-small.jpg |  3 +
 images/2017-11-13-Apple-Mouse/img-9.jpg       |  3 +
 56 files changed, 281 insertions(+), 109 deletions(-)
 create mode 100644 _includes/figure-image.html
 create mode 100644 _includes/post-info.html
 delete mode 100644 _includes/taglist.html
 rename _posts/{2017-11-13-Hacking a 1986 computer mouse into the 21st century.md => 2017-11-13-Apple-Mouse.md} (97%)
 delete mode 100644 css/blog.scss
 create mode 100644 images/2017-11-13-Apple-Mouse/atkinson.png
 create mode 100644 images/2017-11-13-Apple-Mouse/img-1-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-1.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-10-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-10.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-11-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-11.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-12-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-12.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-13-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-13.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-14-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-14.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-15-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-15.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-16-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-16.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-17-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-17.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-18-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-18.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-19-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-19.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-2-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-2.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-20-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-20.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-3-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-3.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-4-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-4.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-5-small.jpg
 create mode 100755 images/2017-11-13-Apple-Mouse/img-5.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-6-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-6.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-7-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-7.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-8-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-8.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-9-small.jpg
 create mode 100644 images/2017-11-13-Apple-Mouse/img-9.jpg

diff --git a/Blog.html b/Blog.html
index 301e0b7..519040f 100644
--- a/Blog.html
+++ b/Blog.html
@@ -8,25 +8,15 @@ permalink: Blog/
 
 {% for post in site.posts %}
     <article class="post-entry">
-        <a class="post-title" href="{{ post.url | prepend: site.baseurl }}">
+        <h2 class="post-title">
+            <a href="{{ post.url | prepend: site.baseurl }}">
                 {{ post.title }}
-        </a>
-        <table>
-            <tr>
-                <td class="post-tags">
-                    {% include taglist.html %}
-                <td  class="post-date">
-                    <i>{{ post.date | date: "%b %-d, %Y" }}</i>
-                </td>
-            </tr>
-        </table>
+            </a>
+        </h2>
 
-        <hr>
+        {% include post-info.html tags = post.tags date=post.date%}
 
         <div class="post-excerpt">
-            {% assign excerpt-text = post.content | markdownify %}
-            {% assign excerpt-length = excerpt-text | number_of_words %}
-
             {{post.content | markdownify| truncate: char-count}}
 
             <a class="post-see-more" href="{{ post.url | prepend: site.baseurl }}">
@@ -34,4 +24,5 @@ permalink: Blog/
             </a>
         </div>
     </article>
+    <br>
 {% endfor %}
diff --git a/_includes/figure-image.html b/_includes/figure-image.html
new file mode 100644
index 0000000..8752621
--- /dev/null
+++ b/_includes/figure-image.html
@@ -0,0 +1,30 @@
+<figure
+    {% if include.float %}
+        style="float: {{include.float}};"
+    {% else %}
+        style="float: none; width:100%"
+    {% endif %}>
+
+{% assign srcs = include.src | split: ' ' %}
+{% capture path %}/images/{{page.path | split: '/' | last | split: '.' | first }}{% endcapture %}
+
+    <div class="figure-contents">
+{% for src in srcs %}
+    {% capture img %} {{path}}/{{src}} {% endcapture %}
+        <a href="{{ img | remove: "-small" }}"> <img
+            src="{{ img }}"
+        {% if include.caption %}
+            alt="{{ include.caption | markdownify | strip_html }}"
+        {% else %}
+            alt="{{ include.alt }}"
+        {% endif %}> </a>
+{% endfor %}
+    </div>
+
+{% if include.caption %}
+    <figcaption>
+        {{ include.caption | markdownify | remove: '<p>' | remove: '</p>' }}
+    </figcaption>
+{% endif %}
+
+</figure>
diff --git a/_includes/head.html b/_includes/head.html
index 78e9ef2..7a685c5 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,8 +1,10 @@
-<meta charset=utf-8 />
-<title> {% if page.title %} {{ page.title }} | {% endif %} Andrew Cassidy</title>
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<head>
+    <meta charset=utf-8 />
+    <title> {% if page.title %} {{ page.title }} | {% endif %} Andrew Cassidy</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" href="/fa/css/font-awesome.min.css">
-<link rel="stylesheet" href="/css/fnoots.css"/>
-<link rel="stylesheet" href="/css/style.css"/>
-<link rel="stylesheet" href="/css/sidebar.css"/>
+    <link rel="stylesheet" href="/fa/css/font-awesome.min.css">
+    <link rel="stylesheet" href="/css/fnoots.css"/>
+    <link rel="stylesheet" href="/css/style.css"/>
+    <link rel="stylesheet" href="/css/sidebar.css"/>
+</head>
diff --git a/_includes/post-info.html b/_includes/post-info.html
new file mode 100644
index 0000000..4e3042f
--- /dev/null
+++ b/_includes/post-info.html
@@ -0,0 +1,21 @@
+<table class="post-info" style="width:100%">
+    <tr>
+        <td class="post-tags">
+            <small>
+                Tags:
+                {% if include.tags.size > 0 %}
+                    {% for tag in include.tags limit: 6%}
+                        <i>{{ tag }}</i>
+                    {% endfor %}
+                {% else %}
+                    none
+                {% endif %}
+            </small>
+        <td  class="post-date" style="text-align:right">
+            <small>
+                <i>{{ include.date | date: "%b %-d, %Y" }}</i>
+            </small>
+        </td>
+    </tr>
+</table>
+<hr>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 1b99d50..a42e376 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -6,7 +6,8 @@
         <li>{% include flag.html color="orange" name="Projects" url="/Projects" %}</li>
         <li>{% include flag.html color="magenta" name="About" url="/About" %}</li>
     </ul>
-    <ul id="navLinks" class="fa-ul">
+
+    <ul compact id="navLinks" class="fa-ul">
         <li>
             <a href="https://github.com/drewcassidy">
                 <i class="fa fa-li fa-github" aria-hidden="true"></i>Github
@@ -23,4 +24,4 @@
             </a>
         </li>
     </ul>
-</nav>
\ No newline at end of file
+</nav>
diff --git a/_includes/taglist.html b/_includes/taglist.html
deleted file mode 100644
index b2de300..0000000
--- a/_includes/taglist.html
+++ /dev/null
@@ -1,10 +0,0 @@
-Tags:
-{% if post.tags.size > 0 %}
-    <i>
-    {% for tag in post.tags limit: 6%}
-        {{ tag }}
-    {% endfor %}
-    </i>
-{% else %}
-    none
-{% endif %}
diff --git a/_layouts/collection.html b/_layouts/collection.html
index 2eb82e7..531b011 100644
--- a/_layouts/collection.html
+++ b/_layouts/collection.html
@@ -1,10 +1,7 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-    {% include head.html %}
-    <link rel="stylesheet" href="/css/blog.css"/>
-</head>
+{% include head.html %}
 
 <body>
     <header>
diff --git a/_layouts/home.html b/_layouts/home.html
index 86151a3..87b3717 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -1,9 +1,7 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-    {% include head.html %}
-</head>
+{% include head.html %}
 
 <body>
     <header>
diff --git a/_layouts/page.html b/_layouts/page.html
index 86151a3..87b3717 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,9 +1,7 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-    {% include head.html %}
-</head>
+{% include head.html %}
 
 <body>
     <header>
diff --git a/_layouts/post.html b/_layouts/post.html
index 4c69ced..007213b 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,9 +1,7 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-    {% include head.html %}
-</head>
+{% include head.html %}
 
 <body>
     <header>
@@ -17,7 +15,10 @@
         {% include sidebar.html %}
 
         <main id="content">
-            <h1> {{page.title}} </h1>
+            <h1 class="post-title">{{ page.title }}</h1>
+
+            {% include post-info.html tags = page.tags date=page.date%}
+
             {{ content }}
         </main>
     </div>
diff --git a/_posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md b/_posts/2017-11-13-Apple-Mouse.md
similarity index 97%
rename from _posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md
rename to _posts/2017-11-13-Apple-Mouse.md
index 9792cc6..50b62b5 100644
--- a/_posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md	
+++ b/_posts/2017-11-13-Apple-Mouse.md
@@ -13,6 +13,8 @@ My idea was to transplant the internals from a cheap bluetooth mouse (one I have
 ## Day 1: The Mouse Buttons
 The first step was to split the existing single button into two. After grinding off the plastic welding on the pins holding the button in, I used a hacksaw guided by a block of wood to saw the button in half all the way down to the center part of the hinge. After sanding I think the cut looked pretty good! Something like a laser, or a better suited saw would probably have gotten a cleaner cut, but I was happy with this
 
+{% include figure-image.html src="img-2-small.jpg img-3-small.jpg img-4-small.jpg img-5-small.jpg" caption="the _mouse_ case" %}
+
 ## Day 2: The Board
 Since i wanted the optical sensor to peer through where the ball went, I needed it to be centered, but the bluetooth mouse’s board was slightly too wide to do this. Luckily the only thing on that part was the right mouse button, which I had to move anyways, and the connector for the batteries, which i was already replacing with a Lithium battery.
 I unfortunately had to scrape away some of the solder mask from the underside of the board to solder on a wire for the power connection, since all the plated holes were on the cutoff part (I couldn’t trace it to any of the pins on the sensor, I suspect there was some voltage conversioning happening). I also had to solder a piece of 30AWG wire directly to the surface mounted bluetooth module for right click, since that trace went all the way around the outside edge of the board.
diff --git a/_sass/_fonts.scss b/_sass/_fonts.scss
index 68e3853..b621210 100644
--- a/_sass/_fonts.scss
+++ b/_sass/_fonts.scss
@@ -10,4 +10,4 @@ $title-font: 'Barlow', sans-serif;
 $body-text: $foreground;
 $body-text-subtle: $subtle;
 $body-font: 'Open Sans', sans-serif;
-$body-size: 18px;
+$body-size: 16px;
diff --git a/css/blog.scss b/css/blog.scss
deleted file mode 100644
index 10834db..0000000
--- a/css/blog.scss
+++ /dev/null
@@ -1,44 +0,0 @@
----
----
-@import 'util';
-@import 'colors';
-@import 'fonts';
-
-
-    .post-entry {
-        .post-title {
-            color: $body-text;
-            text-decoration: none;
-            font-size: $body-size + 8;
-            font-weight: bold;
-
-        }
-        .post-title:hover {
-            text-decoration: underline;
-        }
-
-        .post-date {
-            text-align: right;
-            font-size: $body-size - 4;
-        }
-
-        .post-tags {
-            text-align: left;
-            font-size: $body-size - 4;
-        }
-
-        .post-see-more {
-            color: $body-text-subtle;
-        }
-        .post-see-more:hover {
-            color: $body-text;
-        }
-
-        table {
-            width: 100%;
-        }
-
-        hr {
-            margin: 5px;
-        }
-    }
diff --git a/css/sidebar.scss b/css/sidebar.scss
index 6517ea1..83f59b6 100644
--- a/css/sidebar.scss
+++ b/css/sidebar.scss
@@ -68,7 +68,7 @@ $mobile-width: {{ site.mobile-width }};
     text-align: center;
     float: right;
     width: 160px;
-    top:12px;
+    top: 0.6em;
     color: $sidebar-text;
 }
 
diff --git a/css/style.scss b/css/style.scss
index 1ce8763..d58f1f4 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -55,9 +55,10 @@ $mobile-width: {{ site.mobile-width }};
 ::-moz-selection {
     color: white;
     background: $orange;
-    /* WebKit/Blink Browsers */
+    /* Mozilla Browsers */
 }
 
+// base page format
 html {
     margin: 0;
     background-color: $margin;
@@ -65,6 +66,10 @@ html {
 
 body {
     background-color: $background;
+    font-size: $body-size;
+    font-family: $body-font;
+    color: $body-text;
+
     max-width: 800px;
     z-index: 0;
     margin-left: auto;
@@ -103,13 +108,6 @@ header {
     }
 }
 
-//WHAT THE FUCK
-
-hr {
-    border-width: 0;
-    height: 1px;
-    background-color: $body-text;
-}
 
 #box {
     display: flex;
@@ -121,17 +119,80 @@ hr {
         left: 20px;
     }
     flex-grow: 1;
-    font-family: $body-font;
+}
+
+hr {
+    border-width: 0;
+    height: 1px;
+    background-color: $body-text;
+}
+
+a {
     color: $body-text;
-    line-height: 1.5em;
-    p {
-        margin: {
-            top: 0;
-            bottom: 15px;
-        }
+}
+a:hover {
+    color: $body-text-subtle;
+}
+
+p {
+    margin: {
+        top: 0;
+        bottom: 15px;
     }
 }
 
+h1,h2,h3 {
+    margin: {
+        top: 0px;
+        bottom: 10px;
+    }
+    a {
+        text-decoration: none;
+    }
+}
+
+h1 {
+    font-size: 2em;
+}
+
+small {
+    font-size: 0.8em;
+}
+
+figure {
+    margin: 0;
+
+
+    .figure-contents {
+        display: flex;
+        flex-flow: row wrap;
+        justify-content: center;
+    }
+
+    a {
+        padding: 3px;
+        margin: 0;
+        height: 100%;
+        width: auto;
+        flex-basis: auto;
+        flex-shrink: 1;
+
+    }
+
+    img {
+        margin: auto;
+        max-height: 240px;
+        min-height: 100px;
+    }
+
+    figcaption {
+        text-align: center;
+
+    }
+}
+
+
+// narrow screens override
 @media screen and (max-width: $mobile-width) {
     header {
         top: 0;
@@ -159,6 +220,7 @@ hr {
             }
         }
     }
+
     #box {
         flex-direction: column;
     }
diff --git a/images/2017-11-13-Apple-Mouse/atkinson.png b/images/2017-11-13-Apple-Mouse/atkinson.png
new file mode 100644
index 0000000..322c1fa
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/atkinson.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dc04e8110bc86b2511cadebf052b0a5127d0eb930ada30916a944466d1b72e04
+size 26958
diff --git a/images/2017-11-13-Apple-Mouse/img-1-small.jpg b/images/2017-11-13-Apple-Mouse/img-1-small.jpg
new file mode 100644
index 0000000..546c3ed
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-1-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47417cd8033d033133a1388b0ee7a93af837f1e69a46cd60310260b0dfa7dbe2
+size 40557
diff --git a/images/2017-11-13-Apple-Mouse/img-1.jpg b/images/2017-11-13-Apple-Mouse/img-1.jpg
new file mode 100755
index 0000000..fa8a56e
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-1.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d0807233e855b2802528aa74a0c31ffc356bb5e3fd6edcb756be388b552282e0
+size 183376
diff --git a/images/2017-11-13-Apple-Mouse/img-10-small.jpg b/images/2017-11-13-Apple-Mouse/img-10-small.jpg
new file mode 100644
index 0000000..299c907
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-10-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d04df6167754e9ff62e1eecb3255b70d9b67b7ed237c487845966131c2ba4176
+size 44939
diff --git a/images/2017-11-13-Apple-Mouse/img-10.jpg b/images/2017-11-13-Apple-Mouse/img-10.jpg
new file mode 100644
index 0000000..fcd8987
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7fd69c1af8cc14725e4da185e70e104c0c0a1d15a0f5f8560fd3b64fe9a426b
+size 1236322
diff --git a/images/2017-11-13-Apple-Mouse/img-11-small.jpg b/images/2017-11-13-Apple-Mouse/img-11-small.jpg
new file mode 100644
index 0000000..05c192f
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-11-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13ccbc06bbceb9bf45c618c4db9ba0dc5d9b19aa8059a9f07b8a871f7dace193
+size 46345
diff --git a/images/2017-11-13-Apple-Mouse/img-11.jpg b/images/2017-11-13-Apple-Mouse/img-11.jpg
new file mode 100755
index 0000000..ecc1733
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee5de179066d9055332698af0c5cd8a6c6bd30d5a6c781c27b8110ec7cdd66d1
+size 1575871
diff --git a/images/2017-11-13-Apple-Mouse/img-12-small.jpg b/images/2017-11-13-Apple-Mouse/img-12-small.jpg
new file mode 100644
index 0000000..9cb87e9
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-12-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad0b565bbf92c70e27f85def6742eb4d2602c7b0d155652d3744c8bf63563e3d
+size 36531
diff --git a/images/2017-11-13-Apple-Mouse/img-12.jpg b/images/2017-11-13-Apple-Mouse/img-12.jpg
new file mode 100644
index 0000000..1063356
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-12.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b46322e9494417e057793417b437e77b8c8cfe36e78cbf517a183b7f813c9609
+size 797408
diff --git a/images/2017-11-13-Apple-Mouse/img-13-small.jpg b/images/2017-11-13-Apple-Mouse/img-13-small.jpg
new file mode 100644
index 0000000..fbb61d9
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-13-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f736b5f900faf002e6924325a82058b589f4fda015b396cdcbf335bc379c1fe
+size 37683
diff --git a/images/2017-11-13-Apple-Mouse/img-13.jpg b/images/2017-11-13-Apple-Mouse/img-13.jpg
new file mode 100755
index 0000000..50dbef9
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-13.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d15d5a95c9264a22ef7483f987be90750695c5a5577e9b7dde5e5995dc617020
+size 1247694
diff --git a/images/2017-11-13-Apple-Mouse/img-14-small.jpg b/images/2017-11-13-Apple-Mouse/img-14-small.jpg
new file mode 100644
index 0000000..a777464
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-14-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8ee4e752f6e1f1399f53f02cb7db8ae81867877fb71bae8190882e01a0d745ac
+size 32711
diff --git a/images/2017-11-13-Apple-Mouse/img-14.jpg b/images/2017-11-13-Apple-Mouse/img-14.jpg
new file mode 100644
index 0000000..0ed796d
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-14.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cd43d741718c281f4696defdb13477e5d35d9a6d7e0fb746b44e61a2f1093454
+size 1107549
diff --git a/images/2017-11-13-Apple-Mouse/img-15-small.jpg b/images/2017-11-13-Apple-Mouse/img-15-small.jpg
new file mode 100644
index 0000000..da54065
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-15-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18ea2196f237b6ceddc6a551adbf91064e14de6ac8806c1249480c5082f619af
+size 43087
diff --git a/images/2017-11-13-Apple-Mouse/img-15.jpg b/images/2017-11-13-Apple-Mouse/img-15.jpg
new file mode 100644
index 0000000..898fe90
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-15.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5346a8f4e691fd1dce45e55f15391ecad22a8468d7ad6cb4df02688856917659
+size 1211451
diff --git a/images/2017-11-13-Apple-Mouse/img-16-small.jpg b/images/2017-11-13-Apple-Mouse/img-16-small.jpg
new file mode 100644
index 0000000..475221f
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-16-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13e6226e1ce3a7e38e9a8b1134b5cb3f0595124224c50141460b0de478e96f1d
+size 35595
diff --git a/images/2017-11-13-Apple-Mouse/img-16.jpg b/images/2017-11-13-Apple-Mouse/img-16.jpg
new file mode 100755
index 0000000..ac2d180
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-16.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d66e64c09a45d10765fc7108b5b0fa870a2732911e3d46366bc2e89e8fbab465
+size 1106648
diff --git a/images/2017-11-13-Apple-Mouse/img-17-small.jpg b/images/2017-11-13-Apple-Mouse/img-17-small.jpg
new file mode 100644
index 0000000..766e68b
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-17-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cb1f44bc6970e92033e3ebd4754ccbe118bf80ee7310472b0f4d1e40a0115315
+size 61338
diff --git a/images/2017-11-13-Apple-Mouse/img-17.jpg b/images/2017-11-13-Apple-Mouse/img-17.jpg
new file mode 100755
index 0000000..d90a21c
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-17.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c54de8a1554b45986345075e86badafc804fb6a0fc47b0356d2434efa62f4270
+size 1460481
diff --git a/images/2017-11-13-Apple-Mouse/img-18-small.jpg b/images/2017-11-13-Apple-Mouse/img-18-small.jpg
new file mode 100644
index 0000000..72ee918
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-18-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afbdbac092b140a31958022502a69642ccf7327f09ab9e394c1274202c484958
+size 33944
diff --git a/images/2017-11-13-Apple-Mouse/img-18.jpg b/images/2017-11-13-Apple-Mouse/img-18.jpg
new file mode 100644
index 0000000..0737bd2
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-18.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ba255be0e4a89826d9a137c5a5d00895a241dbf34f115e99c50004371d7ee1f6
+size 1069377
diff --git a/images/2017-11-13-Apple-Mouse/img-19-small.jpg b/images/2017-11-13-Apple-Mouse/img-19-small.jpg
new file mode 100644
index 0000000..32d00e7
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-19-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e0c37e68271ce3e10a08e75a40668e0365e928e3d0167b9c218cd3836de7d2b
+size 32074
diff --git a/images/2017-11-13-Apple-Mouse/img-19.jpg b/images/2017-11-13-Apple-Mouse/img-19.jpg
new file mode 100644
index 0000000..a8a23a2
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-19.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:769cc4fc0b00a51838dc1395977efc4750a43b14fe7d8e82ac06986698e8dc93
+size 1331343
diff --git a/images/2017-11-13-Apple-Mouse/img-2-small.jpg b/images/2017-11-13-Apple-Mouse/img-2-small.jpg
new file mode 100644
index 0000000..63a618a
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-2-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4b7610902cebb84c2c120bcb2a7d01c0ade4dbdd81c6d198ed8fc13cbac9c76
+size 38748
diff --git a/images/2017-11-13-Apple-Mouse/img-2.jpg b/images/2017-11-13-Apple-Mouse/img-2.jpg
new file mode 100755
index 0000000..2959f6b
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-2.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de078b3850b41c32a178469bea716ca9eb9bc50cf043c29ce66361c60debad2b
+size 1333656
diff --git a/images/2017-11-13-Apple-Mouse/img-20-small.jpg b/images/2017-11-13-Apple-Mouse/img-20-small.jpg
new file mode 100644
index 0000000..4a2d000
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-20-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18e6163e82151fec7e551749ba8d87aad6a08a7b4023acd74807819de7b7584a
+size 38312
diff --git a/images/2017-11-13-Apple-Mouse/img-20.jpg b/images/2017-11-13-Apple-Mouse/img-20.jpg
new file mode 100644
index 0000000..e2b6540
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-20.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0bd75efa187904f47a654b632d48efa84d728e0bed7b5332ea4beb9e1cea1aa5
+size 1346368
diff --git a/images/2017-11-13-Apple-Mouse/img-3-small.jpg b/images/2017-11-13-Apple-Mouse/img-3-small.jpg
new file mode 100644
index 0000000..ea18f34
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-3-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:662599e2ba548c9f602dc2c4403b7a2b846076c3e413492a5677618264c89d8e
+size 35339
diff --git a/images/2017-11-13-Apple-Mouse/img-3.jpg b/images/2017-11-13-Apple-Mouse/img-3.jpg
new file mode 100755
index 0000000..2fd72e3
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-3.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4754cf003b17a5ee26240200fcfeca0816dca3bc37277ab56611824f1a996fa
+size 1299033
diff --git a/images/2017-11-13-Apple-Mouse/img-4-small.jpg b/images/2017-11-13-Apple-Mouse/img-4-small.jpg
new file mode 100644
index 0000000..126dacf
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-4-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cbb2d7646f79084f19f720d62e64a9e897c36b9d2031fa25d332363f8c7db43e
+size 46801
diff --git a/images/2017-11-13-Apple-Mouse/img-4.jpg b/images/2017-11-13-Apple-Mouse/img-4.jpg
new file mode 100755
index 0000000..671cd69
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-4.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0e39199d53ce18e78bd6106de6ba10e1fda886531cb99dc37cb4c92e24c98c1f
+size 1446410
diff --git a/images/2017-11-13-Apple-Mouse/img-5-small.jpg b/images/2017-11-13-Apple-Mouse/img-5-small.jpg
new file mode 100644
index 0000000..3124ee4
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-5-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b445b97c8aea3d96ecf5fe5929051379f76fc8d76285f19cb8babddceacd24f3
+size 37987
diff --git a/images/2017-11-13-Apple-Mouse/img-5.jpg b/images/2017-11-13-Apple-Mouse/img-5.jpg
new file mode 100755
index 0000000..8452ebf
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-5.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1d5a6bd9d19057257f489d296871bd21a420a54c4c4eb26fcc4e7cebcf87adc2
+size 1249339
diff --git a/images/2017-11-13-Apple-Mouse/img-6-small.jpg b/images/2017-11-13-Apple-Mouse/img-6-small.jpg
new file mode 100644
index 0000000..99bc989
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-6-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9d4ce5a316b196dcebcafdbc45f7a9c47b533f4e08604f4be8312d4c0616a925
+size 44394
diff --git a/images/2017-11-13-Apple-Mouse/img-6.jpg b/images/2017-11-13-Apple-Mouse/img-6.jpg
new file mode 100644
index 0000000..2b1bcc3
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-6.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0561605cb0aaeccf81e5deabf2f3cc88793022d2db6014ca915f7e0c4472727b
+size 1430284
diff --git a/images/2017-11-13-Apple-Mouse/img-7-small.jpg b/images/2017-11-13-Apple-Mouse/img-7-small.jpg
new file mode 100644
index 0000000..408add0
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-7-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7c407d02ce1fc87092b67baeb80c6b8a4c46836dd474079fdc20cd232a2ddb36
+size 42621
diff --git a/images/2017-11-13-Apple-Mouse/img-7.jpg b/images/2017-11-13-Apple-Mouse/img-7.jpg
new file mode 100644
index 0000000..db118c1
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-7.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27b9a52583714a9e8108503070429c6f9ee04a2564b2aff3df3467e6a5f69049
+size 1507997
diff --git a/images/2017-11-13-Apple-Mouse/img-8-small.jpg b/images/2017-11-13-Apple-Mouse/img-8-small.jpg
new file mode 100644
index 0000000..06beceb
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-8-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:404cc75e8bab9d7772666ba49fe46365f49c813a1ef4ba00fc8a9f8605a4f8b0
+size 34280
diff --git a/images/2017-11-13-Apple-Mouse/img-8.jpg b/images/2017-11-13-Apple-Mouse/img-8.jpg
new file mode 100644
index 0000000..d78e788
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-8.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:81ad464dd9271ef899485cf3e82cfd62fc418eba25e90df5e027d6eba616b349
+size 1158069
diff --git a/images/2017-11-13-Apple-Mouse/img-9-small.jpg b/images/2017-11-13-Apple-Mouse/img-9-small.jpg
new file mode 100644
index 0000000..e2416f1
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-9-small.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4f9572370f734f1158f2f09555140c50f2d6ee045864b89223be815b8c13d6b4
+size 42050
diff --git a/images/2017-11-13-Apple-Mouse/img-9.jpg b/images/2017-11-13-Apple-Mouse/img-9.jpg
new file mode 100644
index 0000000..1708087
--- /dev/null
+++ b/images/2017-11-13-Apple-Mouse/img-9.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:979856b2cc3db868c50f8cf996910964a6e84f5904edd1de110f0f52560c5da6
+size 1442159