diff --git a/config.rb b/config.rb index efd12c7..a926de2 100644 --- a/config.rb +++ b/config.rb @@ -1,7 +1,9 @@ -### +### # Compass ### +page "/albert/", :layout => false + # Change Compass configuration compass_config do |config| @@ -39,13 +41,13 @@ set :slim, :pretty => true ### # Per-page layout changes: -# +# # With no layout # page "/path/to/file.html", :layout => false -# +# # With alternative layout # page "/path/to/file.html", :layout => :otherlayout -# +# # A path which all have the same layout # with_layout :admin do # page "/admin/*" diff --git a/source/_footer.slim b/source/_footer.slim index 27f20ff..82d1d33 100644 --- a/source/_footer.slim +++ b/source/_footer.slim @@ -1,6 +1,9 @@ a name="about" p - ' ® Copyright 2012 | Albert Schulz, Jörg Thalheim + ' ® Copyright 2012 | + a href="albert" Albert Schulz + ' , + a href="joerg" Jörg Thalheim br/ ' using a href="http://ethanschoonover.com/solarized" target="_blank" solarized diff --git a/source/albert/index.html.erb b/source/albert/index.html.erb new file mode 100644 index 0000000..92ad5ca --- /dev/null +++ b/source/albert/index.html.erb @@ -0,0 +1,38 @@ + + +albert.schulz + +<%= stylesheet_link_tag 'albert.css' %> + + + + + +
+albert.schulz // iOS Developer +
+ +
+XCode | Objective-C | PHP | MySQL | Java | Redis
+Node.js | JavaScript | Ruby | SQLite | Photoshop +
+ + + + diff --git a/source/images/github.png b/source/images/github.png new file mode 100644 index 0000000..544f0ed Binary files /dev/null and b/source/images/github.png differ diff --git a/source/images/mail.png b/source/images/mail.png new file mode 100644 index 0000000..dd32c3a Binary files /dev/null and b/source/images/mail.png differ diff --git a/source/images/twitter.png b/source/images/twitter.png new file mode 100644 index 0000000..d660e1a Binary files /dev/null and b/source/images/twitter.png differ diff --git a/source/joerg/index.slim b/source/joerg/index.slim new file mode 100644 index 0000000..1a63cfd --- /dev/null +++ b/source/joerg/index.slim @@ -0,0 +1 @@ +p Jörg Thalheim (Mic92) diff --git a/source/stylesheets/albert.css b/source/stylesheets/albert.css new file mode 100644 index 0000000..e0bf645 --- /dev/null +++ b/source/stylesheets/albert.css @@ -0,0 +1,87 @@ +@font-face { + font-family: cool_font; + src: url('mensch.ttf'); +} + +/* Makeshift CSS Reset */ +{ + margin: 0; + padding: 0; + + + font-family: cool_font; +} + +/* Tell the browser to render HTML 5 elements as block */ +header, footer, aside, nav, article { + display: block; +} + +body { + margin: 0 auto; + font: 13px/22px Helvetica, Arial, sans-serif; + font-family: Menlo; + + + +background: rgb(255,255,255); /* Old browsers */ +background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%); /* FF3.6+ */ +background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */ +background: url(Slice6.png), -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */ +background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(170,170,170,1) 100%); /* Opera 12+ */ +background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(170,170,170,1) 100%); /* IE10+ */ +background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(170,170,170,1) 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + +} + + +p { + padding-bottom: 22px; + font-family: cool_font; + +} + +div.headline { + padding-top: 100px; + font-size: 60 px; + text-align: center; + color: #4A4A4A; + +} + +div.subtitle { + padding-top: 80px; + text-align: center; + font-size: 30 px; + line-height: 1.1; + color: #4A4A4A; + +} + +ul.gallery { + margin-top: 50 px; + list-style-type: none; + + float:right; + position:relative; + left:-50%; + text-align:left; + +} + +ul.gallery li { + + float:left; + margin-right:70px; + margin-top:7px; + + position:relative; + left:50%; +} + +div.appstore { + margin-top: 250px; + margin-right: 200 px; + +}