homepage work first draft

This commit is contained in:
Connor Turland 2017-07-01 22:32:29 +00:00
parent 292d31aa1e
commit 08e03c11f6
12 changed files with 90 additions and 3 deletions

File diff suppressed because one or more lines are too long

View file

@ -251,13 +251,36 @@ body.action-home {
font-weight: 200;
}
.homeLogo {
position: fixed;
top: 10px;
left: 20px;
font-family: 'noto-sans-bold-italic', sans-serif;
font-size: 22px;
color: #6D6D6D;
}
#particles-bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.homeWrapper.homeText {
margin-top: 5%;
}
.homeWrapper {
box-sizing: border-box;
position: relative;
z-index: 1;
border-radius: 3px;
color: #6D6D6D;
text-align: center;
padding: 30px;
background: white;
opacity: 0.8;
}
@media only screen and (max-width : 800px) {
.homeWrapper {
@ -307,9 +330,8 @@ body.action-home {
text-align: center;
border-radius: 3px;
border: 2px solid #a354cd;
margin: 0 auto;
margin: 12px auto;
color: #a354cd;
margin-bottom: 12px;
font-family: 'noto-sans-bold', sans-serif;
}
.requestInviteCTA:hover {

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -8,6 +8,8 @@
<% content_for :title, "Home | Metamaps" %>
<% content_for :mobile_title, "Home" %>
<div id="yield">
<div class="homeLogo">METAMAPS</div>
<div id="particles-bg"></div>
<div class="homeWrapper homeText">
<div class="homeTitle">Make sense, together.</div>
<div class="homeIntro">
@ -22,6 +24,7 @@
</div>
</div><!-- end yield -->
<%= javascript_include_tag "particles-bg" %>
<script>
Metamaps.currentSection = ''
Metamaps.currentPage = ''

View file

@ -9,5 +9,5 @@ Rails.application.configure do
# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
config.assets.precompile += %w( application-secret.css application-secret.js webpacked/metamaps.bundle.js )
config.assets.precompile += %w( application-secret.css application-secret.js particles-bg.js webpacked/metamaps.bundle.js )
end