diff --git a/app/static/images/card-background.jpg b/app/static/images/card-background.jpg new file mode 100644 index 0000000..61a7d55 Binary files /dev/null and b/app/static/images/card-background.jpg differ diff --git a/app/static/images/card-background@2x.jpg b/app/static/images/card-background@2x.jpg new file mode 100644 index 0000000..81e68df Binary files /dev/null and b/app/static/images/card-background@2x.jpg differ diff --git a/app/static/images/screenshot-thumbnail.png b/app/static/images/screenshot-thumbnail.png new file mode 100644 index 0000000..79f01dc Binary files /dev/null and b/app/static/images/screenshot-thumbnail.png differ diff --git a/app/static/images/screenshot-thumbnail@2x.png b/app/static/images/screenshot-thumbnail@2x.png new file mode 100644 index 0000000..2e3319f Binary files /dev/null and b/app/static/images/screenshot-thumbnail@2x.png differ diff --git a/app/static/images/screenshot.png b/app/static/images/screenshot.png new file mode 100644 index 0000000..2b2ca7d Binary files /dev/null and b/app/static/images/screenshot.png differ diff --git a/app/static/main.css b/app/static/main.css index c28c549..2a97ba1 100644 --- a/app/static/main.css +++ b/app/static/main.css @@ -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; diff --git a/app/templates/base/page.html b/app/templates/base/page.html index 3860824..b89a97c 100644 --- a/app/templates/base/page.html +++ b/app/templates/base/page.html @@ -11,7 +11,7 @@
- GitHop + RetroGit
diff --git a/app/templates/index-signed-out.html b/app/templates/index-signed-out.html index 9bc3b7e..bbe0deb 100644 --- a/app/templates/index-signed-out.html +++ b/app/templates/index-signed-out.html @@ -2,6 +2,22 @@ {{define "body"}} + + +
+

See your GitHub activity on this exact day in history.

+ +

RetroGit emails you a daily or weekly digest with your GitHub commits from all the previous years during which you checked in code.

+ + + RetroGit Screenshot + + +

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 Timehop for your codebase.

+ +

If you have any concerns about how RetroGit uses GitHub data, please see the FAQ.

+
+
diff --git a/assets/punch card@2x.psd b/assets/punch card@2x.psd index 6ec572f..a4b5eaa 100644 Binary files a/assets/punch card@2x.psd and b/assets/punch card@2x.psd differ diff --git a/assets/screenshot.psd b/assets/screenshot.psd new file mode 100644 index 0000000..f3e3cfd Binary files /dev/null and b/assets/screenshot.psd differ