From 2d83591e6b607daeca6d51cc37ffd019be671bb1 Mon Sep 17 00:00:00 2001 From: drewcassidy Date: Mon, 18 Dec 2017 21:15:35 -0800 Subject: [PATCH] add a real article and keep messing with CSS/HTML --- Blog.html | 68 ++++++++----------- _config.yml | 8 +++ _includes/taglist.html | 10 +++ _layouts/collection.html | 8 +-- _layouts/home.html | 8 +-- _layouts/page.html | 8 +-- _layouts/post.html | 11 +-- ...86 computer mouse into the 21st century.md | 28 ++++++++ css/blog.scss | 7 -- css/style.scss | 11 ++- 10 files changed, 97 insertions(+), 70 deletions(-) create mode 100644 _includes/taglist.html create mode 100644 _posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md diff --git a/Blog.html b/Blog.html index 37c3e60..301e0b7 100644 --- a/Blog.html +++ b/Blog.html @@ -6,44 +6,32 @@ permalink: Blog/ {% assign char-count = 500 %} - + + +{% endfor %} diff --git a/_config.yml b/_config.yml index 458bb67..9593d9e 100644 --- a/_config.yml +++ b/_config.yml @@ -12,4 +12,12 @@ exclude: collections: - projects +defaults: + - + scope: + paths: _posts + values: + layout: post + + mobile-width: "600px" diff --git a/_includes/taglist.html b/_includes/taglist.html new file mode 100644 index 0000000..b2de300 --- /dev/null +++ b/_includes/taglist.html @@ -0,0 +1,10 @@ +Tags: +{% if post.tags.size > 0 %} + + {% for tag in post.tags limit: 6%} + {{ tag }} + {% endfor %} + +{% else %} + none +{% endif %} diff --git a/_layouts/collection.html b/_layouts/collection.html index f4ec814..2eb82e7 100644 --- a/_layouts/collection.html +++ b/_layouts/collection.html @@ -13,13 +13,13 @@ / -
+
{% include sidebar.html %} -
+
{{ content }} -
-
+ + diff --git a/_layouts/home.html b/_layouts/home.html index 14fb7d4..86151a3 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -11,13 +11,13 @@ / {{ page.title }} -
+
{% include sidebar.html %} -
+
{{ content }} -
-
+ + diff --git a/_layouts/page.html b/_layouts/page.html index 14fb7d4..86151a3 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -11,13 +11,13 @@ / {{ page.title }} -
+
{% include sidebar.html %} -
+
{{ content }} -
-
+ + diff --git a/_layouts/post.html b/_layouts/post.html index 096234e..4c69ced 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -10,16 +10,17 @@ Andrew Cassidy / Blog - / {{ page.title }} + / -
+
{% include sidebar.html %} -
+
+

{{page.title}}

{{ content }} -
-
+ + diff --git a/_posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md b/_posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md new file mode 100644 index 0000000..9792cc6 --- /dev/null +++ b/_posts/2017-11-13-Hacking a 1986 computer mouse into the 21st century.md @@ -0,0 +1,28 @@ +--- +title: Hacking a 1986 computer mouse into the 21st century +--- + +While looking through a pile of computer hardware I found an original Apple ADB mouse, the one that shipped with the Apple IIgs and several models of mac. It’s an extremely simple piece of hardware, with only a single button on top and a mechanical ball on the bottom. Interestingly, the cable on the mouse is very short, since it was designed to be daisy-chained with an ADB keyboard. +My idea was to transplant the internals from a cheap bluetooth mouse (one I have kept in my backpack for use at school) into the ADB mouse, making it into something I could use daily. I needed to add several things to the hardware: +* Two buttons on top +* A scroll wheel that also clicks +* a power switch and pair button +* An internal battery, since I couldn’t find any way to make a door for AAAs, plus a way of charging it +* optionally, a button for activating Siri on my laptop so I can recreate [that scene from Star Trek IV](https://youtu.be/xaVgRj2e5_s?t=2m51s) + +## 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 + +## 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. + +I also cut down the plastic lens to fit inside the ball door of the original mouse. miraculously the distance between the sensor and the desk was exactly the same as the thickness of the ball hatch. + +## Day 3: Assembly +The final major component of the mouse were the left and right click buttons. I used some strip-board cut into a C-shape to accommodate the charging port in the center, which had its middle pin (shorted to ground while disconnected) soldered to it for mechanical support. This was connected to the 5V input on the [charging module](https://www.adafruit.com/product/1904), as well as to the button and common pins of the logic board. Once I had cleaned up the wiring I had a somewhat useful bluetooth mouse (only clicking required pressing the microswitches directly) + +Next came the part of the project I was putting off: the scroll wheel. there isnt enough room for the scroll wheel to go between the click buttons, both vertically due to the charge port placement and because the buttons were small enough already. I decided to cut a slot in the side for a mouse wheel to fit that would be operated with the thumb, with a separate button for the middle mouse click (I decided the mechanism for a clicking scroll wheel was too complicated. I also cut a hole for the status LED and a power switch, which I had accidentally neglected before + +After this, I did the final assembly by glueing each part in using hot glue, since hot glue can easily be removed by peeling it off or heating with a soldering iron if necessary. I needed to shim the mouse buttons with a bit of wood so they would hit the microswitches correctly (I’ll likely print some nicer looking shims later). +I think the final result looks pretty good, and the modifications don’t look to out of place compared to the original apple hardware. If I were to repeat the project I think I would have taken greater care with cutting the case, and perhaps found a way to make a scroll wheel that matches the shade of beige used at the time. The plastic is yellowed, but I think I like it like that, it adds a bit of authenticity. diff --git a/css/blog.scss b/css/blog.scss index 7ed2654..10834db 100644 --- a/css/blog.scss +++ b/css/blog.scss @@ -4,11 +4,6 @@ @import 'colors'; @import 'fonts'; -#post-list { - list-style-type: none; - padding: { - left: 0px; - } .post-entry { .post-title { @@ -33,7 +28,6 @@ } .post-see-more { - font-style: italic; color: $body-text-subtle; } .post-see-more:hover { @@ -48,4 +42,3 @@ margin: 5px; } } -} diff --git a/css/style.scss b/css/style.scss index 708e98c..a2f9697 100644 --- a/css/style.scss +++ b/css/style.scss @@ -103,16 +103,15 @@ header { } } -main { - display: flex; -} - hr { border-width: 0; height: 1px; - background-color: $body-text-subtle; + background-color: $body-text; } +#box { + display: flex; +} #content { padding: { @@ -158,7 +157,7 @@ hr { } } } - main { + #box { flex-direction: column; } }