Simple one page site.

evansosenko · Jul 19, 2013 · 4418b9d · 4418b9d
1 parent 2b5f0b4
commit 4418b9d
Show file tree

Hide file tree

Showing 16 changed files with 104 additions and 43 deletions.
diff --git a/_assets/images/github.com.png b/_assets/images/github.com.png
diff --git a/_assets/images/html5-badge-h-css3-semantics.png b/_assets/images/html5-badge-h-css3-semantics.png
diff --git a/_assets/images/plus.google.com.png b/_assets/images/plus.google.com.png
diff --git a/_assets/images/rubygems.org.png b/_assets/images/rubygems.org.png
diff --git a/_assets/images/twitter.com.png b/_assets/images/twitter.com.png
diff --git a/_assets/images/www.facebook.com.png b/_assets/images/www.facebook.com.png
diff --git a/_assets/javascripts/app.coffee b/_assets/javascripts/app.coffee
@@ -1,2 +1,3 @@
 # add JavaScript required for your app (will be compressed together)
 #= require vendor/foundation/foundation
+#= require vendor/foundation/foundation.reveal
diff --git a/_assets/stylesheets/_assets.sass b/_assets/stylesheets/_assets.sass
@@ -0,0 +1,13 @@
+//
+// Colors
+//
+
+// Web
+$clr_qwhite: #EEEEEE
+$clr_sky_eyes: #D0EFF1
+$clr_waves: #79BCC4
+$clr_laughs_and: #3CB8AE
+$clr_blue_green: #467D91
+
+// Fonts
+@include font-face( "CMUBright-Roman", url( 'fonts/cmunbmr.otf' ) )
diff --git a/_assets/stylesheets/_settings.sass b/_assets/stylesheets/_settings.sass
@@ -27,7 +27,7 @@ $em-base: 16px !default
 
 $default-float: left
 
-// $body-bg: #fff
+$body-bg: $clr_qwhite
 // $body-font-color: #222
 // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
 // $body-font-weight: normal
@@ -115,7 +115,7 @@ $default-float: left
 
 // $row-width: emCalc(1000px)
 // $column-gutter: emCalc(30px)
-// $total-columns: 12
+$total-columns: 2
 
 //
 // Block Grid Variables
@@ -964,7 +964,7 @@ $default-float: left
 
 // Modal itself.
 
-// $reveal-modal-bg: #fff
+$reveal-modal-bg: $clr_qwhite
 // $reveal-position-top: 50px
 // $reveal-default-width: 80%
 // $reveal-modal-padding: emCalc(20px)

diff --git a/_assets/stylesheets/_style.sass b/_assets/stylesheets/_style.sass
@@ -0,0 +1,44 @@
+a
+  text-decoration: none
+  color: inherit
+  &:visited, &:hover
+    color: inherit
+
+#top
+  text-align: center
+  margin-bottom: 3em
+
+#banner
+  width: 100%
+  height: $banner_height
+  margin: 0.2 * $banner_height auto
+  margin-bottom: 1em
+  padding-top: 0.5 * $banner_height
+  background-color: $clr_blue_green
+
+#title
+  color: $site_title_clr
+  font-family: $site_title_font
+  font-size: $site_title_font_size
+  font-weight: normal
+  text-transform: lowercase
+  &:before
+    content: "{"
+  &:after
+    content: "}"
+  span
+    width: 0
+    margin-left: -0.35em
+    display: inline-block
+    &:before
+      content: "|"
+      font-weight: bold
+
+#external
+  display: inline-block
+  margin-top: emCalc( 10px )
+  ul
+    +horizontal-list
+
+#email_modal
+  text-align: center
diff --git a/_assets/stylesheets/_vars.sass b/_assets/stylesheets/_vars.sass
@@ -0,0 +1,6 @@
+$banner_height: emCalc( 100px )
+
+$site_title_font: "CMUBright-Roman", sans-serf
+$site_title_clr: white
+$site_title_font_size: 2em
+$site_title_font_weight: normal
diff --git a/_assets/stylesheets/app.sass b/_assets/stylesheets/app.sass
@@ -1,20 +1,26 @@
 // syntax highlighting support
 //= require vendor/syntax
 
+@import "compass/reset"
+
+// Assets, e.g. fonts, colors, images
+@import "compass/css3"
+@import assets
+
 // Global Foundation Settings
 @import "settings"
 
 // Comment out this import if you don't want to use normalize
-@import "vendor/normalize"
+// @import "vendor/normalize"
 
 // Comment out this import if you are customizing you imports below
-@import "foundation"
+// @import "foundation"
 
 // Import specific parts of Foundation by commenting the import "foundation"
 // and uncommenting what you want below. You must uncomment the following if customizing
 
-// @import "foundation/components/global"
-// @import "foundation/components/grid"
+@import "foundation/components/global"
+@import "foundation/components/grid"
 // @import "foundation/components/visibility"
 // @import "foundation/components/block-grid"
 // @import "foundation/components/type"
@@ -28,7 +34,7 @@
 // @import "foundation/components/section"
 // @import "foundation/components/top-bar"
 // @import "foundation/components/orbit"
-// @import "foundation/components/reveal"
+@import "foundation/components/reveal"
 // @import "foundation/components/joyride"
 // @import "foundation/components/clearing"
 // @import "foundation/components/alert-boxes"
@@ -48,3 +54,7 @@
 // @import "foundation/components/thumbs"
 // @import "foundation/components/tooltips"
 // @import "foundation/components/dropdown"
+
+@import "compass/typography/lists/horizontal-list"
+@import "vars"
+@import "style"
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,16 +15,8 @@
 </head>
 
 <body>
-  <header>
-    <h1><a href="/">{{ site.name }}</a></h1>
-  </header>
-
   {{ content }}
 
-  <footer>
-    <a href="http://www.w3.org/html/logo/"><img src="{% asset_path  html5-badge-h-css3-semantics.png %}" alt="HTML5 Powered with CSS3 / Styling, and Semantics" title="HTML5 Powered with CSS3 / Styling, and Semantics" width="165" height="64" /></a>
-  </footer>
-
   <script>
     document.write( ( '__proto__' in {} ? '{{ "vendor/zepto" | javascript | replace:"/script","\/script" }}' : '{{ "vendor/jquery" | javascript | replace:"/script","\/script" }}' ) );
   </script>

diff --git a/_layouts/post.html b/_layouts/post.html
diff --git a/assets/fonts/cmunbmr.otf b/assets/fonts/cmunbmr.otf
diff --git a/index.html b/index.html
@@ -1,11 +1,26 @@
 ---
 layout: default
-title: Page Title
+title: Evan Sosenko
 ---
 
-<h1>blog posts</h1>
-<ul class="posts">
-  {% for post in site.posts %}
-    <li>{{ post.date | date_to_string }} &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
-  {% endfor %}
-</ul>
+<div id="top">
+  <h1 id="banner"><a id="title" href="http://evansosenko.com">Evan <span></span> Sosenko</a></h1>
+  <p>Ph.D. physics student and online business owner.</p>
+
+  <nav id="external">
+    <ul>
+      <li><a href="https://github.com/razor-x"><img src="{% asset_path github.com.png %}" width="16" height="16" alt="GitHub" /></a></li>
+      <li><a href="https://rubygems.org/profiles/49715"><img src="{% asset_path rubygems.org.png %}" width="16" height="16" alt="RubyGems.org" /></a></li>
+      <li><a href="https://plus.google.com/118056675600044327520/"><img src="{% asset_path plus.google.com.png %}" width="16" height="16" alt="Google+" /></a></li>
+      <li><a href="https://www.facebook.com/evan.sosenko"><img src="{% asset_path www.facebook.com.png %}" width="16" height="16" alt="Facebook" /></a></li>
+      <li><a href="https://twitter.com/ThatsMr_n00b_2u"><img src="{% asset_path twitter.com.png %}" width="16" height="16" alt="Twitter" /></a></li>
+      <li><a href="cv">cv</a></li>
+      <li><a href="" data-reveal-id="email_modal">@</a></li>
+    </ul>
+  </nav>
+</div>
+
+<div id="email_modal" class="reveal-modal">
+  <p>razorx {at} evansosenko.com
+  <a class="close-reveal-modal">&#215;</a>
+</div>