retoor/wren
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add sidebar navigation layout and restructure docs page template

Browse Source 
Introduce a `.nav` sidebar with categorized links (Welcome, Language, Objects, Usage) alongside a `.content` area, replacing the old inline header list. Widen the page container from 640px to 840px, rename `.column` to `.page`, and update the header to show a subtitle instead of a small tagline. Adjust the GitHub ribbon z-index to prevent overlap with the new sidebar.
This commit is contained in:
Bob Nystrom
2013-12-01 17:54:51 +00:00
parent 0496b4e79d
commit 2cb7522812
2 changed files with 70 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
make_docs
+34 -10
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>