diff --git a/src/components.tsx b/src/components.tsx
index c1b9f59..f2ed372 100644
--- a/src/components.tsx
+++ b/src/components.tsx
@@ -5,14 +5,57 @@ export class Layout extends React.Component {
return (
-
+
+
+
- Document
+
+
+
+
+ Kill the Newsletter!
- {this.props.children}
+
+
+ {this.props.children}
+
+
);
}
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
new file mode 100644
index 0000000..2de8de9
Binary files /dev/null and b/static/favicon-16x16.png differ
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
new file mode 100644
index 0000000..122b59c
Binary files /dev/null and b/static/favicon-32x32.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..f95891d
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/logo--full.png b/static/logo--full.png
deleted file mode 100644
index badbdcf..0000000
Binary files a/static/logo--full.png and /dev/null differ
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..51bd518
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,107 @@
+body {
+ font-family: Charter, Georgia, serif;
+ line-height: 1.5;
+ max-width: 600px;
+ padding: 0 2em;
+ margin: 2em auto;
+}
+
+a {
+ color: black;
+}
+
+code {
+ font-family: Menlo, Consolas, monospace;
+ font-size: 0.875em;
+}
+
+h1,
+h2 {
+ line-height: 1.3;
+ margin-top: 2em;
+}
+
+h1 {
+ font-size: 1.5em;
+}
+
+h2 {
+ font-size: 1.25em;
+ font-weight: normal;
+ font-style: italic;
+}
+
+header a {
+ text-decoration: none;
+}
+
+footer {
+ font-size: 0.875em;
+}
+
+nav,
+figure {
+ text-align: center;
+ margin: 2em 0;
+}
+
+figcaption {
+ font-style: italic;
+}
+
+img,
+svg,
+video {
+ max-width: 100%;
+ height: auto;
+ border-radius: 3px;
+}
+
+video,
+audio {
+ width: 100%;
+}
+
+summary {
+ cursor: pointer;
+}
+
+pre,
+fieldset,
+input,
+textarea {
+ border: 1px solid #dfdfdf;
+ border-radius: 3px;
+}
+
+pre {
+ --grvsc-padding-h: 1em;
+ --grvsc-border-radius: 3px;
+ --grvsc-line-highlighted-background-color: #eee;
+}
+
+legend + pre {
+ --grvsc-padding-v: 0;
+ --grvsc-padding-h: 0;
+ border: none;
+ margin: 0;
+}
+
+pre code {
+ font-size: 0.75em;
+}
+
+legend {
+ font-weight: bold;
+}
+
+input,
+textarea {
+ padding: 0.25em;
+}
+
+textarea {
+ box-sizing: border-box;
+ width: 100%;
+ resize: none;
+}