Various fixes/improvements;

  * timvideos#13 add new HDMI2USB images code review pending
  * timvideos#11 News articles linked from homepage not working properly code review pending
  * timvideos#10 Add "join" link to the website. code review pending
  * timvideos#9 Put "get Numato opsis board" banner on most pages code review pending
  * timvideos#8 Twitter thing isn't showing the following twitter message code review pending
  * timvideos#1 Make the highlighting on the left less sucky. code review pending

Firmware.md

@@ -45,8 +45,8 @@ href="">misoc</a> technologies.
 
  <tr class="picture">
    <td>&nbsp;</td>
-   <td class="fw-original"><img src=""></td>
-   <td class="fw-misoc"><img src="../img/misoc-logo.png"></td>
+   <td class="fw-original"><img class="firmware-pic" src=""></td>
+   <td class="fw-misoc"><img class="firmware-pic" src="../img/misoc-logo.png"></td>
  </tr>
 
  <tr class="code">

Help.md

@@ -9,8 +9,8 @@ tags: help, more-info
 
 If you need help with anything, from getting a device running to wanting to develop on HDMI2USB, please get in touch:
 
- * Sign up to our mailing list: [https://groups.google.com/forum/#!forum/hdmi2usb](https://groups.google.com/forum/#!forum/hdmi2usb
-)
+ * Sign up to our mailing list (Google Account not required): [https://groups.google.com/forum/#!forum/gst-switch/join](https://groups.google.com/forum/#!forum/gst-switch/join)
+
  * Ask a question on IRC: [#timvideos on irc.freenode.org](http://webchat.freenode.net?channels=%23timvideos)
  * Ping us at [@timvideosus](https://twitter.com/timvideosus) on Twitter
 

Home.md

@@ -7,17 +7,6 @@ tags: home
 
 {::nomarkdown}
 
-<div class="padding">
-  <div class="col-sm-12">
-    <div class="panel-default">
-      <div class="top-message">
-   The <a href="../numato-opsis">Numato Opsis board</a>, the first open hardware for the HDMI2USB will soon be available.<br>
-    <a href="http://bit.ly/get-opsis" class="btn btn-danger">Sign up to be notified when the Numato Opsis can be purchased!</a>
-      </div>
-    </div>
-  </div>
-</div>
-
 <div class="padding">
   <div class="col-sm-12">
     <div class="panel panel-default">
@@ -32,7 +21,7 @@ tags: home
 
 # HDMI2USB: Open video capture hardware + firmware
 
-![HDMI2USB Diagram](../img/hdmi2usb-diagram.png "HDMI2USB Diagram"){: .image-right}
+![HDMI2USB Diagram](../img/hdmi2usb.jpg "HDMI2USB Diagram"){: .image-right}
 
 **The HDMI2USB project develops affordable hardware options to record and stream HD videos (from HDMI & DisplayPort sources) for conferences, meetings and user groups.**
 
@@ -60,8 +49,8 @@ Our aim is this becomes the defacto, incredibly affordable and easy to use video
       <div class="panel-body">
 
            <div class="twitter-widget col-md-6">
-             <a class="twitter-timeline pull-right" href="https://twitter.com/TimVideosUs" data-widget-id="627672542765977600">Tweets by @TimVideosUs</a>
-             <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                <a class="twitter-timeline" href="https://twitter.com/TimVideosUs" data-widget-id="630373467892789250">Tweets by @TimVideosUs</a>
+                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </div>
 
             <div class="col-md-6">

_includes/banner.html

@@ -0,0 +1,8 @@
+    <div class="col-sm-12">
+        <div class="panel-default">
+            <div class="top-message">
+                The <a href="../numato-opsis">Numato Opsis board</a>, the first open hardware for the HDMI2USB will soon be available to purchase.<br>
+                <a href="http://bit.ly/get-opsis" class="btn btn-danger">Sign up for Numato Opsis updates</a>
+            </div>
+        </div>
+    </div>

_layouts/base.html

@@ -7,6 +7,7 @@
         <div class="row">
           {% include sidebar.html %}
           <div class="column col-sm-9 col-md-9 col-lg-10" id="main">
+            {% include banner.html %}
             {{ content }}
           </div>
         </div>

_layouts/default-noedit.html

@@ -0,0 +1,12 @@
+---
+layout: base
+---
+<div class="padding">
+  <div class="col-sm-12">
+    <div class="panel panel-default">
+      <div class="panel-body">
+        {{ content }}
+      </div>
+    </div>
+  </div>
+</div>

_layouts/default.html

@@ -8,7 +8,7 @@
           <a href="{% edit_url %}{{ page.path }}" target="_blank">
             <i class="fa fa-edit"></i>
           </a>
-        </span>  
+        </span>
       <div class="panel-body">
         {{ content }}
       </div>

_layouts/post.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: default-noedit
 ---
 <div class="col-sm-12">
   <div class="panel panel-default" id="featured">

css/styles.css

@@ -329,6 +329,11 @@ padding-bottom: 0;
 
 
 img.board-pic {
+  max-width: 100%;
+}
+
+img.firmware-pic {
+  max-width: 100%;
 }
 
 .footnote {
@@ -389,6 +394,7 @@ table.firmware td.fw-misoc {
 .image-right {
   float: right;
   margin: 15px;
+  max-width: 100%;
 }
 
 .top-message {