Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Initial Commit

  • Loading branch information...
commit 81fecf2eed24345cf7c2c3a04e613e0d6a2c6fc5 0 parents
@nolastan authored
BIN  black_linen_v2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
47 index.php
@@ -0,0 +1,47 @@
+<?php
+define('PROJECT_NAME', 'Stanford Rosenthal');
+define('COMPANY_NAME', 'rosenthal.co');
+?>
+
+<html>
+<head>
+ <link rel="stylesheet" href="reset.css" />
+ <link rel="stylesheet" href="one-page.css" />
+ <title>Stanford Rosenthal</title>
+</head>
+<body>
+<div id="content">
+<header class="clearfix">
+ <h1 id="project_name"><?=PROJECT_NAME?></h1>
+ <h2 id="company_name"><?=COMPANY_NAME?></h2>
+</header>
+<h3 id="project_description">I'm a <a href="http://wustl.edu">Wash U</a> student studying computer science and visual design.</h3>
+<p class="links">
+<a href="http://twitter.com/nolastan" title="Follow me on Twitter"><img src="images/twitter-2.png" alt="Twitter" /></a>
+<a href="http://www.linkedin.com/in/stanfordrosenthal"><img src="images/linkedin.png" alt="Twitter" /></a>
+<a href="http://github.com/nolastan" title="See my activity on Github"><img src="images/github.png" alt="Github" /></a>
+<a href="http://www.flickr.com/photos/nolastan/" title="See my photos on Flickr"><img src="images/flickr.png" alt="Flickr" /></a>
+<a href="http://delicious.com/standaman2009" title="View my links on Delicious"><img src="images/delicious.png" alt="Del.icio.us" /></a>
+</p>
+
+<p>Right now, I'm working on changing the way <strong>custom t-shirts</strong> are ordered. We're using Ruby on Rails and jQuery, and our team is awesome.</p>
+
+<p>In the meantime, I'm doing some <strong>freelance work</strong> to pay the bills. If you're looking for a web developer-designer, you should <a href="mailto:stan@rosenthal.co">email me</a>.</p>
+
+<p>Got a big idea? Looking to meet like-minded students? Need to hire a genius? Check out <strong>Wash U Tech Entrepreneurs</strong> at <a href="http://wute.wustl.edu">wute.wustl.edu</a>.</p>
+
+
+<ul class="action_buttons">
+ <li><a href="resume.pdf" class="large green button" >Download my resume</a></li>
+</ul>
+
+
+
+
+</div>
+<footer>
+<p>I eat buzzwords for breakfast.</p>
+</footer>
+
+</body>
+</html>
279 one-page.css
@@ -0,0 +1,279 @@
+@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,700,900&v2);
+
+/* ----------------- site constants -----------------
+
+Primary Color:
+ hex:
+ light:
+ dark:
+
+Secondary Color:
+ hex:
+ light:
+ dark:
+
+Tertiary Color:
+ hex:
+ light:
+ dark:
+
+Link Color hex:
+
+
+/* ----------------- Page Layout --------------- */
+
+body {
+ margin: 0;
+ padding: 0;
+ font-weight: 300;
+ color: #333;
+ font-family: 'Lato', sans-serif;
+ background-color:#555;
+ background-image: url('black_linen_v2.png');
+}
+#content {
+ background-color:#fff;
+ width:650px;
+/* padding:20px 30px; */
+ margin:1em auto 1ex auto;
+ border-radius: 10px; -moz-border-radius: 10px;
+ -moz-box-shadow: 0px 0px 20px #444; -webkit-box-shadow: 0px 0px 20px #444; box-shadow: 0px 0px 20px #444;
+ overflow: hidden;
+ padding-bottom: 2ex;
+}
+
+
+/* ----------------- Elements ----------------- */
+header{
+ background: #e9e9e9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e7e7e7));
+ background: #e9e9e9 -moz-linear-gradient(-90deg,#fcfcfc,#e7e7e7);
+ width:100%;
+ -moz-box-shadow: 0px 0px 2px #444; -webkit-box-shadow: 0px 0px 2px #444; box-shadow: 0px 0px 2px #444;
+}
+
+form{
+ margin:1ex 1em;
+}
+
+footer{
+ text-align: center;
+ color: #ccc;
+ font-weight: 100;
+ font-size: 80%;
+}
+footer a{
+ color: #bbb;
+}
+
+p{
+ line-height: 1.5em;
+ margin: 1em 2em;
+ font-size:125%;
+}
+
+/* ----------------- Forms ----------------- */
+fieldset{
+ margin:1em 0;
+}
+.field{
+ line-height:1.8em;
+}
+label{
+ width: 7em;
+ display: block;
+ float:left;
+}
+input, textarea{
+ font-family: 'Lato', sans-serif;
+}
+input{
+ width: 150px;
+}
+
+textarea{
+ width: 25em;
+ height: 10ex;
+}
+
+/* ----------------- Special Classes ----------------- */
+header h1, header h2{
+ padding: .5ex .5em .5ex .5em;
+}
+h1#project_name{
+ float:left;
+ margin: 0;
+ font-size: 120%;
+}
+h2#company_name{
+ float:right;
+ font-size:90%;
+ margin: .3em 0 0 0;
+ letter-spacing:.1em;
+ font-weight: 300;
+}
+h3#project_description{
+ margin:.8em 2em;
+ text-align: center;
+ letter-spacing: normal;
+ font-size:250%;
+ line-height: 1.2em;
+}
+
+.invisible{
+ display:none;
+}
+
+
+.rotate90{
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ /*position: absolute*/;
+ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+
+/* ----------------- Content ----------------- */
+
+.action_buttons{
+ text-align: center;
+ margin:2em;
+}
+.action_buttons li{
+ display: inline;
+ margin: 0 .5em;
+}
+
+p.links{
+ text-align: center;
+}
+p.links img{
+ margin: 2px;
+}
+div.pic{
+
+ border-radius: 10px; -moz-border-radius: 10px;
+ -moz-box-shadow: 0px 0px 5px #444; -webkit-box-shadow: 0px 0px 20px #444; box-shadow: 0px 0px 5px #444;
+ text-align: center;
+ width: 532px;
+ height: 222px;
+ margin: 0 auto;
+ background-image:url('http://stanfordrosenthal.com/wp-content/uploads/2009/09/homepage.png');
+}
+
+
+/* ----------------- tool tips ----------------- */
+
+.help_tag{
+ font-size:80%;
+ cursor:help;
+ color:blue;
+}
+
+/* ----------------- buttons ----------------- */
+
+.button, .button:visited {
+ background: #222 url('../../images/overlay.png') repeat-x;
+ display: inline-block;
+ padding: 5px 10px 6px;
+ color: #fff;
+ text-decoration: none;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
+ border-bottom: 1px solid rgba(0,0,0,0.25);
+ position: relative;
+ cursor: pointer;
+ letter-spacing: .04em;
+
+}
+.small.button, .small.button:visited{ font-size: 11px}
+.button, .button:visited, .medium.button, .medium.button:visited{
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 1;
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
+}
+
+.large.button, .large.button:visited{
+ font-size: 14px;
+ padding: 8px 14px 9px;
+}
+
+.huge.button, .huge.button:visited{
+ font-size: 34px;
+ padding: 8px 14px 9px;
+}
+a.button.green, .button.green:visited{
+ background-color: #37b900;
+}
+a.button.green:hover{
+ background-color: #32a900;
+}
+a.button.gray, .button.gray:visited{
+ background-color:#999;
+}
+a.button.gray:hover, .button.gray.hover{
+ background-color:#888;
+}
+
+
+/* ----------------- lightbox ----------------- */
+/* only used for first_order in design/view for now */
+.lightbox{
+ z-index:1000;
+ background-color: #fff;
+ position: absolute;
+ width: 500px;
+ margin:40px;
+ margin-top:40px;
+ padding:20px;
+ border-radius: 10px; -moz-border-radius: 10px;
+ -moz-box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000; box-shadow: 5px 5px 10px #000;
+
+}
+.lightbox p{
+ margin:1em 0;
+}
+
+/* ------------- Image Selector -------------- */
+ul.images li{
+ text-align: center;
+ overflow: hidden;
+ float:left;
+ padding:10px;
+ cursor:pointer;
+ border-radius: 10px; -moz-border-radius: 10px;
+}
+
+ul.images li:hover{
+ box-shadow: 0px 0px 20px #bbb; -moz-box-shadow: 0px 0px 20px #bbb; -webkit-box-shadow: 0px 0px 20px #bbb;
+}
+ul.images li.selected{
+ box-shadow: 0px 0px 20px #333; -moz-box-shadow: 0px 0px 20px #333; -webkit-box-shadow: 0px 0px 20px #333;
+}
+
+/* ------------- Footer -------------- */
+#footer{
+ clear:both;
+ text-align:center;
+ font-size:80%;
+ margin-top:.5em;
+}
+#footer a{
+ color:#ddd;
+ text-decoration:none;
+}
+#footer a:hover{
+ text-decoration:underline;
+}
+#footer ul li{
+ display:inline;
+ margin-right:.5em;
+}
+#footer p.copyright{
+ color:#999;
+ font-size:70%;
+ margin:.5em 0;
+}
118 reset.css
@@ -0,0 +1,118 @@
+/* ----------------- CSS Reset ----------------- */
+
+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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+body {
+ line-height: 1;
+ color: black;
+ background: white;
+}
+ol, ul {
+ list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: "";
+}
+blockquote, q {
+ quotes: "" "";
+}
+
+/* ---- Clearfix ----- */
+.clearfix:after {
+ content: ".";
+ display: block;
+ clear: both;
+ visibility: hidden;
+ line-height: 0;
+ height: 0; }
+
+.clearfix {
+ display: inline-block; }
+
+html[xmlns] .clearfix {
+ display: block; }
+
+* html .clearfix {
+ height: 1%; }
+
+
+/* ----------------- Fonts ----------------- */
+
+
+/* @TODO: find fonts */
+
+/* ----------------- Elements ----------------- */
+
+h1,h2,h3,h4,h5{
+/* letter-spacing: -0.05em; */
+ margin: .3em 0;
+ color:#000;
+}
+
+h1{
+ font-size:200%;
+ font-weight: 900;
+}
+h2{
+ font-size:175%;
+ font-weight: 700;
+}
+h3{
+ font-size:150%;
+ font-weight: 400;
+}
+h4{
+ font-weight: 300;
+ font-size:125%;
+}
+fieldset{
+ border:1px solid #ccc;
+ padding:5px;
+ width:auto;
+}
+legend{
+ font-size:70%;
+ color:#777;
+}
+strong{
+ font-weight:bold;
+}
+a{
+ color:blue;
+ text-decoration:underline;
+ cursor: hand;
+ cursor: pointer;
+}
+p, label{
+ letter-spacing: -.05em;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.