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 punch card header style.

Browse source
This commit is contained in:
Mihai Parparita 2014-10-19 23:37:40 -07:00
parent 8008ca94a5
commit 1b56d7ab0f
7 changed files with 48 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/config/styles.json
View file

@ -3,7 +3,7 @@
"font-family": "Helvetica, Arial, sans-serif", "font-family": "Helvetica, Arial, sans-serif",
"font-size": "10pt", "font-size": "10pt",
"color": "#000", "color": "#000",
"max-width": "800px", "max-width": "1104px",
"margin": "0" "margin": "0"
}, },
"link": { "link": {
@ -35,7 +35,6 @@
"commit": { "commit": {
"background": "#fafafa", "background": "#fafafa",
"border": "solid 1px #ccc", "border": "solid 1px #ccc",
"border-radius": "3px",
"margin": "1em 0", "margin": "1em 0",
"title": { "title": {
"padding": "8px", "padding": "8px",
@ -49,7 +48,6 @@
"footer": { "footer": {
"background": "#fff", "background": "#fff",
"border-top": "solid 1px #ddd", "border-top": "solid 1px #ddd",
"border-radius": "0 0 3px 3px",
"padding": "8px", "padding": "8px",
"date": { "date": {
"color": "#666" "color": "#666"

BIN
app/static/images/body-shadow@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 164 B

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 274 KiB

BIN
app/static/images/header@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 753 KiB

39
app/static/main.css
View file

@ -1,6 +1,8 @@
body { body {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-size: 10pt; font-size: 10pt;
margin: 0;
padding: 0;
} }
a { a {
@ -8,6 +10,43 @@ a {
text-decoration: none; text-decoration: none;
} }
.header {
background: #eee;
position: relative;
height: 154px;
padding-top; 10px;
overflow: hidden;
}
.header:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 4px;
bottom: 0;
background: url("images/body-shadow@2x.png");
background-size: 4px 4px;
}
.header img {
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -557px;
}
.body {
padding: 10px;
max-width: 1104px;
margin: 0 auto;
}
.body h1 {
margin-top: 0;
}
#sign-in-form { #sign-in-form {
margin: 0 auto; margin: 0 auto;
} }

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

@ -7,8 +7,14 @@
<link rel="stylesheet" href="/static/octicons/octicons.css"> <link rel="stylesheet" href="/static/octicons/octicons.css">
</head> </head>
<body> <body>
<div class="header">
<img src="/static/images/header.png" srcset="/static/images/header.png 1x, /static/images/header@2x.png 2x" width="1114" height="154" alt="GitHop">
</div>
<div class="body">
<h1>{{template "title" .}}</h1> <h1>{{template "title" .}}</h1>
{{template "body" .}} {{template "body" .}}
</div>
</body> </body>
</html> </html>

BIN
assets/punch card.psd Normal file
View file

Binary file not shown.