some styling

2026-06-05 23:10:17 +00:00 · 2011-06-03 01:01:02 -07:00
parent 2b06e7deab
commit d8e91f9a56
3 changed files with 57 additions and 4 deletions
@@ -1,2 +1,42 @@
 body {
+  margin: 0;
+  padding: 0;
+  font-family: Georgia, sans-serif;
+}
+
+h1, h2, h3 {
+  padding: 0;
+  margin: 0;
+}
+
+header {
+  margin: 0;
+  padding: 24pt;
+  border: 1px solid black;
+  color: #fff;
+  background: #000;
+  font-size: 200%;
+  text-align: center;
+  box-shadow: 0px 2px 6px #888;
+}
+
+section {
+  padding-left: 64pt;
+  padding-top: 16pt;
+}
+section h1 {
+  font-size: 150%;
+}
+
+article {
+  width: 60em;
+}
+
+section#toc {
+  background: #ccc;
+  margin-top: 32pt;
+}
+section#toc h1 {
+}
+section#toc h2 {
 }
@@ -1,16 +1,26 @@
-<header>The Twelve-Factor App</header>
+<header>
+  <h1>The Twelve-Factor App</h1>
+</header>
+
 <div id="main" role="main">
  <section id="abstract">
-    <%= render_markdown('abstract') %>
+    <article>
+      <%= render_markdown('abstract') %>
+    </article>
  </section>

  <section id="who">
-    <%= render_markdown('who') %>
+    <article>
+      <%= render_markdown('who') %>
+    </article>
  </section>

  <section id="toc">
-    <%= render_markdown('toc') %>
+    <article>
+      <%= render_markdown('toc') %>
+    <article>
  </section>
 </div>
+
 <footer>
 </footer>
@@ -10,6 +10,9 @@
  <link rel="shortcut icon" href="/favicon.ico">

  <link rel="stylesheet" href="/style.css">
+
+  <script type="text/javascript" src="http://use.typekit.com/rsq7tro.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 </head>
 <body>
 <%= yield %>