Commit 912a0bce authored by John's avatar John

Site updated: 2018-04-30 15:22:49

parent 27baa555
......@@ -10,5 +10,4 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Archives: 5/2010</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Archives: 5/2010</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -10,5 +10,4 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Archives: 2010</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Archives: 2010</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -11,5 +11,4 @@
<meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Archives</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-site-what/"><div class="post-list__item__link__background" style="background-image:url('/images/default.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/static-site-what/" title="Static Site what?!">Static Site what?!</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Web-Dev/">Web Dev</a></div><p class="post-list__item__description">Recently I’ve become disillusioned with most CMS options. They’re a pain to keep updated, plugins are constantly being abandoned, and they’re so...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/table-based-design/"><div class="post-list__item__link__background" style="background-image:url('/images/default.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/table-based-design/" title="Table based design: Why I loathe it, and you should too!">Table based design: Why I loathe it, and you should too!</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Web-Dev/">Web Dev</a></div><p class="post-list__item__description">If there is one thing that grinds my gears it’s table based design and the “web development” companies that continue to use it.
Web development is...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
Web development is...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -10,5 +10,4 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Category: Other Electronics</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><header><h2>Category: Other Electronics</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -11,5 +11,4 @@
<meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><section class="post-list"><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-site-what/"><div class="post-list__item__link__background" style="background-image:url('/images/default.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/static-site-what/" title="Static Site what?!">Static Site what?!</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Web-Dev/">Web Dev</a></div><p class="post-list__item__description">Recently I’ve become disillusioned with most CMS options. They’re a pain to keep updated, plugins are constantly being abandoned, and they’re so...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/table-based-design/"><div class="post-list__item__link__background" style="background-image:url('/images/default.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/table-based-design/" title="Table based design: Why I loathe it, and you should too!">Table based design: Why I loathe it, and you should too!</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Web-Dev/">Web Dev</a></div><p class="post-list__item__description">If there is one thing that grinds my gears it’s table based design and the “web development” companies that continue to use it.
Web development is...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
Web development is...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="post-list__item__link__background" style="background-image:url('/images/plasmaHead.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/the-plasma-speaker-saga-pt-iii/" title="The Plasma Speaker Saga pt.III">The Plasma Speaker Saga pt.III</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic...</p></div></article><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/matrix-keypad/"><div class="post-list__item__link__background" style="background-image:url('/images/matrix/finished.jpg');"></div></a></div><div class="post-list__item__col-2"> <h3 class="post-list__item__title"><a href="/posts/matrix-keypad/" title="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></h3><div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Other-Electronics/">Other Electronics</a></div><p class="post-list__item__description">So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can...</p></div></article></section><div class="pagination"><span class="page-number current">1</span></div></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -7,26 +7,27 @@
<meta property="og:description" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to…">
<meta property="og:locale" content="en">
<meta property="og:image" content="http://blog.thebestjohn.com/images/matrix/finished.jpg">
<meta property="og:updated_time" content="2018-04-30T14:22:14.543Z">
<meta property="og:updated_time" content="2018-04-30T15:22:08.025Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">
<meta name="twitter:description" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to…">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/matrix/finished.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="February 16th 2010 00:00:00"><meta property="twitter:label2" content="Written by"><meta property="twitter:data2" content="John Warren"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><article class="article" id="article" itemscope itemtype="https://schema.org/BlogPosting"><h1 class="article__title" itemprop="headline">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</h1><div class="article__meta"><time class="article__meta__time" datetime="2010-02-16T05:00:00.000Z" itemprop="datePublished">February 16th 2010</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Other-Electronics/">Other Electronics</a></div></div><div class="article__contents"><img src="/images/matrix/finished.jpg"/><p>So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be vandalized or stolen without much frustration, It can be fully customized to display whatever you like, and you can make as large a keypad as you like with as many inputs as you can handle. I created my keypad to go on the exterior of my door in residence to act as a keypad entry in much the same way as colin353 did <a href="www.instructables.com/id/An-Electronic-Door-Opener/">here</a>. I however have some more tricks up my sleeve for this coming up in a later Instructable.</p>
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/matrix/finished.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="February 16th 2010 00:00:00"><meta property="twitter:label2" content="Written by"><meta property="twitter:data2" content="John Warren"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><article class="article" id="article" itemscope itemtype="https://schema.org/BlogPosting"><h1 class="article__title" itemprop="headline">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</h1><div class="article__meta"><time class="article__meta__time" datetime="2010-02-16T05:00:00.000Z" itemprop="datePublished">February 16th 2010</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Other-Electronics/">Other Electronics</a></div></div><div class="article__contents"><img src="/images/matrix/finished.jpg"/><p>So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be vandalized or stolen without much frustration, It can be fully customized to display whatever you like, and you can make as large a keypad as you like with as many inputs as you can handle. I created my keypad to go on the exterior of my door in residence to act as a keypad entry in much the same way as colin353 did <a href="www.instructables.com/id/An-Electronic-Door-Opener/">here</a>.</p>
<p><strong>NOTE:</strong> This is not a complete tutorial for the time being. It goes through the construction of a keypad fully, however it does not yet fully demonstrate the means to make it useful.</p>
<h1 id="Step-1-Understanding-the-Keypad"><a href="#Step-1-Understanding-the-Keypad" class="headerlink" title="Step 1: Understanding the Keypad"></a>Step 1: Understanding the Keypad</h1><p>The first thing I want you to understand is how this keypad works. I know what you’re thinking… Matrix keypad?… “I’m not going to have to take any blue pills to get this to work am I?”. No its not that matrix.. The best way to think about a matrix style keypad is to think about battleship.</p>
<p>A matrix is pretty much a grid like in battleship consisting of rows and columns. each button corresponds to a certain row and column. See the first picture to help illustrate this better. On a 9 button keypad you would use 3 rows and 3 columns. The first button would make a link between Row 1 and Column 1 (R1C1) just like in battleship. 2 would be R1C2, 3 R1C3, and lets say 8 would be R3C2… the rest are illustrated on the image.</p>
<p>The point of this is instead of having 9 different buttons to wire up, all you would need to do is wire up 3 columns and 3 rows for significantly less wires. The real benefits come when you begin adding buttons. adding another row and column (2 wires) would add 7 buttons… see where I’m going?</p>
<p>Step 2: Collecting the Materials.</p>
<p>The really cool thing about this instructable is you probably already have all the things you need to build this in your house! Yes when I say that this is a simple, cheap, effective way of making a keypad I mean that it is simple and cheap. For this instructable you will need:</p>
<p>The really cool thing about this project is you probably already have all the things you need to build this in your house! Yes when I say that this is a simple, cheap, effective way of making a keypad I mean that it is simple and cheap. You will need:</p>
<ul>
<li>A Microcontroller (in this case an Arduino)</li>
<li>Aluminum Foil (tin foil… some sort of foil) <em>foil tape works well also</em></li>
<li>Some sort of paper or flat material (what you choose here will effect the durability. I’m using a dry erase pad for my fridge)</li>
<li>glue (unless you’re using foil tape)</li>
<li>a spacer of some sort (a few layers of paper with holes cut in them may work I’m using double sided sticky foam pads)</li>
<li>Glue (unless you’re using foil tape)</li>
<li>A spacer of some sort (a few layers of paper with holes cut in them may work I’m using double sided sticky foam pads)</li>
<li>Laminator (COMPLETELY OPTIONAL)</li>
</ul>
<h1 id="Step-3-Decision-Time"><a href="#Step-3-Decision-Time" class="headerlink" title="Step 3: Decision Time"></a>Step 3: Decision Time</h1>
<p>The first step to putting your keypad together is deciding what you want it to look like/how many buttons do you want on it. For this instructable I will be using a 3X3 setup with the numbers from 1 to 9 on it. Once you have decided what it will look like draw it out and decide where you want all the wires to go. I want a lead off from my keypad so it will go around my door so see image 2 for what mine should look like. Make a mock up on your computer using whatever software you like (paint, photoshop, illustrator…) and proceed to the next step.</p>
<h1 id="Step-3-Decision-Time"><a href="#Step-3-Decision-Time" class="headerlink" title="Step 3: Decision Time"></a>Step 3: Decision Time</h1><p><img src="/images/matrix/frontkeypad.jpg" alt="&#39;the button layout&#39;"></p>
<p>The first step to putting your keypad together is deciding what you want it to look like/how many buttons do you want on it. For this project I will be using a 3X3 setup with the numbers from 1 to 9 on it. Once you have decided what it will look like draw it out and decide where you want all the wires to go. I want a lead off from my keypad so it will go around my door so see image 2 for what mine should look like. Make a mock up on your computer using whatever software you like (paint, photoshop, illustrator…) and proceed to the next step.</p>
<h1 id="Step-4-Mapping-Out-Your-Cheap-Matrix"><a href="#Step-4-Mapping-Out-Your-Cheap-Matrix" class="headerlink" title="Step 4: Mapping Out Your Cheap Matrix"></a>Step 4: Mapping Out Your Cheap Matrix</h1><p>What we are going to be doing is gluing on foil to make a flexible, cheap, however effective circuit board. What we need to do now is on our computer mock up we need to make how our columns and rows are going to be set-up. If you are using Photoshop make 2 new layers, one called rows the other columns. if you’re just using paint make a copy of the file called rows and another columns.</p>
<p>On these new layers we will put large black lines where we want our “Circuits” to go. See image 2 for rows and image 3 columns if you are confused. Image 4 shows what both layers turned on looks like. Starting to look familiar?<br>Now you need to flip one of your images vertically… or is it horizontally… see image 5 you’ll get what I mean.</p>
<p>Go ahead and print these out for the next step.</p>
......@@ -42,11 +43,11 @@
<p><strong><em>OPTIONAL STEP</em></strong><br>To help my keypad enjoy a long healthy life I laminated mine. It helps provide some structural support for the paper… constant pressing can and will create depressions (again not sad) in the paper that sooner or later will cause your keypad to become ineffectively pressing that button constantly.</p>
<p>Image 4 would show my beautiful laminated Matrix style keypad however the laminator ate my piece of art.</p>
<h1 id="Step-7-Arduino-Anyone"><a href="#Step-7-Arduino-Anyone" class="headerlink" title="Step 7: Arduino Anyone?!"></a>Step 7: Arduino Anyone?!</h1><p>Time to hook up your keypad to the Arduino for the first time… exciting no?</p>
<p>Well Exciting as it may be it’ll have to wait for now! The Laminator lovingly ate my keypad so until I can find the time to make another one then it’ll have to wait. I WILL be coming back so do not to worry this step will come. Perhaps in the near future I will explain how to set it all up and not exactly show it off. For now here is the arduino code I was using with my prototypes for those of you who know where to go from here good luck. For the others sit tight.</p>
<p>Well Exciting as it may be it’ll have to wait for now! The Laminator lovingly ate my keypad so until I can find the time to make another one then it’ll have to wait. I WILL be coming back so do not to worry this step will come. Perhaps in the near future I will explain how to set it all up and not exactly show it off. For now here is the Arduino code I was using with my prototypes for those of you who know where to go from here good luck. For the others sit tight.</p>
<p><strong>NOTE</strong> you will have to install the keypad library from arduino.cc</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br></pre></td><td class="code"><pre><span class="line">#include &lt;Keypad.h&gt;</span><br><span class="line"></span><br><span class="line">int beep = 13; //A buzzer is attatched to pin 13</span><br><span class="line"></span><br><span class="line">const byte ROWS = 3; //four rows</span><br><span class="line">const byte COLS = 3; //four columns</span><br><span class="line">char keys[ROWS][COLS] = &#123;</span><br><span class="line"> &#123;&apos;1&apos;,&apos;2&apos;,&apos;3&apos;&#125;,</span><br><span class="line"> &#123;&apos;4&apos;,&apos;5&apos;,&apos;6&apos;&#125;,</span><br><span class="line"> &#123;&apos;7&apos;,&apos;8&apos;,&apos;9&apos;&#125;,</span><br><span class="line">&#125;;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">byte rowPins[ROWS] = &#123;8, 7, 6&#125;; //connect to the row pinouts of the keypad</span><br><span class="line">byte colPins[COLS] = &#123;5 ,4, 3&#125;; //connect to the column pinouts of the keypad</span><br><span class="line"></span><br><span class="line">Keypad keypad = Keypad( makeKeymap(keys), rowPins, colPins, ROWS, COLS );</span><br><span class="line"></span><br><span class="line">void setup()&#123;</span><br><span class="line"> Serial.begin(9600);</span><br><span class="line"> pinMode(beep, OUTPUT); </span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">void loop()&#123;</span><br><span class="line"> char key = keypad.getKey();</span><br><span class="line"> if (key != NO_KEY)&#123;</span><br><span class="line"> Serial.println(key);</span><br><span class="line"> digitalWrite(beep, HIGH); // set the buzzer on</span><br><span class="line"> delay(100);</span><br><span class="line"> digitalWrite(beep, LOW); // set the buzzer off </span><br><span class="line"> </span><br><span class="line"> &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></div><div class="article__author" itemscope itemprop="author" itemtype="https://schema.org/Person"><img class="article__author__image" src="/images/avatar.jpg" alt="John Warren"><a class="article__author__link" title="About John Warren" rel="author">John Warren</a><p class="article__author__desc">Just a place to make stuff</p><div class="article__author__socials"><a class="article__author__socials__item" href="/atom.xml" title="rss" target="_blank"><i class="fa fa-rss"></i></a></div><meta itemprop="name" content="John Warren"></div><div class="sharer" id="sharer"><div class="sharer-inner"><div class="sharer__right"><button class="sharer__item" id="sharer-facebook"><i class="fa fa-facebook-official"></i></button><button class="sharer__item" id="sharer-twitter"><i class="fa fa-twitter"></i></button><button class="sharer__item" id="sharer-pinterest"><i class="fa fa-pinterest"></i></button><button class="sharer__item" id="sharer-pocket"><i class="fa fa-get-pocket"></i></button></div></div></div><!-- Disqus Code--><div id="disqus_thread"></div><script>(function() {
var d = document, s = d.createElement('script');
s.src = '//thebestjohn.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T14:22:14.543Z"><meta itemprop="articleBody" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be..."><meta itemprop="url" content="/posts/matrix-keypad/"><meta itemprop="mainEntityOfPage" content="/posts/matrix-keypad/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/matrix/finished.jpg"><meta itemprop="url" content="/images/matrix/finished.jpg"><meta itemprop="width" content="1024"><meta itemprop="height" content="768"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="related-posts__item__background" style="background-image:url('/images/plasmaHead.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">The Plasma Speaker Saga pt.III</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T15:22:08.025Z"><meta itemprop="articleBody" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be..."><meta itemprop="url" content="/posts/matrix-keypad/"><meta itemprop="mainEntityOfPage" content="/posts/matrix-keypad/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/matrix/finished.jpg"><meta itemprop="url" content="/images/matrix/finished.jpg"><meta itemprop="width" content="1024"><meta itemprop="height" content="768"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="related-posts__item__background" style="background-image:url('/images/plasmaHead.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">The Plasma Speaker Saga pt.III</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
......@@ -7,12 +7,11 @@
<meta property="og:description" content="Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the…">
<meta property="og:locale" content="en">
<meta property="og:image" content="http://blog.thebestjohn.com/images/plasmaHead.jpg">
<meta property="og:updated_time" content="2018-04-30T14:22:14.543Z">
<meta property="og:updated_time" content="2018-04-30T15:22:08.025Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The Plasma Speaker Saga pt.III">
<meta name="twitter:description" content="Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the…">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/plasmaHead.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="May 10th 2010 00:00:00"><meta property="twitter:label2" content="Written by"><meta property="twitter:data2" content="John Warren"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><article class="article" id="article" itemscope itemtype="https://schema.org/BlogPosting"><h1 class="article__title" itemprop="headline">The Plasma Speaker Saga pt.III</h1><div class="article__meta"><time class="article__meta__time" datetime="2010-05-10T04:00:00.000Z" itemprop="datePublished">May 10th 2010</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Other-Electronics/">Other Electronics</a></div></div><div class="article__contents"><img src="/images/plasmaHead.jpg"/>
<p>Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic smoke out of countless ICs and Diodes I have finally put together a working model of the plasma speaker. The first thing I did to guide me on my path was to find a TL494 IC in a dip format. I figured that it was going to be another month until I could make this post as I would have had to special order a TL494 chip online which would cost me shipping and a whole crap more money than the chip was worth. When out of the blue two days ago my father asked me what chip I needed for the Plasma speaker. Having studied the schematic for hours I could quote almost every component off by heart at this point, so I told him “TL494″ he looked at me, let out a little chuckle and a smirk, and pointed over to the other side of the kitchen. I walked over and saw several power tools and construction materials (we’re in the middle of a kitchen reno) and an old pc power supply. I picked it up and said “is this it?”. “Yes” he answered “I pulled it out of the pc that that my work threw out. The power supply was the only thing that was bad in it.”. So earlier on today (yesterday?) I open her up and lo and behold there is a TL494 DIP IC staring me in the face (Nestled right beside a LM339N I might add) as well as several other things I may need in the future of this speaker (toroids, heatsinks, etc…).</p>
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/plasmaHead.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="May 10th 2010 00:00:00"><meta property="twitter:label2" content="Written by"><meta property="twitter:data2" content="John Warren"><link rel="icon" href="/images/icon.png"><link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn"></head><body itemscope itemtype="https://schema.org/WebPage"><nav class="menu" id="menu"><div class="menu-inner"><div class="menu__left-area"><div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div></div><div class="menu__right-area"><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div><div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div></div></div></nav><div class="page-background"></div><div class="content-container"><div class="content-outer"><div class="content-inner" itemscope itemtype="https://schema.org/Blog"><article class="article" id="article" itemscope itemtype="https://schema.org/BlogPosting"><h1 class="article__title" itemprop="headline">The Plasma Speaker Saga pt.III</h1><div class="article__meta"><time class="article__meta__time" datetime="2010-05-10T04:00:00.000Z" itemprop="datePublished">May 10th 2010</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Other-Electronics/">Other Electronics</a></div></div><div class="article__contents"><img src="/images/plasmaHead.jpg"/><p>Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic smoke out of countless ICs and Diodes I have finally put together a working model of the plasma speaker. The first thing I did to guide me on my path was to find a TL494 IC in a dip format. I figured that it was going to be another month until I could make this post as I would have had to special order a TL494 chip online which would cost me shipping and a whole crap more money than the chip was worth. When out of the blue two days ago my father asked me what chip I needed for the Plasma speaker. Having studied the schematic for hours I could quote almost every component off by heart at this point, so I told him “TL494″ he looked at me, let out a little chuckle and a smirk, and pointed over to the other side of the kitchen. I walked over and saw several power tools and construction materials (we’re in the middle of a kitchen reno) and an old pc power supply. I picked it up and said “is this it?”. “Yes” he answered “I pulled it out of the pc that that my work threw out. The power supply was the only thing that was bad in it.”. So earlier on today (yesterday?) I open her up and lo and behold there is a TL494 DIP IC staring me in the face (Nestled right beside a LM339N I might add) as well as several other things I may need in the future of this speaker (toroids, heatsinks, etc…).</p>
<div class="video-container"><iframe src="//player.vimeo.com/video/13001645" frameborder="0" allowfullscreen></iframe></div>
<p>After about 20 minutes of trying to get this chip out with a solder sucker and solder braid, I finally succeed. I pop it into my breadboard (which had the starting of my time fountain, but who cares PLASMA SPEAKER!) and begin wiring up the schematic. Everything looks wired up properly and I have a speaker in place of the flyback transformer (another steal from the discarded television that I got the flyback from). I attach a 9V battery and…. nothing happens…. shit ok well time to pull out the big guns… the 12V motorcycle battery. I attach the battery and…. it kinda works… except the speaker is just puffed out all the way…. it’s not making any noise at all! What should be happening is the speaker should be oscillating at some high frequency but it’s not, it’s just sitting there all puffed out…. At around this time my father gets home from work. I have a question for him. The TL494 chip has a black dot on it (which usually denotes where pin 1 is) as well as a notch in it (Another common way to denote pin 1) on the opposite side. Theres your problem. the chip is in backwards! I reverse the chip and TA-DA a squealing speaker!</p>
<p>Now it was time to attach the flyback transformer and get to the sparky sparky, singy singy. I put it all together and PFFFFFTTTT! all the magic smoke flys out of my diode. At this point I have let the magic smoke out of so many ICs and Diodes my nickname should be John the wizard. I go back to the drawing board and my dad points out to me that diodes (unlike capacitors) have a white line marking their cathode (whereas on capacitors it denotes an anode). Well shit! I must have blown this diode 20 times because that stupid quirk of electronics. I put my last diode in, turn on the power and….. LIGHTING! It verks! for the next 20 minutes I walk around the house with a big shit eating grin on my face looking for some sort of CD, Cassette, or shitty MP3 player to plug into this potential device killer to make me some audio. I finally find an old Mp3 player that I found on the bus in grade 6 and hook it up (the MP3 player needed a non-standard usb cable so I had to settle with what was on it…. Dr.Dre lol) after about 20 sec0nds of it working…. PFFFTTT! magic smoke billows from the IRF540 MOSFET. So I take a look at it… the heatsink isn’t hot!? I put some heatsink compound on the back whats the deal!? Well it turns out there was a sheet of mylar between the heatsink and the original component and it wasn’t very efficient. So I pop off the mylar sheet, clean everything up, add some new heatsink compound and a new MOSFET and there we go… it works for a longer period of time and I am able to bring you the following video.</p>
......@@ -22,5 +21,4 @@
s.src = '//thebestjohn.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T14:22:14.543Z"><meta itemprop="articleBody" content="
Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic smoke out of countless ICs and Diodes I have finally..."><meta itemprop="url" content="/posts/the-plasma-speaker-saga-pt-iii/"><meta itemprop="mainEntityOfPage" content="/posts/the-plasma-speaker-saga-pt-iii/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/plasmaHead.jpg"><meta itemprop="url" content="/images/plasmaHead.jpg"><meta itemprop="width" content="950"><meta itemprop="height" content="425"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/matrix-keypad/"><div class="related-posts__item__background" style="background-image:url('/images/matrix/finished.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T15:22:08.025Z"><meta itemprop="articleBody" content="Well today’s the day! On the eve of Canada day I have made a giant step towards a good version of the plasma speaker! After letting the magic smoke out of countless ICs and Diodes I have finally..."><meta itemprop="url" content="/posts/the-plasma-speaker-saga-pt-iii/"><meta itemprop="mainEntityOfPage" content="/posts/the-plasma-speaker-saga-pt-iii/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/plasmaHead.jpg"><meta itemprop="url" content="/images/plasmaHead.jpg"><meta itemprop="width" content="950"><meta itemprop="height" content="425"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/matrix-keypad/"><div class="related-posts__item__background" style="background-image:url('/images/matrix/finished.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment