Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

make things slightly prettier

(this theme is heavily inspired by jetsetter's email survey page
 which i lurve very much)
  • Loading branch information...
commit 98ccf61eab7962b4b45c3bdb295d131cbbd3b234 1 parent 84ba29b
@dolapo authored
View
53 minivishnu/frontend/static/main.css
@@ -0,0 +1,53 @@
+body.main {
+ height: 100%;
+ background-color: #ededed;
+ font-size: 12pt;
+ font-family: 'helvetica', sans-serif;
+}
+
+div.logo {
+ background-color: #000;
+ color: #fff;
+ font-size: 14pt;
+ margin-bottom: 24px;
+ padding: 12px 12px 12px 24px;
+ font-family: 'Cuprum', 'helvetica';
+}
+
+div.container {
+ margin: 24px;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: -2px 2px 1px #888;
+ box-shadow: -2px 2px 1px #888;
+ padding: 12px;
+ min-height: 400px;
+}
+
+div.container .content {
+ background-color: #fff;
+ padding: 12px;
+ border: 1px solid #d9d9d9;
+ margin-bottom: 12px;
+}
+
+div.container .content h1 {
+ font-family: 'Copse', 'helvetica';
+ margin-bottom: 12px;
+}
+
+div.container .content .body {
+ font-size: 10pt;
+}
+
+div.content .small {
+ font-size: 8pt;
+}
+
+div.content a,
+div.content a:visited {
+ text-decoration: none;
+}
+
+div.content a:hover {
+ text-decoration: underline;
+}
View
48 minivishnu/frontend/static/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
View
38 minivishnu/frontend/templates/index.html
@@ -1,13 +1,39 @@
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" type="text/css" href="static/reset.css" />
+ <link rel="stylesheet" type="text/css" href="static/main.css" />
+ <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Copse|Cuprum">
<title>beware the chupayelpa</title>
</head>
- <body>
- {% if user %}
- Hi there {{ user['firstName'] }}
- {% else %}
- <a href="/auth/foursquare">login with foursquare</a>
- {% end %}
+ <body class="main">
+ <div class="logo">
+ chupayelpa
+ </div>
+ <div class="container">
+ <div class="all-content">
+ <div id="login-content" class="content">
+ <h1>
+ {% if user %}
+ <img width="24" height="24"
+ align="absmiddle" class="user-img" src="{{user['photo']}}" />
+ <span>Hi there {{ user['firstName'] }}</span>
+ {% else %}
+ Hi there<br />
+ {% end %}
+ </h1>
+ <div class="body">
+ {% if user %}
+ <span class="small">
+ (p.s. you can <a href="#">log out</a> of foursquare if you wish.)
+ </span>
+ {% else %}
+ <a href="/auth/foursquare">login with foursquare</a> to get started.
+ {% end %}
+ </div>
+ </div>
+ </div>
+ </div>
+
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.