Skip to content

B
blog
Commit fb6a26a3 authored by John's avatar John
Browse files
Options

Site updated: 2018-04-30 18:49:49

parent 87936651
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 16 deletions
about/index.html
View file @ fb6a26a3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="About Me"> <meta name="twitter:title" content="About Me">
<meta name="twitter:description" content="My name is John. I’m a Embedded Developer. Over the years I’ve dabbled in a lot of side projects. I have a deep interest in making IoT and…"> <meta name="twitter:description" content="My name is John. I’m a Embedded Developer. Over the years I’ve dabbled in a lot of side projects. I have a deep interest in making IoT and…">
<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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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">About Me</h1><div class="article__meta"><time class="article__meta__time" datetime="2018-04-26T17:54:48.000Z" itemprop="datePublished">April 26th 2018</time></div><hr><div class="article__contents"><p>My name is John. I’m a Embedded Developer. Over the years I’ve dabbled in a lot of side projects. I have a deep interest in making IoT and smart home systems, setting up offline backups of information/Digital archiving, and alternative network technologies.</p> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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">About Me</h1><div class="article__meta"><time class="article__meta__time" datetime="2018-04-26T17:54:48.000Z" itemprop="datePublished">April 26th 2018</time></div><hr><div class="article__contents"><p>My name is John. I’m a Embedded Developer. Over the years I’ve dabbled in a lot of side projects. I have a deep interest in making IoT and smart home systems, setting up offline backups of information/Digital archiving, and alternative network technologies.</p>
<p>Contained within is my attempt to chronicle my efforts, share idea and projects, and at the end of the day, teach. I’ve always thought at some point I would like to teach. Lately I realized that there is no barrier to teaching other than what we impose on ourselves. I have a platform, It’s the internet. Please join me and feel free to ask some questions. I’d love to try to answer them, or at least point you in the right direction.</p> <p>Contained within is my attempt to chronicle my efforts, share idea and projects, and at the end of the day, teach. I’ve always thought at some point I would like to teach. Lately I realized that there is no barrier to teaching other than what we impose on ourselves. I have a platform, It’s the internet. Please join me and feel free to ask some questions. I’d love to try to answer them, or at least point you in the right direction.</p>
<p>–John</p> <p>–John</p>
</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() { </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() {
......
archives/2010/02/index.html
View file @ fb6a26a3
...@@ -10,4 +10,4 @@ ...@@ -10,4 +10,4 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: 2/2010</h2></header><hr><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-what-generator/">Static what Generator?!</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> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: 2/2010</h2></header><hr><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-what-generator/">Static what Generator?!</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 \ No newline at end of file
archives/2010/05/index.html
View file @ fb6a26a3
...@@ -10,4 +10,4 @@ ...@@ -10,4 +10,4 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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-what-generator/">Static what Generator?!</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> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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-what-generator/">Static what Generator?!</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 \ No newline at end of file
archives/2010/index.html
View file @ fb6a26a3
This diff is collapsed.
archives/2012/08/index.html
View file @ fb6a26a3
...@@ -10,5 +10,5 @@ ...@@ -10,5 +10,5 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: 8/2012</h2></header><hr><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/tableCode.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. <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: 8/2012</h2></header><hr><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/tableCode.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></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-what-generator/">Static what Generator?!</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> Web development is...</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-what-generator/">Static what Generator?!</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
archives/2012/index.html
View file @ fb6a26a3
...@@ -10,5 +10,5 @@ ...@@ -10,5 +10,5 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: 2012</h2></header><hr><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/tableCode.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. <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: 2012</h2></header><hr><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/tableCode.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></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-what-generator/">Static what Generator?!</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> Web development is...</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-what-generator/">Static what Generator?!</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
archives/2018/04/index.html
View file @ fb6a26a3
...@@ -10,4 +10,4 @@ ...@@ -10,4 +10,4 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: 4/2018</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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></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-what-generator/">Static what Generator?!</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> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: 4/2018</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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></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-what-generator/">Static what Generator?!</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 \ No newline at end of file
archives/2018/index.html
View file @ fb6a26a3
...@@ -10,4 +10,4 @@ ...@@ -10,4 +10,4 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: 2018</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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></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-what-generator/">Static what Generator?!</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> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: 2018</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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></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-what-generator/">Static what Generator?!</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 \ No newline at end of file
archives/index.html
View file @ fb6a26a3
...@@ -10,5 +10,5 @@ ...@@ -10,5 +10,5 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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. <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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-what-generator/">Static what Generator?!</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> 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-what-generator/">Static what Generator?!</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
categories/Other-Electronics/index.html
View file @ fb6a26a3
This diff is collapsed.
categories/Web-Dev/index.html
View file @ fb6a26a3
...@@ -10,5 +10,5 @@ ...@@ -10,5 +10,5 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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: Web Dev</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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. <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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: Web Dev</h2></header><hr><article class="post-list__item"><div class="post-list__item__col-1"><a class="post-list__item__link" href="/posts/static-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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></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-what-generator/">Static what Generator?!</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> Web development is...</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-what-generator/">Static what Generator?!</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
index.html
View file @ fb6a26a3
...@@ -10,5 +10,5 @@ ...@@ -10,5 +10,5 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn"> <meta name="twitter:title" content="TheBestJohn">
<meta name="twitter:description" content="Just a place to make stuff"> <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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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. <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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-what-generator/"><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-what-generator/" title="Static what Generator?!">Static what Generator?!</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/tableCode.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-what-generator/">Static what Generator?!</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> 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-what-generator/">Static what Generator?!</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
posts/matrix-keypad/index.html
View file @ fb6a26a3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta name="twitter:card" content="summary"> <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: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: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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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> <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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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> <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> <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>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>
......
posts/static-what-generator/index.html
View file @ fb6a26a3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Static what Generator?!"> <meta name="twitter:title" content="Static what Generator?!">
<meta name="twitter:description" content="Recently I’ve become disillusioned with most CMS options. They’re a pain to keep updated, plugins are constantly being abandoned, and…"> <meta name="twitter:description" content="Recently I’ve become disillusioned with most CMS options. They’re a pain to keep updated, plugins are constantly being abandoned, and…">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="April 27th 2018 17:40: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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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">Static what Generator?!</h1><div class="article__meta"><time class="article__meta__time" datetime="2018-04-27T21:40:00.000Z" itemprop="datePublished">April 27th 2018</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Web-Dev/">Web Dev</a></div></div><hr><div class="article__contents"><p>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 prevalent in sites that they make a very attractive target for exploitation. In fact the first time I lost control of my server it was because of a bug in a themes use of timthumb.php. Basically, the attacker sent it an “image” file from a hosting website that had a php eval script hidden in it’s data. When accessed normally it showed an image but if they accessed the cached file that timthumb made, then the server treated it as a php file. From there they were able to install a remote shell, and own my server.</p> <meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="April 27th 2018 17:40: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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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">Static what Generator?!</h1><div class="article__meta"><time class="article__meta__time" datetime="2018-04-27T21:40:00.000Z" itemprop="datePublished">April 27th 2018</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Web-Dev/">Web Dev</a></div></div><hr><div class="article__contents"><p>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 prevalent in sites that they make a very attractive target for exploitation. In fact the first time I lost control of my server it was because of a bug in a themes use of timthumb.php. Basically, the attacker sent it an “image” file from a hosting website that had a php eval script hidden in it’s data. When accessed normally it showed an image but if they accessed the cached file that timthumb made, then the server treated it as a php file. From there they were able to install a remote shell, and own my server.</p>
<h1 id="Static-site-generators"><a href="#Static-site-generators" class="headerlink" title="Static site generators"></a>Static site generators</h1><p>While the timthumb exploit was a pain in the ass, it was very interesting to me and made me seriously consider how I secure my systems. To that end I started reading into static site generators. Static site generators take your posts, usually formatted in some sort of markup, put them through a templating engine that outputs <code>.html</code> files, which you can then serve via the usual methods.</p> <h1 id="Static-site-generators"><a href="#Static-site-generators" class="headerlink" title="Static site generators"></a>Static site generators</h1><p>While the timthumb exploit was a pain in the ass, it was very interesting to me and made me seriously consider how I secure my systems. To that end I started reading into static site generators. Static site generators take your posts, usually formatted in some sort of markup, put them through a templating engine that outputs <code>.html</code> files, which you can then serve via the usual methods.</p>
<h3 id="Why-tho"><a href="#Why-tho" class="headerlink" title="Why tho?"></a>Why tho?</h3><p>The idea is that <em>most</em> sites don’t actually need to use dynamic code. Their content is, for the most, part static. Users aren’t interacting with the content (other than the comments sections and forms but we’ll talk about that later). They are, instead, just reading it. The only person who seems to be interacting with it is the person that owns the site. Even then, the owner isn’t actively interacting. They are writing a post, or updating a page. After that, everything stays the same.</p> <h3 id="Why-tho"><a href="#Why-tho" class="headerlink" title="Why tho?"></a>Why tho?</h3><p>The idea is that <em>most</em> sites don’t actually need to use dynamic code. Their content is, for the most, part static. Users aren’t interacting with the content (other than the comments sections and forms but we’ll talk about that later). They are, instead, just reading it. The only person who seems to be interacting with it is the person that owns the site. Even then, the owner isn’t actively interacting. They are writing a post, or updating a page. After that, everything stays the same.</p>
<p>All this is a “face-value” reason to move over to a static site. I have an even deeper reason for wanting to use a static site, portability. Static sites allow you to use a generic format for your posts. I write all my posts in markdown, a very common and widely used format. With this I can move from generator to generator without much change. If I were to make my blog in something like Wordpress, my post information would be locked into a <em>very</em> specific database format. If I, for some reason or another, decided I no longer wanted to use Wordpress it would be a lot of work modifying all my posts to be compatible with the new platform.</p> <p>All this is a “face-value” reason to move over to a static site. I have an even deeper reason for wanting to use a static site, portability. Static sites allow you to use a generic format for your posts. I write all my posts in markdown, a very common and widely used format. With this I can move from generator to generator without much change. If I were to make my blog in something like Wordpress, my post information would be locked into a <em>very</em> specific database format. If I, for some reason or another, decided I no longer wanted to use Wordpress it would be a lot of work modifying all my posts to be compatible with the new platform.</p>
......
posts/table-based-design/index.html
View file @ fb6a26a3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Table based design: Why I loathe it, and you should too!"> <meta name="twitter:title" content="Table based design: Why I loathe it, and you should too!">
<meta name="twitter:description" content="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…"> <meta name="twitter:description" content="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…">
<meta name="twitter:image" content="http://blog.thebestjohn.com/images/tableCode.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="August 9th 2012 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><a class="menu__item__link" href="https://www.patreon.com/TheBestJohn"></a></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">Table based design: Why I loathe it, and you should too!</h1><div class="article__meta"><time class="article__meta__time" datetime="2012-08-09T04:00:00.000Z" itemprop="datePublished">August 9th 2012</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Web-Dev/">Web Dev</a></div></div><div class="article__contents"><img src="/images/tableCode.jpg"/><p>If there is one thing that grinds my gears it’s table based design and the “web development” companies that continue to use it.</p> <meta name="twitter:image" content="http://blog.thebestjohn.com/images/tableCode.jpg"><meta property="article:author" content="John Warren"><meta property="twitter:label1" content="Published at"><meta property="twitter:data1" content="August 9th 2012 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 class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn">Patreon</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">Table based design: Why I loathe it, and you should too!</h1><div class="article__meta"><time class="article__meta__time" datetime="2012-08-09T04:00:00.000Z" itemprop="datePublished">August 9th 2012</time><div class="article__meta__categories"><a class="article__meta__categories__item" href="/categories/Web-Dev/">Web Dev</a></div></div><div class="article__contents"><img src="/images/tableCode.jpg"/><p>If there is one thing that grinds my gears it’s table based design and the “web development” companies that continue to use it.</p>
<p>Web development is one heck of an industry. It changes, transforms, and adapts. I feel that in order for you to call yourself a web developer, or your company a web development company you need to develop with the web.</p> <p>Web development is one heck of an industry. It changes, transforms, and adapts. I feel that in order for you to call yourself a web developer, or your company a web development company you need to develop with the web.</p>
<p>Development as defined by dictionary.com is: the act or process of developing; growth; progress: child development; economic development.</p> <p>Development as defined by dictionary.com is: the act or process of developing; growth; progress: child development; economic development.</p>
<p>Growth, progress! Our job as web developers is to promote growth and progress of the web. We must adapt as the web adapts. When a “web development” agency provides it’s clients with old, outdated, un-accessible, table-based, web development they are not only stifling the growth of the internet they are literally taking money out of business’ pockets.</p> <p>Growth, progress! Our job as web developers is to promote growth and progress of the web. We must adapt as the web adapts. When a “web development” agency provides it’s clients with old, outdated, un-accessible, table-based, web development they are not only stifling the growth of the internet they are literally taking money out of business’ pockets.</p>
......
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