Permalink
Browse files

Added build script, CSS dir, JS dir, jQuery, Google Prettify and an i…

…ndex.html file
  • Loading branch information...
1 parent 600252c commit b4ca00d646877090067b20b8998bbfb10c0ea215 @OscarGodson committed Aug 20, 2012
Showing with 663 additions and 1 deletion.
  1. +1 −1 README.md
  2. +22 −0 build.sh
  3. +49 −0 css/prettify.css
  4. +63 −0 css/style.css
  5. +494 −0 index.html
  6. +2 −0 js/jquery-1.8.0.min.js
  7. +4 −0 js/main.js
  8. +28 −0 js/prettify.js
View
@@ -6,7 +6,7 @@
### Section 1 - Introduction
-HTML5 was a great leap forward for web developers. It gave us all kinds of hip new tags like `<header>`, `<nav>` and `<footer>`. It also gave us slick new JavaScript APIs like drag and drop, localStorage, and geolocation. Still, however, there is a missing void that HTML5 has yet to fix and that void is truly semantic markup.
+HTML5 was a great leap forward for web developers. It gave us all kinds of hip new tags like `<header>`, `<nav>` and `<footer>`. It also gave us slick new JavaScript APIs like drag and drop, localStorage, and geolocation. Still, however, there is a void that HTML5 has yet to fix and that void is truly semantic markup.
Imagine being able to mark something up the way you want to mark it up. Imagine changing <div id="wrapper"> to <wrapper> or a better example, making a calendar like:
View
@@ -0,0 +1,22 @@
+#!/bin/bash
+
+# Create the template
+read -d '' template <<- EOF
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>HTML6 - The Spec That Brings Us Freedom</title>
+ <meta name="description" content="HTML5 was a great leap forward for web developers, however there is a void that HTML5 has yet to fix and that void is truly semantic markup.">
+ <link rel="stylesheet" type="text/css" href="css/style.css" />
+ </head>
+ <body>
+ %s
+ <script src="js/jquery-1.8.0.min.js"></script>
+ <script src="js/prettify.js"></script>
+ <script src="js/main.js"></script>
+ </body>
+</html>
+EOF
+
+# Save the file
+printf "$template" "$(marked --gfm < README.md)" > index.html
View
@@ -0,0 +1,49 @@
+.prettyprint {
+ color: #839496;
+ background-color: #002b36;
+}
+
+.prettyprint .pln {
+ color: inherit;
+}
+
+.prettyprint .str,
+.prettyprint .lit,
+.prettyprint .atv {
+ color: #2aa198;
+}
+
+.prettyprint .kwd {
+ color: #268bd2;
+}
+
+.prettyprint .com,
+.prettyprint .dec {
+ color: #586e75;
+ font-style: italic;
+}
+
+.prettyprint .typ {
+ color: #b58900;
+}
+
+.prettyprint .pun {
+ color: inherit;
+}
+
+.prettyprint .opn {
+ color: inherit;
+}
+
+.prettyprint .clo {
+ color: inherit;
+}
+
+.prettyprint .tag {
+ color: #268bd2;
+ font-weight: bold;
+}
+
+.prettyprint .atn {
+ color: inherit;
+}
View
@@ -0,0 +1,63 @@
+@import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic);
+@import url('prettify.css');
+body {
+ font-family: 'Sorts Mill Goudy', serif;
+ line-height: 1.45em;
+ display: block;
+ margin: 100px auto;
+ width: 750px
+}
+img:first-child {
+ margin: 0 auto;
+ display: block;
+}
+#toc {
+ list-style: upper-roman;
+}
+#toc ol {
+ list-style: lower-roman;
+}
+h1 {
+ font-size: 55px;
+ margin: 30px 0 30px 0;
+ padding: 0;
+ line-height: 0;
+ text-align: center;
+}
+h2 {
+ font-size: 35px;
+ margin: 0 0 50px 0;
+ padding: 0;
+ text-align: center;
+ font-style: italic;
+}
+h3 {
+ font-size: 20px;
+}
+h5 {
+ font-size: 15px;
+}
+h5 code {
+ background: #efefef;
+ display: block;
+ padding: 3px;
+ border-radius: 3px;
+}
+pre {
+ padding: 10px;
+}
+pre code {
+ border-radius: 3px;
+}
+code {
+ overflow: auto;
+}
+a {
+ color: #c00;
+}
+p code {
+ background: #EFEFEF;
+}
+h4 code {
+ font-size: 14px;
+}
Oops, something went wrong.

0 comments on commit b4ca00d

Please sign in to comment.