Fix responsive css

This commit is contained in:
2016-01-16 23:00:09 +00:00
parent b27b209463
commit 99891f318f
3 changed files with 178 additions and 165 deletions

View File

@@ -11,14 +11,14 @@
<link href="/{{ site.baseurl }}/blog/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }}" />
{% if page.description %}
<meta name="description" content="{{ page.description }}" />
<meta name="description" content="{{ page.description }}" />
{% endif %}
{% if page.tags %}
<meta name="keywords" content="{{ page.tags|join:', ' }}" />
<meta name="keywords" content="{{ page.tags|join:', ' }}" />
{% endif %}
<meta name="viewport" content="width=756" />
<meta name="viewport" content="width=device-width">
<link href="{{ site.absolute }}/{{ site.baseurl }}{{ page.url|replace:'/index.html','/' }}" rel="canonical" />
@@ -39,28 +39,30 @@
}
</script>
</head>
<body class="layout-{{ page.layout }}{% if page.body_class %} {{ page.body_class }}{% endif %}">
<header id="masthead" class="site-header" role="banner">
<a class="home-link" href="/" title="Rik @ St. Andrews" rel="home"></a>
<body class="layout-{{ page.layout }}{% if page.body_class %} {{ page.body_class }}{% endif %}">
<header id="masthead" role="banner">
<a href="/{{ site.baseurl }}" title="{{ site.title }}" rel="home"></a>
</header>
<header class="navigation">
<ul class="screen-only">
<li><a href="/{{ site.baseurl }}/blog/">blog</a></li>
<li><a href="/{{ site.baseurl }}/gallery/">gallery</a></li>
<li><a href="/{{ site.baseurl }}/about.html">about</a></li>
</ul>
{% if page.print_blurb %}
<ul class="print-only">
<li>{{ page.print_blurb }}</li>
<header id="navigation">
<div>
<ul class="screen-only">
<li><a href="/{{ site.baseurl }}/blog/">blog</a></li>
<li><a href="/{{ site.baseurl }}/gallery/">gallery</a></li>
<li><a href="/{{ site.baseurl }}/about.html">about</a></li>
</ul>
{% endif %}
<div class="site-title">
<strong><a href="/{{ site.baseurl }}/">{{ site.title }}</a></strong>
</div>
<div class="meta screen-only">
<a href="{{ site.github }}">github</a>
&middot;
<a href="mailto:{{ site.email }}">email</a>
</div>
{% if page.print_blurb %}
<ul class="print-only">
<li>{{ page.print_blurb }}</li>
</ul>
{% endif %}
<div class="site-title">
<strong><a href="/{{ site.baseurl }}/">{{ site.title }}</a></strong>
</div>
<div class="meta screen-only">
<a href="{{ site.github }}">github</a>
&middot;
<a href="mailto:{{ site.email }}">email</a>
</div>
</div>
</header>
<article>