gryf/window-maker.github.io
1
0
Fork 0
mirror of https://github.com/gryf/window-maker.github.io.git synced 2025-12-17 11:10:18 +01:00
Code Issues Projects Releases Wiki Activity

Added mobile optimized viewport

Browse Source
This commit is contained in:
gryf
2019-02-13 20:24:53 +01:00
parent 0766e4fc9c
commit e95b0cb407
5 changed files with 53 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
README → README.md
View File

5
_includes/footer.html
View File

@@ -1,5 +0,0 @@
</div>
</td>
</tr>
</table>
</div>

13
_includes/header.html
View File

@@ -1,13 +0,0 @@
<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>

43
_layouts/default.html
View File

@@ -1,14 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html>
<head> <head>
<title>Window Maker: {{ page.title }}</title> <title>Window Maker: {{ page.title }}</title>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="{{ site.baseurl }}/style.css" media="all"> <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> </head>
<body> <body>
<div id="wrapper"> <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> <header>
<h1> <h1>
<a href="{{ site.baseurl }}/"> <a href="{{ site.baseurl }}/">
@@ -16,12 +18,41 @@
</a> </a>
</h1> </h1>
</header> </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> <article>
{{ content }} {{ content }}
</article> </article>
<div id="titlebar">
<div id="minimize"></div>
<div id="titlebar-inner">Window Maker: {{ page.title }}</div>
<div id="close"></div>
</div>
<div id="resizebar"> <div id="resizebar">
<div id="resizel"></div><div id="resizebar-inner"></div><div id="resizer"></div> <div id="resizel"></div>
<div id="resizebar-inner">
</div>
<div id="resizer"></div>
</div> </div>
</div> </div>
</body> </body>

4
style.css
View File

@@ -254,6 +254,10 @@ nav.menu li#links {background-image: url(/img/dock_links.png);}
height: auto; height: auto;
} }
header h1 a {
font-size: 1.5em
}
.image-left { .image-left {
float: none; float: none;
} }