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

Basic perforated-paper-on-a-dot-matrix-printer styling.

Browse source
This commit is contained in:
Mihai Parparita 2014-10-18 23:43:37 -07:00
parent 9aaa8326e0
commit 7d109f0c82
9 changed files with 61 additions and 17 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": "10pt", "font-size": "14pt",
"color": "#000", "color": "#000",
"max-width": "800px", "max-width": "800px",
"margin": "0" "margin": "0"
@ -11,7 +11,6 @@
"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"
@ -25,7 +24,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": "solid 1px #ddd" "border-bottom": "dashed 2px #666"
}, },
"repository-header": { "repository-header": {
"font-size": "18pt", "font-size": "18pt",
@ -33,24 +32,21 @@
"margin": ".5em 0" "margin": ".5em 0"
}, },
"commit": { "commit": {
"background": "#fafafa", "border-bottom": "dashed 1px #666",
"border": "solid 1px #ccc", "margin": "20px 0",
"border-radius": "3px", "font-size": "12pt",
"margin": "1em 0",
"title": { "title": {
"padding": "8px", "padding": "8px 0",
"margin": "0" "margin": "0"
}, },
"message": { "message": {
"margin": "0", "margin": "0",
"padding": "0 8px 8px", "padding-botom": "8px",
"white-space": "pre-wrap" "white-space": "pre-wrap"
}, },
"footer": { "footer": {
"background": "#fff", "padding": "8px 0",
"border-top": "solid 1px #ddd", "margin-bottom": "20px",
"border-radius": "0 0 3px 3px",
"padding": "8px",
"date": { "date": {
"color": "#666" "color": "#666"
}, },

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 157 B

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 478 B

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 480 B

44
app/static/main.css
View file

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

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

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

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

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

BIN
assets/perforated paper.psd Normal file
View file

Binary file not shown.