Permalink
Browse files

Added blog page

  • Loading branch information...
1 parent 52286ed commit 201c01dad6d6c8488409580e366c4745b0fa8386 Kevin van Dijk committed Feb 29, 2012
View
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="description" content="EuRuKo is an annual conference about the Ruby language with an informal atmosphere and lots of oppurtunities to listen, to talk, to hack and to have fun.">
+ <title>EuRuKo 2012</title>
+
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width">
+ <meta http-equiv="cleartype" content="on">
+
+ <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
+ <link href="http://fonts.googleapis.com/css?family=Vast+Shadow" rel="stylesheet">
+ <link href="/stylesheets/screen.css?1" rel="stylesheet">
+ </head>
+
+ <body class="blog">
+ <nav>
+ <ul>
+ <li class="twitter"><a href="http://twitter.com/euruko">Follow us on Twitter</a></li><li><a href="#">Call for proposal</a></li><li><a href="/blog">Blog</a></li>
+ </ul>
+ </nav>
+ <header>
+ <figure>
+ <img src="images/logo.png" alt="">
+ </figure><hgroup>
+ <h1 title="Euruko">EuRuKo<b title="2012">2012</b></h1>
+ <h2><time datetime="2012-06-01">01</time> &amp; <time datetime="2012-06-02">02 <b class="month">june</b> <b class="year">2012</b></time>
+ </hgroup>
+ </header>
+
+ <h1><b>Blog</b></h1>
+
+ <article>
+ <footer>
+ <img src="/images/avatars/josh.png" alt="Josh Kalderimis">
+ <div>
+ <p>by Josh Kalderimis</p>
+ <p><time datetime="2012-02-08">February 8, 2012</time></p>
+ </div>
+ </footer><div>
+ <h1>EuRuKo 2012 Introduction</h1>
+ <p>It all started with an email to the mailing list of the Ruby user group in Berlin proposing to bring the next EuRuKo home. With perfect timing - or others would say - seconds from departure to Krakow we managed to print a couple of T-Shirts that mainly drew attention because of their bright colors :)</p>
+ <p>But certainly apart from the high quality of talks, there is more to come - first and foremost a decent location. If you happened to attend Funconf, SchnitzelConf or Scottish Ruby Conference you have noticed that organizers getting more creative in finding venues, which form the conferences’ character. Thinking about a location that would represent Berlin and its diversity we had to find a place big enough, but also with enough history and charisma to be good enough! And with the Kino International we found the perfect location, perfect in size, enough history and plenty of charisma. It allowed us to have a single track conference with plenty of room for everybody. The acoustics were amazing and the screen together with the kick ass projector were simply awesome.</p>
+ </div>
+ </article>
+ </body>
+</html>
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
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -80,6 +80,106 @@ aside { margin-top: 20px; border-top: 11px solid #c8c5bf;
strong { font-weight: bold; }
+nav {
+ height: 42px;
+ background: #2b2b2b;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 5;
+
+ ul {
+ font-family: "Abel", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 20px;
+ font-weight: normal;
+ line-height: 42px;
+ text-align: right;
+ position: relative;
+
+ li {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 30px;
+
+ &:first-child {
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ &.twitter {
+ font-size: 13px;
+ padding-right: 28px;
+ background: url(/images/twitter.png) no-repeat right center;
+ }
+ }
+
+ a {
+ color: #fafbd7;
+ text-transform: uppercase;
+
+ &:hover {
+ color: #ec716d;
+ }
+ }
+ }
+}
+
+.blog {
+ > header {
+ height: 135px;
+
+ figure {
+ width: 118px;
+ height: 118px;
+ }
+
+ hgroup {
+ margin-top: 0;
+ margin-left: 4px;
+ }
+
+ h1 {
+ display: inline-block;
+ font-size: 110px;
+ vertical-align: top;
+ }
+
+ h2 {
+ display: inline-block;
+ font-size: 30px;
+ margin-left: 26px;
+ text-align: right;
+
+ b {
+ display: block;
+
+ &.month { font-size: 50px; }
+ }
+ }
+
+ time {
+ color: #2B2B2B;
+ }
+ }
+
+ > h1 {
+ padding-top: 38px;
+ border-top: 11px solid #C8C5BF;
+
+ b {
+ display: block;
+ margin: 0 auto;
+ width: 917px;
+ }
+ }
+}
+
@media only screen and (min-width: 800px) {
//= Typography
@@ -105,11 +205,12 @@ strong { font-weight: bold; }
//= Color
body { background-image: url(/images/header-bg.jpg); }
+ body.blog { background-image: url(/images/small-header-bg.jpg); }
aside { background: url(/images/bg_footer.png) repeat-x center bottom; }
//= Layout
- body > header, body > article, aside section { width: 917px; padding: 0; margin: 0 auto; }
+ body > header, body > article, aside section, nav ul { width: 917px; padding: 0; margin: 0 auto; }
body > header { padding-top: 76px;
h2 { margin-left: 8px; }
}
@@ -145,6 +246,65 @@ strong { font-weight: bold; }
.call-for-proposal { width: 100%; margin-top: 15px; }
}
+ #blog article h1, .blog article h1 {
+ font-family: Palatino, cursive, serif;
+ font-weight: bold;
+ font-size: 20px;
+ margin: 0 0 -20px 83px;
+ }
+
+ #blog, .blog article {
+ footer {
+ margin-bottom: 38px;
+ font-size: 16px;
+
+ div {
+ display: inline-block;
+ vertical-align: bottom;
+ margin-left: 15px;
+ }
+
+ img {
+ vertical-align: top;
+ }
+
+ time {
+ font-style: italic;
+ color: #848484;
+ }
+ }
+ }
+
+ .blog {
+ footer, article > div {
+ display: inline-block;
+ vertical-align: top;
+ }
+
+ div > h1, article > div p {
+ margin: 0;
+ text-indent: 0;
+ padding-bottom: 34px;
+ }
+
+ article > div p:last-child {
+ padding-bottom: 0;
+ }
+
+ footer {
+ width: 274px;
+ }
+
+ article > div {
+ width: 620px;
+ margin-left: 20px;
+ }
+
+ article {
+ margin-bottom: 90px;
+ }
+ }
+
.extra-info {
section {
display: inline-block;
@@ -156,38 +316,10 @@ strong { font-weight: bold; }
margin-top: 30px;
text-align: right;
}
-
- #blog {
- article h1 {
- font-family: Palatino, cursive, serif;
- font-weight: bold;
- font-size: 20px;
- margin: 0 0 -20px 83px;
- }
-
- footer {
- margin-bottom: 38px;
- font-size: 16px;
-
- div {
- display: inline-block;
- vertical-align: bottom;
- margin-left: 15px;
- }
-
- img {
- vertical-align: top;
- }
-
- time {
- font-style: italic;
- color: #848484;
- }
- }
- }
}
}
@media only screen and (min-width: 1500px) {
body { background-size: 100% 619px; }
+ body.blog { background-size: 100% 217px; }
}
Oops, something went wrong.

0 comments on commit 201c01d

Please sign in to comment.