From 9188c00bc0b722baecb6c0d4c7b7007b87380bfc Mon Sep 17 00:00:00 2001 From: Bob Nystrom Date: Sun, 1 Dec 2013 09:54:51 -0800 Subject: [PATCH] Start adding navigation to the docs. --- doc/site/style.css | 56 +++++++++++++++++++++++++++++----------------- make_docs | 44 +++++++++++++++++++++++++++--------- 2 files changed, 70 insertions(+), 30 deletions(-) diff --git a/doc/site/style.css b/doc/site/style.css index ff80657d..0abc9ca5 100644 --- a/doc/site/style.css +++ b/doc/site/style.css @@ -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 */ diff --git a/make_docs b/make_docs index bbc91087..63fdd30b 100755 --- a/make_docs +++ b/make_docs @@ -19,20 +19,44 @@ TEMPLATE = """ - Fork me on GitHub + Fork me on GitHub
-
-

wren a scripting language

- +
+

wren

+

a minimal class-based scripting language

-
+
+
+

Welcome

+
    +
  • Getting Started
    • +
+

Language

+
    +
  • Syntax
    • +
  • Method calls
    • +
  • Variables
    • +
  • Blocks
    • +
  • Flow control
    • +
+

Objects

+
    +
  • Primitives
    • +
  • Classes
    • +
  • Functions
    • +
  • Fibers
    • +
  • Lists
    • +
  • Maps
    • +
+

Usage

+
    +
  • Standalone
    • +
  • Embedding
    • +
+
+

{title}

{html}

Last modified on {mod}. By Bob Nystrom.