diff --git a/src/pug/_template.pug b/src/pug/_template.pug index 64c1715..8915142 100644 --- a/src/pug/_template.pug +++ b/src/pug/_template.pug @@ -48,6 +48,10 @@ html ) body + div.banner + a(href='https://www.indiegogo.com/en/projects/input-labs/alpakka-2' target='_blank') + img.banner(src='/static/img/alpakka_2_banner.png') + header include _header.pug diff --git a/src/static/img/alpakka_2_banner.png b/src/static/img/alpakka_2_banner.png new file mode 100644 index 0000000..536dc57 Binary files /dev/null and b/src/static/img/alpakka_2_banner.png differ diff --git a/src/static/img/alpakka_2_banner_bg.png b/src/static/img/alpakka_2_banner_bg.png new file mode 100644 index 0000000..37301ef Binary files /dev/null and b/src/static/img/alpakka_2_banner_bg.png differ diff --git a/src/static/style.css b/src/static/style.css index 8a9b3d8..d7ac828 100644 --- a/src/static/style.css +++ b/src/static/style.css @@ -63,6 +63,17 @@ body { } /* HEADER ================================================================== */ +.banner { + height: 100px; + text-align: center; + border-bottom: 1px solid hsl( 0, 0%, 50%); + background-image: url('/static/img/alpakka_2_banner_bg.png'); +} + +.banner img { + height: 100px; +} + header { /* height: 130px; */ width: 964px;