Przeglądaj źródła

git subrepo clone https://github.com/wmhilton/wmhilton.github.io dist

subrepo:
  subdir:   "dist"
  merged:   "1a061c3"
upstream:
  origin:   "https://github.com/wmhilton/wmhilton.github.io"
  branch:   "master"
  commit:   "1a061c3"
git-subrepo:
  version:  "0.3.0"
  origin:   "???"
  commit:   "???"
Will Hilton 9 lat temu
rodzic
commit
4c365b3142
39 zmienionych plików z 552 dodań i 0 usunięć
  1. 15 0
      dist/.gitignore
  2. 11 0
      dist/.gitrepo
  3. 1 0
      dist/CNAME
  4. 21 0
      dist/LICENSE
  5. 4 0
      dist/README.md
  6. BIN
      dist/favicon/android-chrome-144x144.png
  7. BIN
      dist/favicon/android-chrome-192x192.png
  8. BIN
      dist/favicon/android-chrome-36x36.png
  9. BIN
      dist/favicon/android-chrome-48x48.png
  10. BIN
      dist/favicon/android-chrome-72x72.png
  11. BIN
      dist/favicon/android-chrome-96x96.png
  12. BIN
      dist/favicon/apple-touch-icon-114x114.png
  13. BIN
      dist/favicon/apple-touch-icon-120x120.png
  14. BIN
      dist/favicon/apple-touch-icon-144x144.png
  15. BIN
      dist/favicon/apple-touch-icon-152x152.png
  16. BIN
      dist/favicon/apple-touch-icon-180x180.png
  17. BIN
      dist/favicon/apple-touch-icon-57x57.png
  18. BIN
      dist/favicon/apple-touch-icon-60x60.png
  19. BIN
      dist/favicon/apple-touch-icon-72x72.png
  20. BIN
      dist/favicon/apple-touch-icon-76x76.png
  21. BIN
      dist/favicon/apple-touch-icon-precomposed.png
  22. BIN
      dist/favicon/apple-touch-icon.png
  23. 12 0
      dist/favicon/browserconfig.xml
  24. BIN
      dist/favicon/favicon-16x16.png
  25. BIN
      dist/favicon/favicon-32x32.png
  26. BIN
      dist/favicon/favicon-96x96.png
  27. BIN
      dist/favicon/favicon.ico
  28. 41 0
      dist/favicon/manifest.json
  29. BIN
      dist/favicon/mstile-144x144.png
  30. BIN
      dist/favicon/mstile-150x150.png
  31. BIN
      dist/favicon/mstile-310x150.png
  32. BIN
      dist/favicon/mstile-310x310.png
  33. BIN
      dist/favicon/mstile-70x70.png
  34. 41 0
      dist/favicon/safari-pinned-tab.svg
  35. 64 0
      dist/index.html
  36. 17 0
      dist/javascripts/scale.fix.js
  37. 1 0
      dist/params.json
  38. 69 0
      dist/stylesheets/pygment_trac.css
  39. 255 0
      dist/stylesheets/styles.css

+ 15 - 0
dist/.gitignore

@@ -0,0 +1,15 @@
+lib-cov
+*.seed
+*.log
+*.csv
+*.dat
+*.out
+*.pid
+*.gz
+
+pids
+logs
+results
+
+npm-debug.log
+node_modules

+ 11 - 0
dist/.gitrepo

@@ -0,0 +1,11 @@
+; DO NOT EDIT (unless you know what you are doing)
+;
+; This subdirectory is a git "subrepo", and this file is maintained by the
+; git-subrepo command. See https://github.com/git-commands/git-subrepo#readme
+;
+[subrepo]
+	remote = https://github.com/wmhilton/wmhilton.github.io
+	branch = master
+	commit = 1a061c3775f8f447de73dabf3290372ba6ec4c78
+	parent = a165f96255a5ac485982b99a2d560b6fdc304e10
+	cmdver = 0.3.0

+ 1 - 0
dist/CNAME

@@ -0,0 +1 @@
+wmhilton.com

+ 21 - 0
dist/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Will Hilton
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

+ 4 - 0
dist/README.md

@@ -0,0 +1,4 @@
+wmhilton.github.io
+==================
+
+Website of William Hilton, roboticist.

BIN
dist/favicon/android-chrome-144x144.png


BIN
dist/favicon/android-chrome-192x192.png


BIN
dist/favicon/android-chrome-36x36.png


BIN
dist/favicon/android-chrome-48x48.png


BIN
dist/favicon/android-chrome-72x72.png


BIN
dist/favicon/android-chrome-96x96.png


BIN
dist/favicon/apple-touch-icon-114x114.png


BIN
dist/favicon/apple-touch-icon-120x120.png


BIN
dist/favicon/apple-touch-icon-144x144.png


BIN
dist/favicon/apple-touch-icon-152x152.png


BIN
dist/favicon/apple-touch-icon-180x180.png


BIN
dist/favicon/apple-touch-icon-57x57.png


BIN
dist/favicon/apple-touch-icon-60x60.png


BIN
dist/favicon/apple-touch-icon-72x72.png


BIN
dist/favicon/apple-touch-icon-76x76.png


BIN
dist/favicon/apple-touch-icon-precomposed.png


BIN
dist/favicon/apple-touch-icon.png


+ 12 - 0
dist/favicon/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/favicon/mstile-70x70.png"/>
+      <square150x150logo src="/favicon/mstile-150x150.png"/>
+      <square310x310logo src="/favicon/mstile-310x310.png"/>
+      <wide310x150logo src="/favicon/mstile-310x150.png"/>
+      <TileColor>#ffb300</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

BIN
dist/favicon/favicon-16x16.png


BIN
dist/favicon/favicon-32x32.png


BIN
dist/favicon/favicon-96x96.png


BIN
dist/favicon/favicon.ico


+ 41 - 0
dist/favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+	"name": "wmhilton",
+	"icons": [
+		{
+			"src": "\/favicon\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": 0.75
+		},
+		{
+			"src": "\/favicon\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": 1
+		},
+		{
+			"src": "\/favicon\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": 1.5
+		},
+		{
+			"src": "\/favicon\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": 2
+		},
+		{
+			"src": "\/favicon\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": 3
+		},
+		{
+			"src": "\/favicon\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": 4
+		}
+	]
+}

BIN
dist/favicon/mstile-144x144.png


BIN
dist/favicon/mstile-150x150.png


BIN
dist/favicon/mstile-310x150.png


BIN
dist/favicon/mstile-310x310.png


BIN
dist/favicon/mstile-70x70.png


+ 41 - 0
dist/favicon/safari-pinned-tab.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3298 6996 c-1 -2 -41 -6 -88 -10 -47 -3 -86 -6 -87 -6 -2 0 -3
+-1410 -3 -3133 l0 -3133 -72 12 c-40 7 -86 14 -103 17 -56 9 -280 69 -289 78
+-6 5 -17 9 -26 9 -20 0 -251 87 -263 99 -5 5 -9 650 -9 1480 l0 1471 -76 0
+c-466 2 -676 0 -681 -9 -3 -5 -6 -557 -5 -1227 l0 -1218 -115 120 c-280 290
+-478 605 -619 984 -47 127 -123 409 -137 510 -3 25 -8 61 -10 80 -3 19 -8 51
+-11 70 -10 63 -13 503 -3 580 37 305 82 493 170 727 36 96 118 279 139 313 6
+8 22 38 36 65 41 78 214 336 244 365 3 3 25 30 50 60 46 57 259 274 320 325
+192 163 394 297 601 399 l97 47 0 369 1 369 -82 -30 c-1067 -393 -1891 -1313
+-2171 -2424 -23 -94 -28 -115 -41 -190 -3 -16 -8 -41 -10 -55 -12 -58 -15 -75
+-21 -129 -3 -31 -8 -65 -10 -76 -19 -99 -26 -556 -11 -710 8 -82 24 -207 33
+-260 3 -16 7 -39 8 -50 2 -11 8 -45 15 -75 6 -30 13 -64 15 -75 17 -82 94
+-350 115 -400 5 -11 28 -69 51 -130 118 -308 317 -644 552 -933 218 -267 578
+-583 840 -737 9 -5 48 -29 85 -51 71 -43 291 -156 378 -194 83 -35 88 -37 150
+-60 33 -12 76 -28 95 -35 98 -38 306 -95 455 -124 138 -28 152 -30 220 -37 33
+-4 63 -8 66 -10 42 -24 762 -24 786 0 3 2 5 700 5 1550 l0 1546 1204 0 c663 0
+1203 -3 1201 -7 -3 -5 -8 -30 -11 -56 -34 -254 -143 -586 -277 -843 -190 -368
+-435 -662 -786 -945 -102 -82 -366 -244 -498 -305 l-72 -33 -1 -369 0 -369 61
+22 c163 60 386 162 507 232 19 11 51 29 70 39 19 11 37 21 40 24 3 3 43 30 90
+60 240 154 552 423 712 615 18 22 49 58 69 80 52 59 178 229 233 315 27 41 59
+91 71 110 28 43 155 275 155 283 0 3 18 43 39 89 130 275 242 669 276 966 3
+26 8 54 10 62 19 71 27 541 12 714 -18 203 -73 498 -127 671 -12 39 -24 81
+-27 95 -18 79 -166 432 -232 553 -118 213 -183 317 -300 472 -158 210 -349
+413 -541 575 -36 30 -67 57 -70 60 -3 3 -48 37 -100 76 -212 158 -403 270
+-680 397 -53 24 -71 31 -206 82 l-61 24 0 -369 0 -369 76 -36 c116 -56 311
+-171 410 -242 44 -32 160 -122 193 -150 42 -35 273 -266 315 -314 64 -75 185
+-240 248 -340 77 -123 202 -373 239 -479 15 -41 31 -84 36 -95 23 -49 90 -310
+109 -430 6 -33 12 -70 15 -82 l5 -23 -1204 0 -1203 0 0 1546 c0 850 -2 1547
+-4 1549 -12 13 -567 32 -580 21z"/>
+</g>
+</svg>

+ 64 - 0
dist/index.html

@@ -0,0 +1,64 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <!-- favicon -->
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/favicon/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/favicon/manifest.json">
+    <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#ffb300">
+    <link rel="shortcut icon" href="/favicon/favicon.ico">
+    <meta name="msapplication-TileColor" content="#ffb300">
+    <meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#ffb300">
+    <!-- http://realfavicongenerator.net/favicon_result?file_id=p1akurqbdbq0j1lpc14a618p2och6#.V1uVj_krK70 -->
+
+    <title>wmhilton by wmhilton</title>
+
+    <link rel="stylesheet" href="stylesheets/styles.css">
+    <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <!--[if lt IE 9]>
+    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <div class="wrapper">
+      <header>
+        <h1>wmhilton</h1>
+        <p>I know how to do that!</p>
+
+
+        <p class="view"><a href="https://github.com/wmhilton">View My GitHub Profile</a></p>
+
+      </header>
+      <section>
+        <h3>
+<a name="you-are-early-im-still-setting-up" class="anchor" href="#you-are-early-im-still-setting-up"><span class="octicon octicon-link"></span></a>You are early! I'm still setting up.</h3>
+
+<p>My plan is to migrate content from  over here, since Github is the place to be these days. By June perhaps.</p>
+
+<p>Meanwhile, perhaps you'd like to peruse some of my code projects over at <a href="https://github.com/wmhilton" class="user-mention">@wmhilton</a>?</p>
+      </section>
+      <footer>
+        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
+      </footer>
+    </div>
+    <script src="javascripts/scale.fix.js"></script>
+
+  </body>
+</html>

+ 17 - 0
dist/javascripts/scale.fix.js

@@ -0,0 +1,17 @@
+var metas = document.getElementsByTagName('meta');
+var i;
+if (navigator.userAgent.match(/iPhone/i)) {
+  for (i=0; i<metas.length; i++) {
+    if (metas[i].name == "viewport") {
+      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+    }
+  }
+  document.addEventListener("gesturestart", gestureStart, false);
+}
+function gestureStart() {
+  for (i=0; i<metas.length; i++) {
+    if (metas[i].name == "viewport") {
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+    }
+  }
+}

+ 1 - 0
dist/params.json

@@ -0,0 +1 @@
+{"name":"wmhilton","tagline":"I know how to do that!","body":"### You are early! I'm still setting up.\r\nMy plan is to migrate content from <sites.google.com/site/wmhilton> over here, since Github is the place to be these days. By June perhaps.\r\n\r\nMeanwhile, perhaps you'd like to peruse some of my code projects over at @wmhilton?","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}

+ 69 - 0
dist/stylesheets/pygment_trac.css

@@ -0,0 +1,69 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }

+ 255 - 0
dist/stylesheets/styles.css

@@ -0,0 +1,255 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
+
+body {
+  padding:50px;
+  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color:#777;
+  font-weight:300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color:#222;
+  margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+  margin:0 0 20px;
+}
+
+h1, h2, h3 {
+  line-height:1.1;
+}
+
+h1 {
+  font-size:28px;
+}
+
+h2 {
+  color:#393939;
+}
+
+h3, h4, h5, h6 {
+  color:#494949;
+}
+
+a {
+  color:#39c;
+  font-weight:400;
+  text-decoration:none;
+}
+
+a small {
+  font-size:11px;
+  color:#777;
+  margin-top:-0.6em;
+  display:block;
+}
+
+.wrapper {
+  width:860px;
+  margin:0 auto;
+}
+
+blockquote {
+  border-left:1px solid #e5e5e5;
+  margin:0;
+  padding:0 0 0 20px;
+  font-style:italic;
+}
+
+code, pre {
+  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+  color:#333;
+  font-size:12px;
+}
+
+pre {
+  padding:8px 15px;
+  background: #f8f8f8;  
+  border-radius:5px;
+  border:1px solid #e5e5e5;
+  overflow-x: auto;
+}
+
+table {
+  width:100%;
+  border-collapse:collapse;
+}
+
+th, td {
+  text-align:left;
+  padding:5px 10px;
+  border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+  color:#444;
+  font-weight:700;
+}
+
+th {
+  color:#444;
+}
+
+img {
+  max-width:100%;
+}
+
+header {
+  width:270px;
+  float:left;
+  position:fixed;
+}
+
+header ul {
+  list-style:none;
+  height:40px;
+  
+  padding:0;
+  
+  background: #eee;
+  background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+  background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  
+  border-radius:5px;
+  border:1px solid #d2d2d2;
+  box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+  width:270px;
+}
+
+header li {
+  width:89px;
+  float:left;
+  border-right:1px solid #d2d2d2;
+  height:40px;
+}
+
+header ul a {
+  line-height:1;
+  font-size:11px;
+  color:#999;
+  display:block;
+  text-align:center;
+  padding-top:6px;
+  height:40px;
+}
+
+strong {
+  color:#222;
+  font-weight:700;
+}
+
+header ul li + li {
+  width:88px;
+  border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+  border-right:none;
+  width:89px;
+}
+
+header ul a strong {
+  font-size:14px;
+  display:block;
+  color:#222;
+}
+
+section {
+  width:500px;
+  float:right;
+  padding-bottom:50px;
+}
+
+small {
+  font-size:11px;
+}
+
+hr {
+  border:0;
+  background:#e5e5e5;
+  height:1px;
+  margin:0 0 20px;
+}
+
+footer {
+  width:270px;
+  float:left;
+  position:fixed;
+  bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+  
+  div.wrapper {
+    width:auto;
+    margin:0;
+  }
+  
+  header, section, footer {
+    float:none;
+    position:static;
+    width:auto;
+  }
+  
+  header {
+    padding-right:320px;
+  }
+  
+  section {
+    border:1px solid #e5e5e5;
+    border-width:1px 0;
+    padding:20px 0;
+    margin:0 0 20px;
+  }
+  
+  header a small {
+    display:inline;
+  }
+  
+  header ul {
+    position:absolute;
+    right:50px;
+    top:52px;
+  }
+}
+
+@media print, screen and (max-width: 720px) {
+  body {
+    word-wrap:break-word;
+  }
+  
+  header {
+    padding:0;
+  }
+  
+  header ul, header p.view {
+    position:static;
+  }
+  
+  pre, code {
+    word-wrap:normal;
+  }
+}
+
+@media print, screen and (max-width: 480px) {
+  body {
+    padding:15px;
+  }
+  
+  header ul {
+    display:none;
+  }
+}
+
+@media print {
+  body {
+    padding:0.4in;
+    font-size:12pt;
+    color:#444;
+  }
+}