forked from Mirror/wren
Start adding navigation to the docs.
This commit is contained in:
@ -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 */
|
||||
|
||||
44
make_docs
44
make_docs
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user