diff --git a/www/common/render-sd.css b/www/common/render-sd.css
new file mode 100644
index 000000000..b193fc295
--- /dev/null
+++ b/www/common/render-sd.css
@@ -0,0 +1,120 @@
+html {
+ font-family: sans-serif;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:active,
+a:hover {
+ outline: 0;
+}
+h1 {
+ font-size: 2em;
+}
+b,
+strong {
+ font-weight: bold;
+}
+code,
+pre {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+img {
+ border: 0;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+html {
+ font-family: 'PT Sans', sans-serif;
+}
+pre,
+code {
+ font-family: 'Inconsolata', sans-serif;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: 'PT Sans Narrow', sans-serif;
+ font-weight: 700;
+}
+html {
+ background-color: #073642;
+ color: #839496;
+ margin: 1em;
+}
+body {
+ background-color: #002b36;
+ margin: 0 auto;
+ max-width: 23cm;
+ border: 1pt solid #586e75;
+ padding: 1em;
+}
+code {
+ background-color: #073642;
+ padding: 2px;
+}
+a {
+ color: #b58900;
+}
+a:visited {
+ color: #cb4b16;
+}
+a:hover {
+ color: #cb4b16;
+}
+h1 {
+ color: #d33682;
+}
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #859900;
+}
+pre {
+ background-color: #002b36;
+ color: #839496;
+ border: 1pt solid #586e75;
+ padding: 1em;
+ box-shadow: 5pt 5pt 8pt #073642;
+}
+pre code {
+ background-color: #002b36;
+}
+h1 {
+ font-size: 2.8em;
+}
+h2 {
+ font-size: 2.4em;
+}
+h3 {
+ font-size: 1.8em;
+}
+h4 {
+ font-size: 1.4em;
+}
+h5 {
+ font-size: 1.3em;
+}
+h6 {
+ font-size: 1.15em;
+}
diff --git a/www/render/index.html b/www/render/index.html
index b5cc16947..f8c4c5f4a 100644
--- a/www/render/index.html
+++ b/www/render/index.html
@@ -2,40 +2,31 @@
+
-
+