diff --git a/source/layouts/layout.erb b/source/layouts/layout.erb index 98a1cb2..1f5e03d 100644 --- a/source/layouts/layout.erb +++ b/source/layouts/layout.erb @@ -38,6 +38,9 @@

- <%= yield %> + +
+ <%= yield %> +
diff --git a/source/stylesheets/all.css.scss b/source/stylesheets/all.css.scss index 6ff94cf..85f8b6b 100644 --- a/source/stylesheets/all.css.scss +++ b/source/stylesheets/all.css.scss @@ -1,55 +1,83 @@ @charset "utf-8"; body { - background: #d4d4d4 url("../images/background.png"); - text-align: center; - font-family: sans-serif; } + font: 14px Verdana, sans-serif; + background: #99a; + color: #eee; + & > section { + margin: 0 4em; + margin-top: 220px; + } +} -h1 { - color: rgba(0, 0, 0, .3); - font-weight: bold; - font-size: 32px; - letter-spacing: -1px; - text-transform: uppercase; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); - background: url("../images/middleman.png") no-repeat center 100px; - padding: 350px 0 10px; - margin: 0; } +a { + color: #bbb; + &:hover { + color: white; + } +} -.doc { - font-size: 14px; - margin: 0; } - .doc:before, - .doc:after { - opacity: .2; +#lang { + padding: 0; + position: absolute; + top: 0; + right: 4em; + margin: 0; + list-style-type: none; + li { + display: inline-block; padding: 6px; - font-style: normal; - position: relative; - content: "•"; } - .doc a { - color: rgba(0, 0, 0, 0.3); } - .doc a:hover { - color: #666; } + margin-left: 10px; + background: rgba(0, 0, 0, 0.6); + border: 2px solid white; + border-top: none; -.welcome { - -webkit-animation-name: welcome; - -webkit-animation-duration: .9s; } + a { + text-decoration: none; + text-transform: uppercase; + } + } +} -@-webkit-keyframes welcome { - from { - -webkit-transform: scale(0); - opacity: 0; +header { + width: 18em; + padding: 20px; + background-color: rgba(0,0,0,0.9); + border: 2px solid white; + border-top: none; + + position: absolute; + top: 0; + left: 4em; + + h1 { + font-size: 2.0em; + font-weight: normal; + font-family: 'Times New Roman', Times, serif; + margin: 5px 0; } - 50% { - -webkit-transform: scale(0); - opacity: 0; + h2 { + font-size: 1.2em; + font-weight: normal; + margin: 2px 0; } - 82.5% { - -webkit-transform: scale(1.03); - -webkit-animation-timing-function: ease-out; - opacity: 1; + #download_cv { + margin-top: 20px; + img { + float: left; + margin-right: 10px; + } + p { + padding-top: 4px; + font-size: 1.1em; + font-weight: normal; + } + a { + text-decoration: none; + } + .st { + font-size: 0.8em; + font-weight: normal; + } } - to { - -webkit-transform: scale(1); - } -} \ No newline at end of file +}