Permalink
Browse files

aargh

  • Loading branch information...
1 parent 430b8cd commit 713bb5d6aaa1e06e2f79b788f3683af0369a6f1b @brunohstein committed Dec 21, 2012
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
Binary file not shown.
Binary file not shown.
View
@@ -12,11 +12,15 @@
<meta name="author" content="Bruno Henrique Stein">
+ <!-- opengraph -->
+
+
+
+
<!-- files -->
<link rel="stylesheet" href="stylesheets/app.css">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
- <script type="text/javascript" src="javascripts/app.js"></script>
+ <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> -->
<!-- favicon -->
@@ -42,27 +46,40 @@
<body>
- <!-- about -->
-
- <div class="clear">
+ <div class="center">
<div class="about">
- <h1>I am a 21 years old brazilian, graduated in digital communication.</h1>
- <h2>Which means I spend my days creating <span>websites</span> and <span>mobile applications</span>.</h2>
-
- <a class="email" href="mailto:brunohstein@gmail.com" target="_blank">
- <img src="images/email.svg" />
- </a>
+ <h1>Bruno Stein</h1>
+ <h2>I spend my days creating websites and mobile applications.</h2>
</div>
- </div>
+ <ul class="social">
+
+ <li>
+ <a class="email" href="mailto:brunohstein@gmail.com" target="_blank">E-mail</a>
+ </li>
+
+ <li>
+ <a class="linkedin" href="http://linkedin.com/in/brunohstein" target="_blank">Linkedin</a>
+ </li>
+ <li>
+ <a class="dribbble" href="http://dribbble.com/brunohstein" target="_blank">Dribbble</a>
+ </li>
- <!-- work -->
+ <li>
+ <a class="github" href="http://github.com/brunohstein" target="_blank">Github</a>
+ </li>
- <div class="work"></div>
+ <li>
+ <a class="facebook" href="http://facebook.com/brunohstein" target="_blank">Facebook</a>
+ </li>
+
+ </ul>
+
+ </div>
</body>
View
@@ -1,31 +1,5 @@
$(document).ready(function() {
- $.getJSON('http://api.dribbble.com/players/brunohstein/shots?callback=?',
- {},
- function (data) {
- $.each(data.shots, function(i, shot) {
- $('.work').append([
- '<div class="shot">',
- '<a href="' + shot.url + '" target="_blank">',
- '<img src="' + shot.image_url + '" />',
- '</a>',
- '</div>'
- ].join(''));
- });
- }
- );
-
-
- function setAboutHeight() {
- var newHeight = $('.about').height() + 95;
-
- $('.clear').css('height', newHeight);
- };
-
- setAboutHeight();
-
- $(window).resize(function() {
- setAboutHeight();
- });
+ // nothing to do here!
});
View
@@ -35,65 +35,58 @@ table {
border-collapse: collapse;
border-spacing: 0; }
-.about {
- width: 100%;
- position: fixed; }
- .about h1 {
- font-size: 60px;
- line-height: 72px;
- letter-spacing: -0.05em;
- font-weight: bold;
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
- color: #182f3f;
- width: 50%;
- margin: 75px 0 0 55px; }
- .about h1::selection {
- background: #923244;
- color: white; }
- .about h2 {
- font-size: 30px;
- line-height: 36px;
- font-weight: lighter;
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
- color: #182f3f;
- width: 50%;
- margin: 40px 0 0 55px; }
- .about h2::selection {
- background: #923244;
- color: white; }
- .about h2 span {
- font-weight: bold;
- color: #923244; }
- .about h2 span::selection {
- background: #923244;
- color: white; }
- .about .email {
- position: absolute;
- top: 95px;
- right: 55px; }
- .about .email img {
- width: 40px;
- transition: 0.3s ease;
- -webkit-transition: 0.3s ease;
- -moz-transition: 0.3s ease;
- -o-transition: 0.3s ease; }
- .about .email img:hover {
- width: 50px;
- transition: 0.3s ease;
- -webkit-transition: 0.3s ease;
- -moz-transition: 0.3s ease;
- -o-transition: 0.3s ease; }
+@font-face {
+ font-family: 'proxima_nova_thregular';
+ src: url("../fonts/proxima_nova_thin-webfont.eot");
+ src: url("../fonts/proxima_nova_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_thregular") format("svg");
+ font-weight: normal;
+ font-style: normal; }
-.work {
- width: 100%;
- position: relative;
- overflow: auto;
- background: #1d1d1d; }
- .work .shot {
- float: left;
- width: 25%;
- height: 75;
- background: url("../images/loader.gif") no-repeat center center; }
- .work .shot img {
- width: 100%;
- display: block; }
+@font-face {
+ font-family: 'proxima_nova_blregular';
+ src: url("../fonts/proxima_nova_black-webfont.eot");
+ src: url("../fonts/proxima_nova_black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_black-webfont.woff") format("woff"), url("../fonts/proxima_nova_black-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_black-webfont.svg#proxima_nova_blregular") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+body {
+ background: #3c444c;
+ color: #ffedb8;
+ font-family: "proxima_nova_thregular";
+ font-size: 20px;
+ letter-spacing: -1px; }
+
+.center {
+ height: 260px;
+ width: 550px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -130px 0 0 -225px; }
+
+h1 {
+ font-size: 60px;
+ letter-spacing: -3px;
+ font-family: "proxima_nova_blregular";
+ text-transform: uppercase; }
+
+.social {
+ margin: 40px 0 0; }
+ .social li {
+ margin: 10px 0;
+ text-transform: lowercase; }
+ .social li a {
+ text-decoration: none;
+ font-size: 18px; }
+ .social li a:hover {
+ text-decoration: underline; }
+ .social .email {
+ color: #d14836; }
+ .social .linkedin {
+ color: #0074b1; }
+ .social .dribbble {
+ color: #cc3a70; }
+ .social .github {
+ color: #7d8082; }
+ .social .facebook {
+ color: #3b5998; }
View
@@ -5,108 +5,84 @@
// colors
-$default: #182f3f;
-$highlight: #923244;
-$top-background: #ffffff;
-$bottom-background: #1d1d1d;
+$type: #ffedb8;
+$background: #3c444c;
// types
-$helvetica: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
-
-
-// styles
+@font-face {
+ font-family: 'proxima_nova_thregular';
+ src: url('../fonts/proxima_nova_thin-webfont.eot');
+ src: url('../fonts/proxima_nova_thin-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/proxima_nova_thin-webfont.woff') format('woff'),
+ url('../fonts/proxima_nova_thin-webfont.ttf') format('truetype'),
+ url('../fonts/proxima_nova_thin-webfont.svg#proxima_nova_thregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
-.about {
- width: 100%;
- position: fixed;
+@font-face {
+ font-family: 'proxima_nova_blregular';
+ src: url('../fonts/proxima_nova_black-webfont.eot');
+ src: url('../fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/proxima_nova_black-webfont.woff') format('woff'),
+ url('../fonts/proxima_nova_black-webfont.ttf') format('truetype'),
+ url('../fonts/proxima_nova_black-webfont.svg#proxima_nova_blregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
- h1 {
- font-size: 60px;
- line-height: 72px;
- letter-spacing: -0.05em;
- font-weight: bold;
- font-family: $helvetica;
- color: $default;
+$thin: 'proxima_nova_thregular';
+$black: 'proxima_nova_blregular';
- width: 50%;
- margin: 75px 0 0 55px;
- &::selection {
- background: $highlight;
- color: $top-background;
- }
- }
-
- h2 {
- font-size: 30px;
- line-height: 36px;
- font-weight: lighter;
- font-family: $helvetica;
- color: $default;
-
- width: 50%;
- margin: 40px 0 0 55px;
+// styles
- &::selection {
- background: $highlight;
- color: $top-background;
- }
+body {
+ background: $background;
+ color: $type;
+ font-family: $thin;
+ font-size: 20px;
+ letter-spacing: -1px;
+}
- span {
- font-weight: bold;
- color: $highlight;
+.center {
+ height: 260px;
+ width: 550px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -130px 0 0 -225px;
+}
- &::selection {
- background: $highlight;
- color: $top-background;
- }
- }
- }
+h1 {
+ font-size: 60px;
+ letter-spacing: -3px;
+ font-family: $black;
+ text-transform: uppercase;
+}
- .email {
- position: absolute;
- top: 95px;
- right: 55px;
+.social {
+ margin: 40px 0 0;
- img {
- width: 40px;
+ li {
+ margin: 10px 0;
+ text-transform: lowercase;
- transition: 0.3s ease;
- -webkit-transition: 0.3s ease;
- -moz-transition: 0.3s ease;
- -o-transition: 0.3s ease;
+ a {
+ text-decoration: none;
+ font-size: 18px;
&:hover {
- width: 50px;
-
- transition: 0.3s ease;
- -webkit-transition: 0.3s ease;
- -moz-transition: 0.3s ease;
- -o-transition: 0.3s ease;
+ text-decoration: underline;
}
}
}
-}
-.work {
- width: 100%;
- position: relative;
- overflow: auto;
-
- background: $bottom-background;
-
- .shot {
- float: left;
- width: 25%;
- height: 300 * 0.25;
-
- background: url("../images/loader.gif") no-repeat center center;
-
- img {
- width: 100%;
- display: block;
- }
- }
+ .email { color: #d14836; }
+ .linkedin { color: #0074b1; }
+ .dribbble { color: #cc3a70; }
+ .github { color: #7d8082; }
+ .facebook { color: #3b5998; }
}

0 comments on commit 713bb5d

Please sign in to comment.