sjs/retrogit
1
0
Fork 0
mirror of https://github.com/samsonjs/retrogit.git synced 2026-04-27 15:07:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Abandon perforated paper design.

Browse source 
Too literal, and impacts readability.

Reverts most of 7d109f0c82.
This commit is contained in:
Mihai Parparita 2014-10-19 21:44:20 -07:00
parent d9a13cebfa
commit 8008ca94a5
8 changed files with 17 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/config/styles.json
View file

@ -1,7 +1,7 @@
{ {
"digest": { "digest": {
"font-family": "Helvetica, Arial, sans-serif", "font-family": "Helvetica, Arial, sans-serif",
"font-size": "14pt", "font-size": "10pt",
"color": "#000", "color": "#000",
"max-width": "800px", "max-width": "800px",
"margin": "0" "margin": "0"
@ -11,6 +11,7 @@
"color": "#4183c4" "color": "#4183c4"
}, },
"intro-paragraph": { "intro-paragraph": {
"font-size": "12pt",
"user-link": { "user-link": {
"font-weight": "bold", "font-weight": "bold",
"color": "#000" "color": "#000"
@ -24,7 +25,7 @@
"font-size": "24pt", "font-size": "24pt",
"font-weight": "bold", "font-weight": "bold",
"margin": ".75em 0 .5em 0", "margin": ".75em 0 .5em 0",
"border-bottom": "dashed 2px #666" "border-bottom": "solid 1px #ddd"
}, },
"repository-header": { "repository-header": {
"font-size": "18pt", "font-size": "18pt",
@ -32,21 +33,24 @@
"margin": ".5em 0" "margin": ".5em 0"
}, },
"commit": { "commit": {
"border-bottom": "dashed 1px #666", "background": "#fafafa",
"margin": "20px 0", "border": "solid 1px #ccc",
"font-size": "12pt", "border-radius": "3px",
"margin": "1em 0",
"title": { "title": {
"padding": "8px 0", "padding": "8px",
"margin": "0" "margin": "0"
}, },
"message": { "message": {
"margin": "0", "margin": "0",
"padding-botom": "8px", "padding": "0 8px 8px",
"white-space": "pre-wrap" "white-space": "pre-wrap"
}, },
"footer": { "footer": {
"padding": "8px 0", "background": "#fff",
"margin-bottom": "20px", "border-top": "solid 1px #ddd",
"border-radius": "0 0 3px 3px",
"padding": "8px",
"date": { "date": {
"color": "#666" "color": "#666"
}, },

BIN
app/static/images/logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
app/static/images/paper-background.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 157 B

BIN
app/static/images/perforated-edge-left.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 478 B

BIN
app/static/images/perforated-edge-right.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 480 B

44
app/static/main.css
View file

@ -1,48 +1,6 @@
html {
position: relative;
height: 100%;
}
body { body {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-size: 14pt; font-size: 10pt;
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 { a {

8
app/templates/base/page.html
View file

@ -7,12 +7,8 @@
<link rel="stylesheet" href="/static/octicons/octicons.css"> <link rel="stylesheet" href="/static/octicons/octicons.css">
</head> </head>
<body> <body>
<div class="perforated-edge right"></div> <h1>{{template "title" .}}</h1>
<div class="perforated-edge left"></div>
<div class="logo"></div>
<div class="page-body"> {{template "body" .}}
{{template "body" .}}
</div>
</body> </body>
</html> </html>

4
app/templates/digest-page.html
View file

@ -2,8 +2,6 @@
{{define "body"}} {{define "body"}}
<div class="digest"> {{template "digest" .Digest}}
{{template "digest" .Digest}}
</div>
{{end}} {{end}}