First attempt at responsive design for site.

- Droppped sidebar from all pages.
- Wrapped post images in a div for easier styling.
- Drop the Inferno banner on too small displays.

Most stuff works quite well for a first attempt, mthinks.

2 files changed, 15 insertions, 15 deletions

diff --git a/blog/_includes/menubar.html b/blog/_includes/menubar.html
index 04be761..3076326 100644
--- a/blog/_includes/menubar.html
+++ b/blog/_includes/menubar.html
@@ -1,10 +1,12 @@
-<nav class="site-nav">
-  <a class="page-link" href="{{ site.baseurl | append: "/" }}">{% t titles.home %}</a>
-  <a class="page-link" href="{{ site.baseurl_root | append: "/registration" }}">{% t titles.registration %}</a>
-  {% for page in site.pages %}
-    {% if page.title and (!page.hidden == true) %}
-      <a class="page-link" href="{{ page.url | prepend: site.baseurl | remove: 'index.html' }}">{% page_title page.title %}</a>
-    {% endif %}
-  {% endfor %}
-  {% include language-switcher.html %}
-</nav>
+<div id="page-menu">
+  <nav class="site-nav">
+    <a class="page-link" href="{{ site.baseurl | append: "/" }}">{% t titles.home %}</a>
+    <a class="page-link" href="{{ site.baseurl_root | append: "/registration" }}">{% t titles.registration %}</a>
+    {% for page in site.pages %}
+      {% if page.title and (!page.hidden == true) %}
+        <a class="page-link" href="{{ page.url | prepend: site.baseurl | remove: 'index.html' }}">{% page_title page.title %}</a>
+      {% endif %}
+    {% endfor %}
+    {% include language-switcher.html %}
+  </nav>
+</div>
diff --git a/blog/_includes/post-excerpt.html b/blog/_includes/post-excerpt.html
index e87b12b..b3616d8 100644
--- a/blog/_includes/post-excerpt.html
+++ b/blog/_includes/post-excerpt.html
@@ -1,13 +1,11 @@
 {% assign post = include.post %}
-<article class="post">
+<article class="post-excerpt">
   {% include post-header.html post = post %}
   <section class="post-body">
     {% if post.page-image %}
-      {% if include.sidebar %}
+      <div class="post-image">
         {{ post.page-image | img: "magick:resize:290x" }}
-      {% else %}
-        {{ post.page-image | img: "magick:resize:290x class:right" }}
-      {% endif %}
+      </div>
     {% endif %}
     {{ post.excerpt }}
     <p><a href="{{ post.url | prepend: site.baseurl }}">{% t global.read_more %}</a></p>