diff --git a/assets/logo.svg b/assets/logo.svg new file mode 100644 index 0000000..b71405b --- /dev/null +++ b/assets/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/base.css b/styles/base.css index ba93193..e3cb2da 100644 --- a/styles/base.css +++ b/styles/base.css @@ -1,7 +1,9 @@ + body { - background: #fff; + background: #475157; box-sizing: border-box; - transform: translate3d(1,1,1); + margin: 0; + padding: 0; & h1 { color: blue; diff --git a/styles/components/header.css b/styles/components/header.css index a8bf3a3..04c24f5 100644 --- a/styles/components/header.css +++ b/styles/components/header.css @@ -1,3 +1,3 @@ .header { - background: blue; + height: 130px; } diff --git a/styles/components/page.css b/styles/components/page.css new file mode 100644 index 0000000..da10fc9 --- /dev/null +++ b/styles/components/page.css @@ -0,0 +1,4 @@ +.page { + width: 1200px; + margin: 0 auto; +} diff --git a/templates/layout.pug b/templates/layout.pug index 8cc86a7..4ea26ba 100644 --- a/templates/layout.pug +++ b/templates/layout.pug @@ -3,13 +3,12 @@ html head title #{title} - AOE Tech Radar link(rel='stylesheet', href='/styles.css') - - h3 - a(href='/') AOE Tech Radar - - hr - body - block content - block scripts - script(src='/bundle.js') + .page + .header + a(href='/') + img(src='/assets/logo.svg') + + block content + block scripts + script(src='/bundle.js')