432710c400
Namely (it could hardly be different...) Internet Explorer - even IE11 still causes trouble. The default theme now supports IE9+, even older browsers will present broken markup. The sliding animation works with IE10+ (however, it is still usable, there's just no nice animation). Furthermore this commit heavily improves the sliding process by allowing to abort the animation. I've updated Pico's screenshot in the , too.
71 lines
2.9 KiB
Twig
71 lines
2.9 KiB
Twig
<!DOCTYPE html>
|
|
<html class="no-js">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
|
|
<title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
|
|
{% if meta.description %}
|
|
<meta name="description" content="{{ meta.description|striptags }}" />
|
|
{% endif %}{% if meta.robots %}
|
|
<meta name="robots" content="{{ meta.robots }}" />
|
|
{% endif %}
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono" type="text/css" />
|
|
<link rel="stylesheet" href="{{ theme_url }}/style.css" type="text/css" />
|
|
<link rel="stylesheet" href="{{ theme_url }}/fontello.css" type="text/css" />
|
|
</head>
|
|
<body{% if config.theme_config.widescreen %} class="widescreen"{% endif %}>
|
|
|
|
<header>
|
|
<div class="container">
|
|
<a id="page-menu-toggle" title="Toggle Menu" role="button" aria-controls="page-menu" aria-expanded="false" tabindex="1">
|
|
<span class="icon-menu" aria-hidden="true"></span>
|
|
<span class="sr-only">Toggle Menu</span>
|
|
</a>
|
|
<h1>
|
|
<a href="{{ "index"|link }}">{{ site_title }}</a>
|
|
</h1>
|
|
<nav id="page-menu" role="region" tabindex="-1">
|
|
<ul>
|
|
{% for page in pages if page.title %}
|
|
<li{% if page.id == current_page.id %} class="active"{% endif %}>
|
|
<a href="{{ page.url }}">{{ page.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="container">
|
|
{{ content }}
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="social">
|
|
{% for social in meta.social %}
|
|
<a href="{{ social.url }}" title="{{ social.title }}" role="button">
|
|
<span class="icon-{{ social.icon }}" aria-hidden="true"></span>
|
|
<span class="sr-only">{{ social.title }}</span>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<p>
|
|
<a href="http://picocms.org/">Pico</a> was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
|
|
and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
|
|
Released under the <a href="https://github.com/picocms/Pico/blob/master/LICENSE.md">MIT license</a>.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="{{ theme_url }}/js/modernizr-3.3.1-custom.min.js" type="text/javascript"></script>
|
|
<script src="{{ theme_url }}/js/utils.js" type="text/javascript"></script>
|
|
<script src="{{ theme_url }}/js/pico.js" type="text/javascript"></script>
|
|
|
|
</body>
|
|
</html>
|