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

Flesh out signed out homepage.

Browse source
This commit is contained in:
Mihai Parparita 2014-12-13 23:57:59 -08:00
parent dfd8041e94
commit 8cb1302b1d
10 changed files with 71 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/static/images/card-background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
app/static/images/card-background@2x.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 193 KiB

BIN
app/static/images/screenshot-thumbnail.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
app/static/images/screenshot-thumbnail@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 36 KiB

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 33 KiB

54
app/static/main.css
View file

@ -41,6 +41,14 @@ a:hover {
margin-left: -555px;
}
.card-background {
position: absolute;
top: 0;
left: 50%;
margin-left: -555px;
z-index: -1;
}
@media (max-width: 600px) {
.header {
height: 104px;
@ -49,6 +57,10 @@ a:hover {
.header img {
top: -24px;
}
.card-background {
top: -10px;
}
}
.body {
@ -63,6 +75,10 @@ a:hover {
color: #756344;
}
.body h1:empty {
display: none;
}
.blurb {
font-size: 16px;
line-height: 24px;
@ -153,9 +169,37 @@ input[type="submit"].inline.destructive {
color: #779dc2;
}
#pitch {
margin: 0 15px;
padding-right: 230px;
position: relative;
}
#pitch #screenshot {
display: block;
position: absolute;
top: 0;
right: 0;
width: 206px;
height: 260px;
border: dashed 1px #d7cab0;
background: #fff;
padding: 5px;
}
#pitch h2 {
color: #444;
margin: 10px 0;
}
#pitch p.small {
font-size: 13px;
}
#sign-in-form {
text-align: center;
white-space: nowrap;
padding-right: 230px;
}
#sign-in-form .octicon-mark-github {
@ -205,6 +249,16 @@ input[type="submit"].inline.destructive {
}
@media (max-width: 450px) {
#pitch {
padding-right: 0;
}
#pitch #screenshot {
position: static;
margin: 0 auto;
}
#sign-in-form {
padding-right: 0;
}
#sign-in-form .octicon-mark-github {
font-size: 30px;
left: 10px;

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

@ -11,7 +11,7 @@
<body>
<div class="header">
<a href="/">
<img src="/static/images/header.png" srcset="/static/images/header.png 1x, /static/images/header@2x.png 2x" width="1111" height="153" alt="GitHop">
<img src="/static/images/header.png" srcset="/static/images/header.png 1x, /static/images/header@2x.png 2x" width="1111" height="153" alt="RetroGit">
</a>
</div>

16
app/templates/index-signed-out.html
View file

@ -2,6 +2,22 @@
{{define "body"}}
<img class="card-background" src="/static/images/card-background.jpg" srcset="/static/images/card-background.jpg 1x, /static/images/card-background@2x.jpg 2x" width="1111" height="339" alt="">
<div id="pitch" class="blurb">
<h2>See your GitHub activity on this exact day in history.</h2>
<p>RetroGit emails you a daily or weekly digest with your GitHub commits from all the previous years during which you checked in code.</p>
<a href="/static/images/screenshot.png" id="screenshot">
<img src="/static/images/screenshot-thumbnail.png" srcset="/static/images/screenshot-thumbnail.png 1x, /static/images/screenshot-thumbnail@2x.png 2x" width="206" height="260" alt="RetroGit Screenshot">
</a>
<p>Use it as a nostalgia trip, or to remind you of TODOs that you never quite got around to cleaning up. Think of it as <a href="http://timehop.com/">Timehop</a> for your codebase.</p>
<p class="small">If you have any concerns about how RetroGit uses GitHub data, please see the <a href="{{routeUrl "faq"}}">FAQ</a>.</p>
</div>
<form id="sign-in-form" method="POST" action="{{routeUrl "sign-in"}}">
<span class="mega-octicon octicon-mark-github"></span>
<input type="hidden" name="continue_url" value="{{.ContinueUrl}}">

BIN
assets/punch card@2x.psd
View file

Binary file not shown.

BIN
assets/screenshot.psd Normal file
View file

Binary file not shown.