Added mobile optimized viewport

This commit is contained in:
2019-02-13 20:24:53 +01:00
parent 0766e4fc9c
commit e95b0cb407
5 changed files with 53 additions and 36 deletions

View File

@@ -1,28 +1,59 @@
<!DOCTYPE html>
<head>
<title>Window Maker: {{ page.title }}</title>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ site.baseurl }}/style.css" media="all">
</head>
<html>
<head>
<title>Window Maker: {{ page.title }}</title>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ site.baseurl }}/style.css" media="screen">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport"
content="width=device-width, minimumscale=1.0, maximum-scale=1.0">
</head>
<body>
<div id="wrapper">
<div id="titlebar">
<div id="minimize"></div><div id="titlebar-inner">Window Maker: {{ page.title }}</div><div id="close"></div>
</div>
<header>
<h1>
<a href="{{ site.baseurl }}/">
<span class="first">Window</span><span class="second">Maker</span>
</a>
</h1>
<h1>
<a href="{{ site.baseurl }}/">
<span class="first">Window</span><span class="second">Maker</span>
</a>
</h1>
</header>
{% include header.html %}
<aside>
<nav class="menu">
<ul>
<li id="home" title="Home"><a
href="{{ site.baseurl }}/">Home</a></li>
<li id="news" title="News"><a
href="{{ site.baseurl }}/news">News</a></li>
<li id="docs" title="Documentation"><a
href="{{ site.baseurl }}/docs">Documentation</a></li>
<!-- <li title=""><a
href="lists.html">Community</a></li> -->
<li id="devel" title="Development"><a
href="{{ site.baseurl }}/dev">Development</a></li>
<li id="themes" title="Themes"><a
href="{{ site.baseurl }}/themes">Themes</a></li>
<li id="links" title="Links"><a
href="{{ site.baseurl }}/links">Links</a></li>
<!-- <li><a href="download.html">Download</a></li> -->
</ul>
</nav>
</aside>
<article>
{{ content }}
{{ content }}
</article>
<div id="resizebar">
<div id="resizel"></div><div id="resizebar-inner"></div><div id="resizer"></div>
<div id="titlebar">
<div id="minimize"></div>
<div id="titlebar-inner">Window Maker: {{ page.title }}</div>
<div id="close"></div>
</div>
</div>
<div id="resizebar">
<div id="resizel"></div>
<div id="resizebar-inner">
</div>
<div id="resizer"></div>
</div>
</div>
</body>
</html>