sjs/retrogit
1
0
Fork 0
mirror of https://github.com/samsonjs/retrogit.git synced 2026-03-25 09:25:49 +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-size": "10pt",
"color": "#000",
"max-width": "800px",
"max-width": "1104px",
"margin": "0"
},
"link": {
@ -35,7 +35,6 @@
"commit": {
"background": "#fafafa",
"border": "solid 1px #ccc",
"border-radius": "3px",
"margin": "1em 0",
"title": {
"padding": "8px",
@ -49,7 +48,6 @@
"footer": {
"background": "#fff",
"border-top": "solid 1px #ddd",
"border-radius": "0 0 3px 3px",
"padding": "8px",
"date": {
"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 {
font-family: Helvetica, Arial, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
}
a {
@ -8,6 +10,43 @@ a {
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 {
margin: 0 auto;
}

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

@ -7,8 +7,14 @@
<link rel="stylesheet" href="/static/octicons/octicons.css">
</head>
<body>
<h1>{{template "title" .}}</h1>
<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>
{{template "body" .}}
<div class="body">
<h1>{{template "title" .}}</h1>
{{template "body" .}}
</div>
</body>
</html>

BIN
assets/punch card.psd Normal file
View file

Binary file not shown.