homepage work first draft

app/assets/stylesheets/clean.css.erb

@@ -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 {

app/views/main/home.html.erb

@@ -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 = ''

config/initializers/assets.rb

@@ -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