diff --git a/fonts/slkscr-webfont.eot b/fonts/slkscr-webfont.eot new file mode 100644 index 0000000..c49d631 Binary files /dev/null and b/fonts/slkscr-webfont.eot differ diff --git a/fonts/slkscr-webfont.svg b/fonts/slkscr-webfont.svg new file mode 100644 index 0000000..94674e8 --- /dev/null +++ b/fonts/slkscr-webfont.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/slkscr-webfont.ttf b/fonts/slkscr-webfont.ttf new file mode 100644 index 0000000..a94b58c Binary files /dev/null and b/fonts/slkscr-webfont.ttf differ diff --git a/fonts/slkscr-webfont.woff b/fonts/slkscr-webfont.woff new file mode 100644 index 0000000..7532eca Binary files /dev/null and b/fonts/slkscr-webfont.woff differ diff --git a/fonts/slkscreb-webfont.eot b/fonts/slkscreb-webfont.eot new file mode 100644 index 0000000..aa92a8e Binary files /dev/null and b/fonts/slkscreb-webfont.eot differ diff --git a/fonts/slkscreb-webfont.svg b/fonts/slkscreb-webfont.svg new file mode 100644 index 0000000..7ea655b --- /dev/null +++ b/fonts/slkscreb-webfont.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/slkscreb-webfont.ttf b/fonts/slkscreb-webfont.ttf new file mode 100644 index 0000000..a563042 Binary files /dev/null and b/fonts/slkscreb-webfont.ttf differ diff --git a/fonts/slkscreb-webfont.woff b/fonts/slkscreb-webfont.woff new file mode 100644 index 0000000..9f10452 Binary files /dev/null and b/fonts/slkscreb-webfont.woff differ diff --git a/index.html b/index.html index fbc3ef4..9a9bd09 100644 --- a/index.html +++ b/index.html @@ -9,14 +9,17 @@ NB Invaders - - + + +

INVADERS

- + + + diff --git a/stylesheets/all.css b/stylesheets/all.css index 6c8dc9e..7e24f0d 100644 --- a/stylesheets/all.css +++ b/stylesheets/all.css @@ -1,5 +1,50 @@ +@font-face { + font-family: 'silkscreen'; + src: url('../fonts/slkscr-webfont.eot'); + src: url('../fonts/slkscr-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/slkscr-webfont.woff') format('woff'), + url('../fonts/slkscr-webfont.ttf') format('truetype'), + url('../fonts/slkscr-webfont.svg#silkscreennormal') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'silkscreen'; + src: url('../fonts/slkscreb-webfont.eot'); + src: url('../fonts/slkscreb-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/slkscreb-webfont.woff') format('woff'), + url('../fonts/slkscreb-webfont.ttf') format('truetype'), + url('../fonts/slkscreb-webfont.svg#silkscreen_expandedbold') format('svg'); + font-weight: bold; + font-style: normal; +} + body { - background: #333; + background: #222; + color: white; + font-family: 'silkscreen'; + font-size: 16px; + margin: 0; +} + +h1 { + position: absolute; + top: 16px; + width: 100%; + font-size: 32px; + text-align: center; + margin: 0; +} + +footer { + position: absolute; + bottom: 16px; + right: 16px; +} + +a { + color: white; } #game { @@ -7,6 +52,8 @@ body { width: 1024px; height: 576px; - top: calc(50% - 288px); + top: calc(50% - 280px); left: calc(50% - 512px); + + z-index: 1; }