Permalink
Browse files

Initial setup for the docs, using procs for compiling md → html

  • Loading branch information...
1 parent a4e80b2 commit 81ede5473bc5696d9febd7bd2eb4e8dc7f9385f8 @arian committed Oct 11, 2012
Showing with 281 additions and 1 deletion.
  1. +3 −0 Makefile
  2. +15 −0 doc/layout.html
  3. +112 −0 doc/monokai.css
  4. +23 −0 doc/prime.html
  5. +5 −0 doc/prime.md
  6. +121 −0 doc/styles.css
  7. +2 −1 package.json
View
@@ -24,3 +24,6 @@ build-compress:
convert-amd:
@bash ./bin/convert-amd.sh $(amd)
+
+docs:
+ @./node_modules/.bin/procs -f ./doc/prime.md -t ./doc/layout.html
View
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Prime Docs</title>
+ <link href="./monokai.css" rel="stylesheet">
+ <link href="./styles.css" rel="stylesheet">
+ </head>
+ <body>
+
+ <div id="sidebar">{sidebar}</div>
+ <div id="content">{content}</div>
+
+ </body>
+</html>
View
@@ -0,0 +1,112 @@
+/*
+Monokai style - ported by Luigi Maselli - http://grigio.org
+*/
+
+pre code {
+ display: block; padding: 0.5em;
+ background: #272822;
+}
+
+pre .tag,
+pre .tag .title,
+pre .keyword,
+pre .literal,
+pre .change,
+pre .winutils,
+pre .flow,
+pre .lisp .title,
+pre .clojure .built_in,
+pre .nginx .title,
+pre .tex .special {
+ color: #F92672;
+}
+
+pre code {
+ color: #DDD;
+}
+
+pre code .constant {
+ color: #66D9EF;
+}
+
+pre .class .title {
+ color: white;
+}
+
+pre .attribute,
+pre .symbol,
+pre .symbol .string,
+pre .value,
+pre .regexp {
+ color: #BF79DB;
+}
+
+pre .tag .value,
+pre .string,
+pre .subst,
+pre .title,
+pre .haskell .type,
+pre .preprocessor,
+pre .ruby .class .parent,
+pre .built_in,
+pre .sql .aggregate,
+pre .django .template_tag,
+pre .django .variable,
+pre .smalltalk .class,
+pre .javadoc,
+pre .django .filter .argument,
+pre .smalltalk .localvars,
+pre .smalltalk .array,
+pre .attr_selector,
+pre .pseudo,
+pre .addition,
+pre .stream,
+pre .envvar,
+pre .apache .tag,
+pre .apache .cbracket,
+pre .tex .command,
+pre .input_number {
+ color: #A6E22E;
+}
+
+pre .comment,
+pre .java .annotation,
+pre .python .decorator,
+pre .template_comment,
+pre .pi,
+pre .doctype,
+pre .deletion,
+pre .shebang,
+pre .apache .sqbracket,
+pre .tex .formula {
+ color: #75715E;
+}
+
+pre .keyword,
+pre .literal,
+pre .css .id,
+pre .phpdoc,
+pre .title,
+pre .haskell .type,
+pre .vbscript .built_in,
+pre .sql .aggregate,
+pre .rsl .built_in,
+pre .smalltalk .class,
+pre .diff .header,
+pre .chunk,
+pre .winutils,
+pre .bash .variable,
+pre .apache .tag,
+pre .tex .special,
+pre .request,
+pre .status {
+ font-weight: bold;
+}
+
+pre .coffeescript .javascript,
+pre .xml .css,
+pre .xml .javascript,
+pre .xml .vbscript,
+pre .tex .formula {
+ opacity: 0.5;
+}
View
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Elements Docs</title>
+ <link href="./monokai.css" rel="stylesheet">
+ <link href="./styles.css" rel="stylesheet">
+ </head>
+ <body>
+
+ <div id="sidebar"><a href="#prime" class="top">prime</a>
+</div>
+ <div id="content"><h1><a href="#prime" name="prime">prime</a></h1>
+
+<ol>
+<li>fundamental, basic, essential.</li>
+<li>make (something) ready for use or action.</li>
+<li>archetypal, prototypical, typical, classic.</li>
+</ol>
+</div>
+
+ </body>
+</html>
View
@@ -0,0 +1,5 @@
+#prime
+
+ 1. fundamental, basic, essential.
+ 2. make (something) ready for use or action.
+ 3. archetypal, prototypical, typical, classic.
View
@@ -0,0 +1,121 @@
+@charset "utf-8";
+
+body {
+ background: #DDD;
+ font: 13px normal Helvetica, Arial, sans-serif;
+}
+
+em {
+ background: rgba(39, 40, 34, 0.9);
+ border-radius: 4px;
+ color: #A6E22E;
+ box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
+ display: inline-block;
+ padding: 0 3px;
+}
+
+p a {
+ color: #7C07A9;
+ text-decoration: underline;
+}
+
+p a:hover {
+ text-decoration: none;
+}
+
+pre code {
+ overflow: auto;
+}
+
+#sidebar::-webkit-scrollbar,
+pre code::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
+}
+
+#sidebar::-webkit-scrollbar-track,
+pre code::-webkit-scrollbar-track {
+ background: rgba(0,0,0,0.3);
+}
+
+#sidebar::-webkit-scrollbar-thumb,
+pre code::-webkit-scrollbar-thumb {
+ background: rgba(255,2555,255,0.3);
+ border-radius: 5px;
+}
+
+#sidebar {
+ background: #272822;
+ border-right: 10px solid #272822;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 200px;
+ overflow: auto;
+}
+
+#sidebar a {
+ display: block;
+ color: #DDD;
+ text-decoration: none;
+ padding: 5px;
+}
+
+#sidebar a:hover {
+ color: #A6E22E;
+}
+
+#sidebar a.top {
+ background: #A6E22E;
+ color: #272822;
+ margin-top: 10px;
+ font-weight: bold;
+ padding: 8px;
+}
+
+#content {
+ margin-left: 230px;
+}
+
+#content h1,
+#content h2 {
+ position: relative;
+}
+
+#content h1 a,
+#content h2 a {
+ color: #272822;
+ border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+ display: block;
+ text-decoration: none;
+}
+
+#content h2 a {
+ border-bottom: 5px solid rgba(0, 0, 0, 0.3);
+}
+
+#content h1 a:hover:before,
+#content h2 a:hover:before {
+ content: '';
+ position: absolute;
+ left: -18px;
+}
+
+#content h2 a:hover:before {
+ left: -14px;
+}
+
+
+@media all and (max-width: 400px) {
+
+ #sidebar {
+ display: none;
+ }
+
+ #content {
+ margin-left: 0;
+ }
+
+}
+
View
@@ -30,7 +30,8 @@
"devDependencies": {
"mocha": "1.6",
"expect.js": "0.1",
- "wrapup": "0.9"
+ "wrapup": "0.9",
+ "procs": "0.0.4"
},
"optionalDependencies": {},
"engines": {

0 comments on commit 81ede54

Please sign in to comment.