diff --git a/logo.psd b/logo.psd
new file mode 100644
index 0000000..c4da8b5
Binary files /dev/null and b/logo.psd differ
diff --git a/src/assets/icons/apple-touch-icon-114x114.png b/src/assets/icons/apple-touch-icon-114x114.png
new file mode 100644
index 0000000..a731add
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-114x114.png differ
diff --git a/src/assets/icons/apple-touch-icon-120x120.png b/src/assets/icons/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..8f01fd9
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-120x120.png differ
diff --git a/src/assets/icons/apple-touch-icon-144x144.png b/src/assets/icons/apple-touch-icon-144x144.png
new file mode 100644
index 0000000..c8eaa0a
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-144x144.png differ
diff --git a/src/assets/icons/apple-touch-icon-152x152.png b/src/assets/icons/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..56111e2
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-152x152.png differ
diff --git a/src/assets/icons/apple-touch-icon-180x180.png b/src/assets/icons/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..3f683f8
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-180x180.png differ
diff --git a/src/assets/icons/apple-touch-icon-57x57.png b/src/assets/icons/apple-touch-icon-57x57.png
new file mode 100644
index 0000000..bc99fbc
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-57x57.png differ
diff --git a/src/assets/icons/apple-touch-icon-60x60.png b/src/assets/icons/apple-touch-icon-60x60.png
new file mode 100644
index 0000000..212e725
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-60x60.png differ
diff --git a/src/assets/icons/apple-touch-icon-72x72.png b/src/assets/icons/apple-touch-icon-72x72.png
new file mode 100644
index 0000000..6d32499
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-72x72.png differ
diff --git a/src/assets/icons/apple-touch-icon-76x76.png b/src/assets/icons/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..272223d
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-76x76.png differ
diff --git a/src/assets/icons/apple-touch-icon-precomposed.png b/src/assets/icons/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..d355220
Binary files /dev/null and b/src/assets/icons/apple-touch-icon-precomposed.png differ
diff --git a/src/assets/icons/apple-touch-icon.png b/src/assets/icons/apple-touch-icon.png
new file mode 100644
index 0000000..3f683f8
Binary files /dev/null and b/src/assets/icons/apple-touch-icon.png differ
diff --git a/src/assets/icons/browserconfig.xml b/src/assets/icons/browserconfig.xml
new file mode 100644
index 0000000..e562b87
--- /dev/null
+++ b/src/assets/icons/browserconfig.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+ #3090de
+
+
+
diff --git a/src/assets/icons/favicon-160x160.png b/src/assets/icons/favicon-160x160.png
new file mode 100644
index 0000000..0b7bdf5
Binary files /dev/null and b/src/assets/icons/favicon-160x160.png differ
diff --git a/src/assets/icons/favicon-16x16.png b/src/assets/icons/favicon-16x16.png
new file mode 100644
index 0000000..bcdf23e
Binary files /dev/null and b/src/assets/icons/favicon-16x16.png differ
diff --git a/src/assets/icons/favicon-192x192.png b/src/assets/icons/favicon-192x192.png
new file mode 100644
index 0000000..497d917
Binary files /dev/null and b/src/assets/icons/favicon-192x192.png differ
diff --git a/src/assets/icons/favicon-32x32.png b/src/assets/icons/favicon-32x32.png
new file mode 100644
index 0000000..279f765
Binary files /dev/null and b/src/assets/icons/favicon-32x32.png differ
diff --git a/src/assets/icons/favicon-96x96.png b/src/assets/icons/favicon-96x96.png
new file mode 100644
index 0000000..f06a16f
Binary files /dev/null and b/src/assets/icons/favicon-96x96.png differ
diff --git a/src/assets/icons/favicon.ico b/src/assets/icons/favicon.ico
new file mode 100644
index 0000000..499abb8
Binary files /dev/null and b/src/assets/icons/favicon.ico differ
diff --git a/src/assets/icons/mstile-144x144.png b/src/assets/icons/mstile-144x144.png
new file mode 100644
index 0000000..c36226f
Binary files /dev/null and b/src/assets/icons/mstile-144x144.png differ
diff --git a/src/assets/icons/mstile-150x150.png b/src/assets/icons/mstile-150x150.png
new file mode 100644
index 0000000..dfdb50e
Binary files /dev/null and b/src/assets/icons/mstile-150x150.png differ
diff --git a/src/assets/icons/mstile-310x150.png b/src/assets/icons/mstile-310x150.png
new file mode 100644
index 0000000..c357230
Binary files /dev/null and b/src/assets/icons/mstile-310x150.png differ
diff --git a/src/assets/icons/mstile-310x310.png b/src/assets/icons/mstile-310x310.png
new file mode 100644
index 0000000..8e8e10c
Binary files /dev/null and b/src/assets/icons/mstile-310x310.png differ
diff --git a/src/assets/icons/mstile-70x70.png b/src/assets/icons/mstile-70x70.png
new file mode 100644
index 0000000..c79a020
Binary files /dev/null and b/src/assets/icons/mstile-70x70.png differ
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
index 0b77939..1dd58b3 100644
Binary files a/src/assets/images/logo.png and b/src/assets/images/logo.png differ
diff --git a/src/jade/index.jade b/src/jade/index.jade
index 55a49f1..77e0591 100644
--- a/src/jade/index.jade
+++ b/src/jade/index.jade
@@ -8,13 +8,34 @@ html
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='apple-mobile-web-app-capable', content='yes')
+
+ link(rel='apple-touch-icon', sizes='57x57', href='icons/apple-touch-icon-57x57.png')
+ link(rel='apple-touch-icon', sizes='114x114', href='icons/apple-touch-icon-114x114.png')
+ link(rel='apple-touch-icon', sizes='72x72', href='icons/apple-touch-icon-72x72.png')
+ link(rel='apple-touch-icon', sizes='144x144', href='icons/apple-touch-icon-144x144.png')
+ link(rel='apple-touch-icon', sizes='60x60', href='icons/apple-touch-icon-60x60.png')
+ link(rel='apple-touch-icon', sizes='120x120', href='icons/apple-touch-icon-120x120.png')
+ link(rel='apple-touch-icon', sizes='76x76', href='icons/apple-touch-icon-76x76.png')
+ link(rel='apple-touch-icon', sizes='152x152', href='icons/apple-touch-icon-152x152.png')
+ link(rel='apple-touch-icon', sizes='180x180', href='icons/apple-touch-icon-180x180.png')
+ link(rel='icon', type='image/png', href='icons/favicon-192x192.png', sizes='192x192')
+ link(rel='icon', type='image/png', href='icons/favicon-160x160.png', sizes='160x160')
+ link(rel='icon', type='image/png', href='icons/favicon-96x96.png', sizes='96x96')
+ link(rel='icon', type='image/png', href='icons/favicon-16x16.png', sizes='16x16')
+ link(rel='icon', type='image/png', href='icons/favicon-32x32.png', sizes='32x32')
+ link(rel='shortcut icon', href='icons/favicon.ico')
+ link(rel='icon', href='icons/favicon.ico')
+ meta(name='msapplication-TileColor', content='#10558c')
+ meta(name='msapplication-TileImage', content='icons/mstile-144x144.png')
+
script(src='//use.typekit.net/scb5xny.js')
script.
try{Typekit.load();}catch(e){};
body
.jumbo
- div
+ #logo
+ .jumbo__container
h1 Slack-yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
section
diff --git a/src/styles/style.styl b/src/styles/style.styl
index 19be6a2..e3b2c52 100644
--- a/src/styles/style.styl
+++ b/src/styles/style.styl
@@ -31,7 +31,7 @@ a
background-size cover
display table
- div
+ .jumbo__container
display table-cell
vertical-align middle
text-align center
@@ -39,7 +39,20 @@ a
h1
max-width 800px
margin auto
-
+ @media screen and (max-width: 600px)
+ font-size 1.5em
+ margin-top 1em
+#logo
+ width 80px
+ height 80px
+ position absolute
+ top 1em
+ left 1em
+ background url('../images/logo.png')
+ background-size 100% 100%
+ @media screen and (max-width: 600px)
+ width 60px
+ height 60px
section
background #fff