diff --git a/app/config/styles.json b/app/config/styles.json
index 01ef9ea..2899df1 100644
--- a/app/config/styles.json
+++ b/app/config/styles.json
@@ -1,7 +1,7 @@
{
"digest": {
"font-family": "Helvetica, Arial, sans-serif",
- "font-size": "10pt",
+ "font-size": "14pt",
"color": "#000",
"max-width": "800px",
"margin": "0"
@@ -11,7 +11,6 @@
"color": "#4183c4"
},
"intro-paragraph": {
- "font-size": "12pt",
"user-link": {
"font-weight": "bold",
"color": "#000"
@@ -25,7 +24,7 @@
"font-size": "24pt",
"font-weight": "bold",
"margin": ".75em 0 .5em 0",
- "border-bottom": "solid 1px #ddd"
+ "border-bottom": "dashed 2px #666"
},
"repository-header": {
"font-size": "18pt",
@@ -33,24 +32,21 @@
"margin": ".5em 0"
},
"commit": {
- "background": "#fafafa",
- "border": "solid 1px #ccc",
- "border-radius": "3px",
- "margin": "1em 0",
+ "border-bottom": "dashed 1px #666",
+ "margin": "20px 0",
+ "font-size": "12pt",
"title": {
- "padding": "8px",
+ "padding": "8px 0",
"margin": "0"
},
"message": {
"margin": "0",
- "padding": "0 8px 8px",
+ "padding-botom": "8px",
"white-space": "pre-wrap"
},
"footer": {
- "background": "#fff",
- "border-top": "solid 1px #ddd",
- "border-radius": "0 0 3px 3px",
- "padding": "8px",
+ "padding": "8px 0",
+ "margin-bottom": "20px",
"date": {
"color": "#666"
},
diff --git a/app/static/images/logo.png b/app/static/images/logo.png
new file mode 100644
index 0000000..be1d513
Binary files /dev/null and b/app/static/images/logo.png differ
diff --git a/app/static/images/paper-background.png b/app/static/images/paper-background.png
new file mode 100644
index 0000000..844ad37
Binary files /dev/null and b/app/static/images/paper-background.png differ
diff --git a/app/static/images/perforated-edge-left.png b/app/static/images/perforated-edge-left.png
new file mode 100644
index 0000000..bc5d64a
Binary files /dev/null and b/app/static/images/perforated-edge-left.png differ
diff --git a/app/static/images/perforated-edge-right.png b/app/static/images/perforated-edge-right.png
new file mode 100644
index 0000000..4bd50dd
Binary files /dev/null and b/app/static/images/perforated-edge-right.png differ
diff --git a/app/static/main.css b/app/static/main.css
index 3c3313d..e4b3373 100644
--- a/app/static/main.css
+++ b/app/static/main.css
@@ -1,6 +1,48 @@
+html {
+ position: relative;
+ height: 100%;
+}
+
body {
font-family: Helvetica, Arial, sans-serif;
- font-size: 10pt;
+ font-size: 14pt;
+ line-height: 24pt;
+ background: url("images/paper-background.png");
+ position: relative;
+ min-height: 100%;
+ margin: 0;
+ padding: 10px 66px;
+}
+
+.perforated-edge {
+ position: absolute;
+ width: 46px;
+ height: 100%;
+ top: 0;
+}
+
+.perforated-edge.right {
+ right: 0;
+ background-image: url("images/perforated-edge-right.png");
+}
+
+.perforated-edge.left {
+ left: 0;
+ background-image: url("images/perforated-edge-left.png");
+}
+
+.logo {
+ width: 497px;
+ height: 77px;
+ background-image: url("images/logo.png");
+ margin: 31px auto 10px;
+}
+
+.page-body {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 0 20px;
+ background: rgba(255, 255, 255, 0.5);
}
a {
diff --git a/app/templates/base/page.html b/app/templates/base/page.html
index 2297fcc..3b58ab4 100644
--- a/app/templates/base/page.html
+++ b/app/templates/base/page.html
@@ -7,8 +7,12 @@
- {{template "title" .}}
+
+
+
- {{template "body" .}}
+
+ {{template "body" .}}
+