Feature Update

- Responsive Layout
- Mobile Support
- Columns Block

_includes/blocks/_base.liquid

@@ -1,3 +1,3 @@
-<div class="block block-{{ include.type }} {% if include.float %}float-{{ include.float }}{% endif %}">
+<div class="block block-{{ include.type }} {% if include.float %}float float-{{ include.float }}{% else %}float-clear{% endif %}">
 	{{ include.content }}
 </div>

_includes/blocks/column.liquid

@@ -0,0 +1,6 @@
+{% capture content %}
+<div class="content">
+	{{ include.content }}
+</div>
+{% endcapture %}
+{% include blocks/_base.liquid type="column" content=content %}

_includes/blocks/columns.liquid

@@ -0,0 +1,6 @@
+{% capture content %}
+<div class="content {% if include.valign %}valign-{{include.valign}}{% else %}valign-stretch{% endif %} {% if include.halign %}halign-{{include.halign}}{% else %}halign-stretch{% endif %}" style="grid-template-columns: repeat({{ include.columns | default: 1 }}, 1fr);">
+	{{ include.content }}
+</div>
+{% endcapture %}
+{% include blocks/_base.liquid type="columns" content=content %}

_includes/blocks/heading.liquid

@@ -3,4 +3,4 @@
 	{{ include.content }}
 </p>
 {% endcapture %}
-{% include blocks/_base.liquid type=heading content=content %}
+{% include blocks/_base.liquid type="heading" content=content %}

_includes/blocks/list.liquid

@@ -11,4 +11,4 @@
 </ul>
 {% endif %}
 {% endcapture %}
-{% include blocks/_base.liquid type=list content=content %}
+{% include blocks/_base.liquid type="list" content=content %}

_includes/blocks/paragraph.liquid

@@ -3,4 +3,4 @@
 	{{ include.content }}
 </p>
 {% endcapture %}
-{% include blocks/_base.liquid type=paragraph content=content %}
+{% include blocks/_base.liquid type="paragraph" content=content %}

_includes/header.liquid

@@ -6,7 +6,8 @@
 			<figcaption>{{ site.title }}</figcaption>
 		</div>
 	</a>
-	<nav class="navigation" role="navigation">
+	<a id="navigation-toggle">≡</a>
+	<nav id="navigation" class="navigation" role="navigation">
 {% include navigation.liquid data=site.data.navigation %}
 	</nav>
 </div>

_includes/navigation.liquid

@@ -2,11 +2,15 @@
 {% for entry in include.data %}
 	<li id="{{ entry[0] }}" class="entry {% if entry[1].entries != nil %}has-menu {% endif %}">
 	{% if entry[1].url != nil %}
-		<a href="{{ entry[1].url | absolute_url }}" {% if entry[1].blank %}target="_blank"{% endif %}>
+		<a class="item" href="{{ entry[1].url | absolute_url }}" {% if entry[1].blank %}target="_blank"{% endif %}>
+	{% else %}
+		<span class="item">
 	{% endif %}
 		{{ entry[1].name }}
 	{% if entry[1].url != nil %}
 		</a>
+	{% else %}
+		</span>
 	{% endif %}
 	{% if entry[1].entries != nil %}
 		{% assign data=entry[1].entries %}

_includes/page_end.liquid

@@ -1,3 +1,4 @@
 		</div>
 	</body>
+	<script src="{{ site.xaymar.data.js | absolute_url }}"></script>
 </html>

_includes/page_start.liquid

@@ -44,6 +44,7 @@
 		<meta property="og:video" content="{{ page.video }}" />
 {% endif %}
 		<meta property="article:published_time" content="{{ page.date | default: site.time | date_to_xmlschema }}" />
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link rel="icon" href="{{ site.xaymar.data.logo | absolute_url }}">
 		<link rel="stylesheet" href="{{ site.xaymar.data.css | absolute_url }}">
 		<link rel="alternate" type="application/rss+xml" href="{{ site.xaymar.data.rss | absolute_url }}">