Added GDG logo

gdg-kyiv · Mar 23, 2012 · e85ecb8 · e85ecb8
1 parent 332485e
commit e85ecb8
Show file tree

Hide file tree

Showing 5 changed files with 245 additions and 3 deletions.
diff --git a/font/open-sans/font.css b/font/open-sans/font.css
@@ -19,3 +19,14 @@
     font-weight: bold;
     font-style: normal;
 }
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('OpenSans-ExtraBold-webfont.eot');
+    src: url('OpenSans-ExtraBold-webfont.svg#OpenSansExtraBold') format('svg'),
+         url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
+         url('OpenSans-ExtraBold-webfont.ttf') format('truetype');
+    font-weight: bolder;
+    font-style: normal;
+}
diff --git a/gdg.svg b/gdg.svg
diff --git a/index.html b/index.html
@@ -38,7 +38,7 @@
     </script>
 </head>
 <body>
-    <h1 class="gdg-logo"><b>GDG</b> Kyiv-Center</h1>
+    <h1 class="gdg-logo"><img src="gdg.svg"><span><b>GDG</b> Kyiv-Center</span></h1>
     <div id="navigation">
     	<span class="nav-item about"><span>About</span></span>
     	<span class="nav-item past"><span><span class="counter">?</span>&nbsp;past&nbsp;events</span></span>

diff --git a/style.css b/style.css
@@ -8,8 +8,19 @@ body {
   margin: 20px 0px 0px 20px;
   padding: 0px;
 }
+.gdg-logo > span {
+  position: relative;
+  left: 20px;
+  top: -20px;
+}
+.gdg-logo > span > b {
+  font-weight: bolder;
+}
+.gdg-logo > img {
+  height: 100px;
+}
 #navigation {
-  margin: 20px 0px 10px 0px;
+  margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 30px;
   background: #f0f0f0;
   font-size: 250%;

diff --git a/style.styl b/style.styl
@@ -13,14 +13,25 @@ body
 	margin 20px 0px 0px 20px
 	padding 0px
 
+	> span
+		position relative
+		left 20px
+		top -20px
+
+		> b
+			font-weight bolder
+
+	> img
+		height 100px
+
 #navigation
 	$font-size-normal = 150%
 	$font-size-current = 250%
 	$text-color-normal = #aaa
 	$text-color-current = black
 	$transition = font-size 250ms ease
 
-	margin 20px 0px 10px 0px
+	margin 0px 0px 10px 0px
 	padding 0px 0px 0px 30px
 	background $default-bg
 	font-size $font-size-current