From 0569a794280740f1933e9a8846ffb9c89ee7bc5a Mon Sep 17 00:00:00 2001 From: Guillaume DOTT Date: Thu, 31 Jan 2013 13:52:01 +0100 Subject: [PATCH] Add navbar and first content block --- source/images/github-original.png | Bin 0 -> 11853 bytes source/layouts/layout.haml | 5 ++++- source/localizable/index.html.haml | 9 ++++---- source/stylesheets/all.css.scss | 35 ++++++++++++++++++++++++----- 4 files changed, 39 insertions(+), 10 deletions(-) create mode 100644 source/images/github-original.png diff --git a/source/images/github-original.png b/source/images/github-original.png new file mode 100644 index 0000000000000000000000000000000000000000..6fea0be37f00c0f3347df1fc36e34b8947efd065 GIT binary patch literal 11853 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 literal 0 HcmV?d00001 diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml index 6f62645..bb4ee76 100644 --- a/source/layouts/layout.haml +++ b/source/layouts/layout.haml @@ -26,5 +26,8 @@ = image_tag 'pdf.png' %p= I18n.t(:download_resume) - %section + %nav + %ul + + .content = yield diff --git a/source/localizable/index.html.haml b/source/localizable/index.html.haml index 5d0164b..1cde82d 100644 --- a/source/localizable/index.html.haml +++ b/source/localizable/index.html.haml @@ -2,7 +2,8 @@ title: Welcome to Middleman --- -.welcome - %h1 Middleman is Watching - %p.doc - = link_to "Read Online Documentation", "http://middlemanapp.com" +%section.welcome + = image_tag 'github-original.png' + %p + = I18n.t(:find_me_github) + = link_to 'gdott9', 'https://github.com/gdott9' diff --git a/source/stylesheets/all.css.scss b/source/stylesheets/all.css.scss index 85f8b6b..87e8600 100644 --- a/source/stylesheets/all.css.scss +++ b/source/stylesheets/all.css.scss @@ -4,10 +4,6 @@ body { font: 14px Verdana, sans-serif; background: #99a; color: #eee; - & > section { - margin: 0 4em; - margin-top: 220px; - } } a { @@ -34,7 +30,7 @@ a { a { text-decoration: none; - text-transform: uppercase; + font-variant: small-caps; } } } @@ -81,3 +77,32 @@ header { } } } + +nav { + margin-top: 50px; + padding: 10px; + padding-left: 28em; + background-color: rgba(0, 0, 0, 0.6); + border: white solid; + border-width: 2px 0; + + ul { + padding: 0; + margin: 0; + li { + list-style: none; + display: inline-block; + } + } +} + +.content { + margin: 0 4em; + margin-top: 140px; + + section { + background-color: rgba(0,0,0,0.7); + border: 2px solid white; + padding: 1.2em; + } +}