Bob Nystrom
5140d096a1
Replace fixed-width `.page` with `max-width`, add `padding` to body, and introduce two breakpoints (639px and 479px) that adjust nav gutter, header centering, and main margin. Convert `.header`, `.content`, `.nav` divs to `<header>`, `<main>`, `<nav>` tags, add viewport meta tag, and hide GitHub ribbon on small screens.
60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
|
||
<title>{title} – Wren</title>
|
||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||
<link href='http://fonts.googleapis.com/css?family=Dosis:300,400|Source+Sans+Pro:300,400,700,400italic,700italic|Source+Code+Pro:300,400' rel='stylesheet' type='text/css'>
|
||
<!-- Tell mobile browsers we're optimized for them and they don't need to crop
|
||
the viewport. -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
||
</head>
|
||
<body id="top">
|
||
<!--
|
||
<a href="https://github.com/munificent/wren">
|
||
<img style="position: absolute; top: 0; right: 0; border: 0; z-index: 100;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
|
||
</a>-->
|
||
<div class="page">
|
||
<header>
|
||
<h1><a href="index.html">wren</a></h1>
|
||
<h2>a classy little scripting language</h2>
|
||
</header>
|
||
<nav>
|
||
<h2>welcome</h2>
|
||
<ul>
|
||
<li><a href="getting-started.html">Getting Started</a></li>
|
||
</ul>
|
||
<h2>language</h2>
|
||
<ul>
|
||
<li><a href="syntax.html">Syntax</a></li>
|
||
<li><a href="method-calls.html">Method Calls</a></li>
|
||
<li><a href="variables.html">Variables</a></li>
|
||
<li><a href="branching.html">Branching</a></li>
|
||
<li><a href="looping.html">Looping</a></li>
|
||
<li><a href="error-handling.html">Error Handling</a></li>
|
||
</ul>
|
||
<h2>types</h2>
|
||
<ul>
|
||
<li><a href="values.html">Values</a></li>
|
||
<li><a href="classes.html">Classes</a></li>
|
||
<li><a href="fibers.html">Fibers</a></li>
|
||
<li><a href="functions.html">Functions</a></li>
|
||
<li><a href="lists.html">Lists</a></li>
|
||
<li><a href="maps.html">Maps</a></li>
|
||
</ul>
|
||
</ul>
|
||
<h2>other</h2>
|
||
<ul>
|
||
<li><a href="qa.html">Q & A</a></li>
|
||
<li><a href="performance.html">Performance</a></li>
|
||
<li><a href="embedding.html">Embedding</a></li>
|
||
<li><a href="getting-involved.html">Getting Involved</a></li>
|
||
</ul>
|
||
</nav>
|
||
<main>
|
||
<h1>{title}</h1>
|
||
{html}
|
||
<p class="footer">Wren lives <a href="https://github.com/munificent/wren">on GitHub</a> — Last modified on {mod} — By Bob Nystrom.</p>
|
||
</main>
|
||
</body>
|
||
</html> |