Adding Regexper markup and styles

2014-11-23 17:13:05 -05:00
parent cc16603f6f
commit f61c849501
13 changed files with 1783 additions and 9 deletions
@@ -1,12 +1,47 @@
 <!DOCTYPE html>
 <html>
  <head>
-    <title>Demo</title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
+    <title>Regexper</title>
+
+    <meta name="description" content="Regular expression visualizer using railroad diagrams" />
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="author" href="humans.txt" />
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Bangers" />
    <link rel="stylesheet" href="/css/main.css" />
-    <link rel="stylesheet" href="/css/test.css" />
  </head>
  <body>
-    ${ contents }
+    <header>
+      <div class="logo">
+        <h1><a href="/">Regexper</a></h1>
+        <!-- n. One who regexpes -->
+        <span>You thought you only had two problems&hellip;</span>
+      </div>
+
+      <nav></nav>
+    </header>
+
+    <section id="content">
+      ${contents}
+    </section>
+
+    <footer>
+      <ul class="inline-list">
+        <li>Created by <a href="mailto:jeff.avallone@gmail.com">Jeff Avallone</a></li>
+        <li>
+          Generated images licensed:
+          <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
+        </li>
+      </ul>
+    </footer>
+
+    <a href="https://github.com/javallone/regexper">
+      <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
+    </a>

    <script src="/js/main.js"></script>
  </body>