diff --git a/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff b/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff new file mode 100644 index 00000000..1cc18a0b Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff differ diff --git a/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff2 b/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff2 new file mode 100644 index 00000000..9adf6d39 Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-bold-webfont.woff2 differ diff --git a/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff b/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff new file mode 100644 index 00000000..c1e3cbfc Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff differ diff --git a/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff2 b/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff2 new file mode 100644 index 00000000..ad6986d6 Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-bolditalic-webfont.woff2 differ diff --git a/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff b/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff new file mode 100644 index 00000000..eaed077b Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff differ diff --git a/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff2 b/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff2 new file mode 100644 index 00000000..67c0b2f9 Binary files /dev/null and b/app/assets/stylesheets/Fonts/notosansui-regular-webfont.woff2 differ diff --git a/app/assets/stylesheets/clean.css.erb b/app/assets/stylesheets/clean.css.erb index 445a4950..a2946382 100644 --- a/app/assets/stylesheets/clean.css.erb +++ b/app/assets/stylesheets/clean.css.erb @@ -18,10 +18,26 @@ font-weight: normal; font-style: normal; } - -.backface-visible { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; +@font-face { + font-family: 'noto-sans-regular'; + src: url(<%= asset_path 'Fonts/notosansui-regular-webfont.woff2' %>) format('woff2'), + url(<%= asset_path 'Fonts/notosansui-regular-webfont.woff' %>) format('woff'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'noto-sans-bold'; + src: url(<%= asset_path 'Fonts/notosansui-bold-webfont.woff2' %>) format('woff2'), + url(<%= asset_path 'Fonts/notosansui-bold-webfont.woff' %>) format('woff'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'noto-sans-bold-italic'; + src: url(<%= asset_path 'Fonts/notosansui-bolditalic-webfont.woff2' %>) format('woff2'), + url(<%= asset_path 'Fonts/notosansui-bolditalic-webfont.woff' %>) format('woff'); + font-weight: normal; + font-style: normal; } #yield { @@ -227,119 +243,77 @@ /* end map wrapper */ -/* yield */ - -.famousYield { - overflow-y:auto; -} - /* homepage */ +body.action-home { + background: white; + font-family: 'noto-sans', sans-serif; + font-weight: 200; +} + .homeWrapper.homeText { margin-top: 5%; } -.fullWidthWrapper { - width: 100%; -} -.fullWidthWrapper.withVideo { - height: 315px; - background: #757575; -} - .homeWrapper { + color: #6D6D6D; + text-align: center; +} +@media only screen and (max-width : 800px) { + .homeWrapper { + width: 90%; + margin: 0 5%; + } +} +@media only screen and (min-width : 801px) { + .homeWrapper { width: 800px; margin: 0 auto; - color: #424242; + } } .homeTitle { font-size: 64px; - line-height: 48px; - text-align: center; + line-height: 70px; margin-bottom: 20px; + font-family: 'noto-sans-bold', sans-serif; } .homeIntro { font-size: 22px; line-height: 26px; - text-align: justify; margin: 32px 0 20px; - font-family: 'din-regular', helvetica, sans-serif; +} + +.homeIntro div { + margin: 20px 0; } .homeWrapper .green { color: #4fc059; } - -.homeWrapper .din-medium { - font-family: 'din-medium', helvetica, sans-serif; +.homeWrapper .purple { + color: #a354cd; +} +.homeWrapper .yellow { + color: #dab539; } -.homeVideo { - margin-bottom: 20px; - float: left; -} - -.homeWrapper .callToAction { - float: left; - width: 216px; - padding: 8px 0 8px 24px; - color: #F5F5F5; -} -.callToAction h3 { - font-size: 24px; -} -.callToAction p { - margin: 8px 0 16px; - font-size: 13px; - line-height: 16px; - font-family: 'din-regular', helvetica, sans-serif; - text-align: left; -} -.callToAction a, .callToAction button { +.requestInviteCTA { display: block; width: 220px; - height: 12px; + font-size: 20px; padding: 16px 0; text-align: center; - border-radius: 2px; - font-size: 12px; - box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); + border-radius: 3px; + border: 2px solid #a354cd; margin: 0 auto; - color: #FFFFFF; - box-sizing: content-box; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; -} -.callToAction .requestInviteCTA { - background-color: #4fc059; + color: #a354cd; margin-bottom: 12px; + font-family: 'noto-sans-bold', sans-serif; } -.callToAction .requestInviteCTA:hover { - background-color: #49ad4e; -} -.callToAction .exploreFeaturedCTA { - background-color: #a354cd; - margin-bottom: 12px; -} -.callToAction .exploreFeaturedCTA:hover { - background-color: #9150bc; -} -.callToAction .learnMoreCTA { - background-color: #4fb5c0; - margin-bottom: 12px; -} -.callToAction .learnMoreCTA:hover { - background-color: #419599; -} - -.fullWidthWrapper.withPartners { - background: url(<%= asset_path('homepage_bg_fade.png') %>) no-repeat center -300px; -} -.homeWrapper.homePartners { - padding: 64px 0 280px; - height: 96px; +.requestInviteCTA:hover { + } /* end home page */ diff --git a/app/assets/stylesheets/mobile.scss.erb b/app/assets/stylesheets/mobile.scss.erb index 02aefeb4..782791b9 100644 --- a/app/assets/stylesheets/mobile.scss.erb +++ b/app/assets/stylesheets/mobile.scss.erb @@ -60,19 +60,6 @@ .homeIntro { text-align: left; } - .fullWidthWrapper.withVideo { - height: auto; - } - .homeVideo { - width: 100% !important; - height: auto; - } - .fullWidthWrapper.withPartners { - display: none; - } - .learnMoreCTA { - display: none !important; - } #yield { padding-top: 50px; diff --git a/app/views/main/NotoSans-Bold.ttf b/app/views/main/NotoSans-Bold.ttf new file mode 100644 index 00000000..ab4cdeed Binary files /dev/null and b/app/views/main/NotoSans-Bold.ttf differ diff --git a/app/views/main/NotoSans-BoldItalic.ttf b/app/views/main/NotoSans-BoldItalic.ttf new file mode 100644 index 00000000..c10e146c Binary files /dev/null and b/app/views/main/NotoSans-BoldItalic.ttf differ diff --git a/app/views/main/NotoSans-Italic.ttf b/app/views/main/NotoSans-Italic.ttf new file mode 100644 index 00000000..1aa2a520 Binary files /dev/null and b/app/views/main/NotoSans-Italic.ttf differ diff --git a/app/views/main/NotoSans-Regular.ttf b/app/views/main/NotoSans-Regular.ttf new file mode 100644 index 00000000..ebd7703f Binary files /dev/null and b/app/views/main/NotoSans-Regular.ttf differ diff --git a/app/views/main/NotoSansUI-Bold.ttf b/app/views/main/NotoSansUI-Bold.ttf new file mode 100644 index 00000000..0be640a7 Binary files /dev/null and b/app/views/main/NotoSansUI-Bold.ttf differ diff --git a/app/views/main/NotoSansUI-BoldItalic.ttf b/app/views/main/NotoSansUI-BoldItalic.ttf new file mode 100644 index 00000000..213eeb22 Binary files /dev/null and b/app/views/main/NotoSansUI-BoldItalic.ttf differ diff --git a/app/views/main/NotoSansUI-Italic.ttf b/app/views/main/NotoSansUI-Italic.ttf new file mode 100644 index 00000000..c1d2e220 Binary files /dev/null and b/app/views/main/NotoSansUI-Italic.ttf differ diff --git a/app/views/main/NotoSansUI-Regular.ttf b/app/views/main/NotoSansUI-Regular.ttf new file mode 100644 index 00000000..f9c1d928 Binary files /dev/null and b/app/views/main/NotoSansUI-Regular.ttf differ diff --git a/app/views/main/home.html.erb b/app/views/main/home.html.erb index 16870f13..13c00dba 100644 --- a/app/views/main/home.html.erb +++ b/app/views/main/home.html.erb @@ -9,27 +9,15 @@ <% content_for :mobile_title, "Home" %>
-
Make Sense with Metamaps
+
Make sense, together.
- METAMAPS.CC is a free and open source platform that supports real-time sense-making, distributed collaboration, and the creative intelligence of individuals, organizations and communities. We are currently in an invite-only beta. -
-
-
-
- -
-

Who finds it useful?

-

Designers, inventors, artists, educators, strategists, consultants, facilitators, entrepreneurs, systems thinkers, changemakers, analysts, students, researchers... maybe you!

- - EXPLORE FEATURED MAPS - REQUEST INVITE +
Untangle complex conversations, expand perspectives, and gain insights + about what matter to you and your communities.
-
-
-
-
-
- <% # our partners %> +
Metamaps enables individual and collaborative sensemaking through + concept mapping, live video + text chat, and a shared knowledge graph. +
+ REQUEST INVITE