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

feat: replace hand-written CSS with Sass compilation and update site design with new fonts and layout

Browse Source 
- Delete doc/site/style.css and add doc/site/style.scss with Sass variables, Dosis header font, box-sizing, absolute header positioning, and link hover effects
- Update template.html to reference Dosis font, lowercase nav headings, and change tagline to "a classy little scripting language"
- Add .sass-cache/ to .gitignore and rename Makefile phony target from docs to builtin
- Modify generate_docs.py to compile style.scss via sass subprocess instead of copying static CSS
- Tweak performance.markdown and qa.markdown for minor wording improvements
This commit is contained in:
Bob Nystrom
2014-04-05 22:39:02 +00:00
parent e3e9178f3a
commit e8d31eddaf
8 changed files with 228 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files
doc/site/template.html
+14 -16
View File
@@ -4,25 +4,23 @@
<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=Sanchez:400|Source+Sans+Pro:300,400,700,400italic,700italic|Source+Code+Pro:300,400' rel='stylesheet' type='text/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'>
</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="header">
<div class="page">
<h1><a href="index.html">wren</a></h1>
<h2>a minimal class-based scripting language</h2>
</div>
</div>
<div class="page">
<div class="header">
<h1><a href="index.html">wren</a></h1>
<h2>a classy little scripting language</h2>
</div>
<div class="nav">
<h2>Welcome</h2>
<h2>welcome</h2>
<ul>
<li>Getting Started</li>
</ul>
<h2>Language</h2>
<h2>language</h2>
<ul>
<li><a href="syntax.html">Syntax</a></li>
<li><a href="method-calls.html">Method calls</a></li>
@@ -30,7 +28,7 @@
<li><a href="branching.html">Branching</a></li>
<li><a href="looping.html">Looping</a></li>
</ul>
<h2>Types</h2>
<h2>types</h2>
<ul>
<li><a href="values.html">Values</a></li>
<li><a href="classes.html">Classes</a></li>
@@ -39,23 +37,23 @@
<li><a href="lists.html">Lists</a></li>
<li><a href="maps.html">Maps</a></li>
</ul>
<h2>Usage</h2>
<h2>usage</h2>
<ul>
<li>Concurrency</li>
<li>Error handling</li>
<li>Standalone</li>
<li>Embedding</li>
</ul>
<h2>Other</h2>
<h2>other</h2>
<ul>
<li><a href="qa.html">Q &amp; A</a></li>
<li><a href="performance.html">Performance</a></li>
</ul>
</div>
<div class="content">
<h1>{title}</h1>
{html}
<p class="footer">Last modified on {mod}. By Bob Nystrom.</p>
</div>
<h1>{title}</h1>
{html}
<p class="footer">Last modified on {mod}. By Bob Nystrom.</p>
</div>
</body>
</html>