diff --git a/assets/font/moristonpersonal-light-webfont.eot b/assets/font/moristonpersonal-light-webfont.eot new file mode 100755 index 00000000..299ecdc9 Binary files /dev/null and b/assets/font/moristonpersonal-light-webfont.eot differ diff --git a/assets/font/moristonpersonal-light-webfont.svg b/assets/font/moristonpersonal-light-webfont.svg new file mode 100755 index 00000000..39543553 --- /dev/null +++ b/assets/font/moristonpersonal-light-webfont.svg @@ -0,0 +1,1063 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/font/moristonpersonal-light-webfont.ttf b/assets/font/moristonpersonal-light-webfont.ttf new file mode 100755 index 00000000..bf9b5586 Binary files /dev/null and b/assets/font/moristonpersonal-light-webfont.ttf differ diff --git a/assets/font/moristonpersonal-light-webfont.woff b/assets/font/moristonpersonal-light-webfont.woff new file mode 100755 index 00000000..69ba8a9e Binary files /dev/null and b/assets/font/moristonpersonal-light-webfont.woff differ diff --git a/assets/font/moristonpersonal-semibold-webfont.eot b/assets/font/moristonpersonal-semibold-webfont.eot new file mode 100755 index 00000000..db513509 Binary files /dev/null and b/assets/font/moristonpersonal-semibold-webfont.eot differ diff --git a/assets/font/moristonpersonal-semibold-webfont.svg b/assets/font/moristonpersonal-semibold-webfont.svg new file mode 100755 index 00000000..6a9146cf --- /dev/null +++ b/assets/font/moristonpersonal-semibold-webfont.svg @@ -0,0 +1,1118 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/font/moristonpersonal-semibold-webfont.ttf b/assets/font/moristonpersonal-semibold-webfont.ttf new file mode 100755 index 00000000..495ac4d4 Binary files /dev/null and b/assets/font/moristonpersonal-semibold-webfont.ttf differ diff --git a/assets/font/moristonpersonal-semibold-webfont.woff b/assets/font/moristonpersonal-semibold-webfont.woff new file mode 100755 index 00000000..1b43e7a7 Binary files /dev/null and b/assets/font/moristonpersonal-semibold-webfont.woff differ diff --git a/assets/img-logo_sm.png b/assets/img-logo_sm.png new file mode 100644 index 00000000..7a998b42 Binary files /dev/null and b/assets/img-logo_sm.png differ diff --git a/views/index.jade b/views/index.jade index ed88341b..78a131bb 100644 --- a/views/index.jade +++ b/views/index.jade @@ -3,7 +3,7 @@ html head title #{community} on Slack meta(name='viewport', content='width=device-width, initial-scale=1',) - link(rel='icon', type='image/png', href='https://s3-us-west-2.amazonaws.com/slack-files2/avatars/2015-07-31/8485729073_8a990e85124097e436cf_132.jpg') + link(rel='icon', type='image/png', size= href='assets/img-logo_sm.png') style. html { box-sizing: border-box; @@ -11,9 +11,31 @@ html *, *:before, *:after { box-sizing: inherit; } + + @font-face { + font-family: 'moriston_personallight'; + src: url('assets/fonts/moristonpersonal-light-webfont.eot'); + url('assets/fonts/moristonpersonal-light-webfont.woff') format('woff'), + url('assets/fonts/moristonpersonal-light-webfont.ttf') format('truetype'), + url('assets/fonts/moristonpersonal-light-webfont.svg#moriston_personallight') format('svg'); + font-weight: 300; + font-style: normal; + } + + @font-face { + font-family: 'moriston_personalsemibold'; + src: url('assets/fonts/moristonpersonal-semibold-webfont.eot'); + url('assets/fonts/moristonpersonal-semibold-webfont.woff') format('woff'), + url('assets/fonts/moristonpersonal-semibold-webfont.ttf') format('truetype'), + url('assets/fonts/moristonpersonal-semibold-webfont.svg#moriston_personallight') format('svg'); + font-weight: 700; + font-style: normal; + } + body { - font-family: monospace; + font-family: 'moriston_personallight'; font-size: 16px; + color: #2f3590; } .content { @@ -23,16 +45,21 @@ html } .join { - border: solid 1px black; + border: solid 1px #2f3590; padding: 10px 30px 30px 30px; + background-color: #EBECEA; } .join-title { - font-weight: bold; + font-family: 'moriston_personalsemibold' + font-weight: 700; + font-size: 24px; } + .label { text-align: left; font-size: 14px; + text-transform: uppercase; } input { @@ -41,33 +68,38 @@ html padding: 5px; font-family: monospace; margin-top: 10px; + background: #fff; } .thanks { width: 100%; padding-top: 20px; margin-top: 30px; - border-top: 1px solid black; + border-top: 1px solid #ea267a; } button { padding: 7px; - font-family: monospace; + font-family: 'moriston_personallight'; + letter-spacing: 2px; + font-size: 16px; + font-weight: bold; + text-transform: uppercase; margin-top: 20px; background: none; border-radius: 0px; - border: 1px solid black; - font-size: 16px; - font-weight: bold; + border: 2px solid #2dffff; cursor: pointer; } + button:hover { + background: #2dffff; + } + .logo { - width: 45px; - height: 45px; + height: 51px; margin-top: 30px; - border: 1px solid black; - border-radius: 4px; + border: none; } .message { @@ -85,8 +117,8 @@ html } } body - .content - img(src='https://s3-us-west-2.amazonaws.com/slack-files2/avatars/2015-07-31/8485729073_8a990e85124097e436cf_132.jpg' class='logo') + .content + img(src='assets/img-logo_sm.png' class='logo') p #{community} p a friendly chicago slack forum for exchanging web knowledge .join @@ -108,7 +140,7 @@ html var email = document.getElementById('slack-email') form.addEventListener('submit', function(evt) { - //prevent default reload behavior + //prevent default reload behavior evt.preventDefault(); $.ajax({