Permalink
Browse files

Work from Vin

  • Loading branch information...
1 parent 5d9c984 commit 906abf23537bcc9485ad5e63f1d9086309e4c30f Tom Wardill committed Feb 16, 2012
View
@@ -0,0 +1,120 @@
+/* Reset
+-------------------------------------------------- */
+html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr, a,abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strong,sub,sup,tt,var, b,u,i,dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{ margin:0; padding:0; }
+article,aside,details,figcaption,figure,footer, header,hgroup,menu,nav,section{ display:block; }
+h1,h2,h3,h4,h5,h6,p{ font-size:1em; }
+strong,b,mark{ font-weight:bold; font-style:inherit; }
+abbr[title],dfn[title]{ cursor:help; border-bottom:1px dotted; }
+a,u,ins{ text-decoration:none;}
+del,s{ text-decoration:line-through; }
+small{ font-size:0.75em; }
+img{ border:none; font-style:italic; }
+input, select,option, optgroup, textarea{ font:inherit; }
+
+/*
+
+Pixels Ems
+798.409 49.901
+751.538 46.971
+493.454 30.841
+464.486 29.03
+304.978 19.061
+287.074 17.942
+188.491 11.781
+177.425 11.089
+116.496 7.281
+109.657 6.854
+72.000 4.5
+67.773 4.236
+44.499 2.781
+41.887 2.618
+27.502 1.719
+25.888 1.618
+16.998 1.062
+16.000 1
+10.506 0.657
+9.889 0.618
+6.493 0.406
+6.112 0.382
+4.013 0.251
+3.778 0.236
+2.480 0.155
+2.335 0.146
+1.533 0.096
+1.443 0.09
+*/
+
+/* For All
+-------------------------------------------------- */
+* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
+.hide { position:absolute; left:-99999px; display:block; }
+
+/* Typography
+-------------------------------------------------- */
+html { font-size:100%; }
+
+body,
+p#compliment,
+#imageCredit{ font-family: "kepler-std-caption",sans-serif; font-style: normal; }
+
+h1,
+h2 { font-family:"ltc-bodoni-175", Helvetica, Sans-serif; font-weight:400; font-style: italic; }
+
+body { font-weight: 400; line-height:0.9; }
+h1 { font-size:1.062em; text-align:center; line-height:1.3; }
+h2 { letter-spacing: -0.02em; font-size:11.089em; }
+p#compliment{ font-weight: 900; font-size:4.5em; }
+footer { text-align:center; }
+footer p,
+#imageCredit{ font-weight: 400; font-size:0.657em; line-height: 1.5; text-align:left; }
+#moreButton { font-size:2.618em; }
+
+
+/* Layout
+-------------------------------------------------- */
+#container { position:fixed; left:0; top:0; width:100%; height:100%; border:10px solid white; box-shadow:inset 0 0 2px #000000; }
+h1 { position:fixed; right:50px; top:0; padding:1.618em; width:150px; }
+h2 { position: fixed; left:0.657em; top:0.657em; }
+p#compliment{ position: fixed; left:2.618em; top:4.236em; }
+footer { position: fixed; right:0; bottom:0; padding:10px; margin:0 10px 10px 0; }
+#moreButton { position: fixed; right:40%; bottom:2em; }
+#imageCredit{ position: fixed; left:0; bottom:0; height:30px; padding:10px; margin:0 0 10px 10px; }
+
+/* Style
+-------------------------------------------------- */
+html { /*background: url(http://thegreatdiscontent.com/-/2012/img/thomas/rosie-aprilbrimer.jpg?full=-/2012/img/thomas/rosie-aprilbrimer.large.jpg) no-repeat center center fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
+h1 { color: #fff; text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px; background-color:rgba(40,40,40, 1); }
+h2 { color:rgba(255, 255, 255, 1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
+p#compliment{ color:rgba(255, 255, 255, 1); text-shadow: 1px 1px 2px rgba(0,0,0,1);}
+
+#moreButton {
+ cursor: pointer;
+ padding: 7px 9px;
+ text-align: center;
+ text-decoration: none;
+ border: 1px solid #b92450;
+ color: #FFFFFF;
+ border-radius: 8px;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 #000000;
+ background: #e21f59;
+ background: -moz-linear-gradient(top, #e21f59 0%, #c72656 100%);
+ background: -webkit-linear-gradient(top, #e21f59 0%, #c72656 100%);
+ background: -o-linear-gradient(top, #e21f59 0%, #c72656 100%);
+ background: -ms-linear-gradient(top, #e21f59 0%, #c72656 100%)
+ background: linear-gradient(top, #e21f59 0%, #c72656 100%);
+}
+
+#moreButton:hover{ border:none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }
+
+
+
+footer,
+#imageCredit { background-color:rgba(0,0,0,0.7); }
+footer p,
+#imageCredit { color:rgba(255, 255, 255, 0.8); }
+footer a,
+#imageCredit a { color:rgba(255, 255, 255, 1); }
+footer a:hover,
+#imageCredit a:hover { color:rgba(226, 31, 89, 1);}
View
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -1,16 +1,24 @@
-function newCompliment()
-{
-
- var greetings = ["Hello", "Hi", "Hi there!", "Hola", "'ey up!"]
- var compliments = ["You're looking good today", "Did you change your hair?", "Looking fabulous my dear!", "Have you been working out?"]
-
- var greeting_to_user = greetings[Math.floor(Math.random()*greetings.length)]
- var compliment_for_users = compliments[Math.floor(Math.random()*compliments.length)]
+function newCompliment(){
+ var greetings = ["Hello,", "Hi", "Hi There!", "Hola,", "'Ey Up!","Aloha,", "Bonjour,", "Hey You,", "Cheer Up," ]
+ var compliments = ["You're looking good today", "Did you change your hair?", "Looking fabulous my dear!", "Have you been working out?", "You give the best hugs", "You deserve a chocolate", "You can be my wingman any time"]
+ var urls = [["http://farm5.staticflickr.com/4079/4876706955_71586607dc_b.jpg","Leo Reynolds","http://www.flickr.com/photos/lwr/4876706955/"],
+ ["http://farm5.staticflickr.com/4046/4359683945_c45080e9c1_o.jpg","Wendi Gratz", "http://www.flickr.com/photos/shinyhappyworld/4359683945/"],
+ ["http://farm6.staticflickr.com/5292/5454097130_cc1e073f53_b.jpg","Ivana Vasilj", "http://www.flickr.com/photos/ivanavasilj/5454097130/"],
+ ["http://farm2.staticflickr.com/1421/1234672907_2ad2c747fe_b.jpg","20 characters ...", "http://www.flickr.com/photos/bioman/1234672907/"],
+ ["http://farm4.staticflickr.com/3487/3723728506_22f6d1584a_b.jpg","Krabiman", "http://www.flickr.com/photos/krabiman/3723728506/"],
+ ["http://farm4.staticflickr.com/3094/2562106102_0c96e6cfd3_b.jpg","mathias-erhart", "http://www.flickr.com/photos/mathias-erhart/2562106102/"]]
+ var greeting_to_user = greetings[Math.floor(Math.random()*greetings.length)]
+ var compliment_for_users = compliments[Math.floor(Math.random()*compliments.length)]
+ var image_to_inspire = urls[Math.floor(Math.random()*urls.length)]
$("#greeting").html(greeting_to_user);
$("#compliment").html(compliment_for_users);
+ $('html').css('background', 'url('+image_to_inspire[0]+') no-repeat center center fixed');
+ $("#byWho").html(image_to_inspire[1]);
+ $("#imageCredit a").attr("href", image_to_inspire[2]);
+
}
$(document).ready(newCompliment);
View
@@ -1,65 +1,50 @@
-<html>
+<!DOCTYPE html>
+<html lang="en" class="inspire">
+<head>
+ <meta charset="utf-8" />
+ <title>My, aren't you looking good today?</title>
+ <link rel="shortcut icon" href="assets/img/favicon.ico">
+
+ <link rel="stylesheet" href="assets/css/main.css" />
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!--Typekit -->
+ <script type="text/javascript" src="http://use.typekit.com/esa8vjn.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+</head>
- <head>
- <title>My, aren't you looking good today?</title>
+<body>
+ <div id="container">
+ <h1 class="hide">Your Looking Good Today</h1>
- <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
-
- <!-- Le styles -->
- <link href="../assets/css/bootstrap.css" rel="stylesheet">
- <style type="text/css">
- body {
- padding-top: 60px;
- padding-bottom: 40px;
- }
- </style>
- <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
- <link href="../assets/css/lookinggood.css" rel="stylesheet">
+ <section>
+ <h2 id="greeting">Hello!</h2>
+ <p id="compliment">Looking good there!</p>
+ <a id="moreButton" href="javascript:newCompliment();">I need more</a>
+
+ </section>
+
+ <footer>
+ <p id="imageCredit">Image by <a href="#"><span id="byWho"></span></a></p>
+ <p>Thrown together by <a href="http://twitter.com/tomwardill">@tomwardill</a> and <a href="http://twitter.com/vipickering">@vipickering</a>.</p>
+ <p>Don't expect great things, but feel good about yourself.</p>
+ </footer>
+ </div>
- <!-- Le fav and touch icons -->
- <link rel="shortcut icon" href="images/favicon.ico">
- <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
- <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
- <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
-
<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-26768435-2']);
+ _gaq.push(['_trackPageview']);
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-26768435-2']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
-</script>
- </head>
-
- <body>
- <div class="container">
- <div class="hero-unit">
- <h1 id="greeting">Hello!</h1>
- <p id="compliment">Looking good there!</p>
- <p id="moreButton"><a class="btn btn-primary btn-large" href="javascript:newCompliment();">I need more &raquo;</a></p>
- </div>
-
- <footer>
- Thrown together by <a href="http://twitter.com/tomwardill">@tomwardill</a>. Don't expect great things, but feel good about yourself.
- </footer>
- </div>
-
-
- <!-- Le javascript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="../assets/js/bootstrap.js"></script>
- <script src="../assets/js/lookinggood.js"></script>
- </body>
-
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ <script src="http://code.jquery.com/jquery-latest.min.js"></script>
+ <script src="assets/js/lookinggood.js"></script>
+</body>
</html>

0 comments on commit 906abf2

Please sign in to comment.