1
0
forked from Mirror/wren

Start adding navigation to the docs.

This commit is contained in:
Bob Nystrom
2013-12-01 09:54:51 -08:00
parent d2e82d8967
commit 9188c00bc0
2 changed files with 70 additions and 30 deletions

View File

@ -74,10 +74,10 @@ pre {
box-shadow: 0 10px 30px -10px hsl(195, 55%, 10%) inset;
}
.column {
.page {
position: relative;
margin: 0 auto;
width: 640px;
width: 840px;
}
.header h1 {
@ -99,31 +99,47 @@ pre {
transition: color 0.2s;
}
.header h1 small {
font: 16px "Source Code Pro", helvetica, arial, sans-serif;
font-weight: 300;
color: hsl(195, 50%, 50%);
letter-spacing: 0;
}
.header ul {
.header h2 {
float: right;
margin: 0;
padding: 44px 0 0 0;
}
.header li {
display: inline;
font: 17px "Source Sans Pro", helvetica, arial, sans-serif;
font-weight: 300;
letter-spacing: 1px;
margin: 0;
padding: 0 0 0 15px;
color: hsl(195, 50%, 50%);
}
.header li a {
color: hsl(195, 40%, 80%);
transition: color 0.2s;
.content {
display: inline-block;
width: 620px;
}
.nav {
position: absolute;
right: 0;
width: 140px;
padding: 20px 20px 0 20px;
background: hsl(195, 40%, 95%);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom: solid 2px hsl(195, 50%, 90%);
}
.nav h2 {
font: normal 18px "Sanchez", helvetica, arial, sans-serif;
margin: 0;
}
.nav ul {
padding: 0;
margin: 6px 0 20px 0;
}
.nav li {
font: 15px "Source Sans Pro", helvetica, arial, sans-serif;
font-weight: 400;
list-style-type: none;
margin: 0 0 6px 0;
}
.footer {
@ -141,7 +157,7 @@ pre {
.codehilite pre span.vi { color: #784bab; } /* instance variable */
.codehilite pre span.k { color: hsl(195, 80%, 40%); } /* keyword message */
.codehilite pre span.p { color: #777; } /* punctuation ()[]{} */
.codehilite pre span.s { color: hsl(40, 90%, 45%); } /* string */
.codehilite pre span.s { color: hsl(330, 60%, 55%); } /* string */
.codehilite pre span.se { color: hsl(30, 90%, 45%); } /* string escape */
.codehilite pre span.nb { color: #30a138; } /* built-in name: self undefined */
.codehilite pre span.o { color: hsl(195, 100%, 35%); } /* operator */

View File

@ -19,20 +19,44 @@ TEMPLATE = """
</head>
<body id="top">
<a href="https://github.com/munificent/wren">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
<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="header">
<div class="column">
<h1><a href="index.html">wren</a> <small>a scripting language</small></h1>
<ul>
<li><a href="index.html">welcome</a></li>
<li><a href="syntax.html">syntax</a></li>
<li><a href="classes.html">classes</a></li>
<li><a href="usage.html">usage</a></li>
</ul>
<div class="page">
<h1><a href="index.html">wren</a></h1>
<h2>a minimal class-based scripting language</h2>
</div>
</div>
<div class="column">
<div class="page">
<div class="nav">
<h2>Welcome</h2>
<ul>
<li>Getting Started</li>
</ul>
<h2>Language</h2>
<ul>
<li><a href="syntax.html">Syntax</a></li>
<li>Method calls</li>
<li>Variables</li>
<li>Blocks</li>
<li>Flow control</li>
</ul>
<h2>Objects</h2>
<ul>
<li>Primitives</li>
<li>Classes</li>
<li>Functions</li>
<li>Fibers</li>
<li>Lists</li>
<li>Maps</li>
</ul>
<h2>Usage</h2>
<ul>
<li>Standalone</li>
<li>Embedding</li>
</ul>
</div>
<div class="content">
<h1>{title}</h1>
{html}
<p class="footer">Last modified on {mod}. By Bob Nystrom.</p>