Add text About us and it's (not) for you

Author: emcoding

app/views/pages/home.html.erb

@@ -14,7 +14,7 @@
       How your Ruby knowledge helps you to mastering ES6
     </li>
     <li>
-      How to use tools like sandboxing, dev tools and make it work in Rails
+      How to use JavaScript specific tools and apply them to Rails
     </li>
 
   </ul>
@@ -30,9 +30,10 @@
 <% end %>
 <% content_for :bonus do %>
   <ul>
-    <li>The 10 Conventions for writing Clean JavaScript Code</li>
+    <li>The 10 Conventions for writing Clean JavaScript Code, hand picked for Rails developers</li>
     <li>Cheatsheet ES6 for Ruby/Rails developers</li>
     <li>Checklist for importing JavaScript libraries in webpacker</li>
+    <li>Javascript Code Sandbox Template for Rails work </li>
   </ul>
 <% end %>
 <% content_for :amsrb do %>
@@ -46,6 +47,35 @@
   If you can't afford to spent money, please please join us anyway.
 <% end %>
 
+<% content_for :foryou do %>
+  <div class="card-title">This course is for you if:</div>
+  <div class="card-text">
+  <ul>
+    <li>
+      You seek to be more confident about working with JavaScript code in your Rails app
+    </li>
+    <li>
+      You are more comfortable in Rails than in JavaScript
+    </li>
+    <li>
+    </li>
+  </ul>
+  </div>
+<% end %>
+
+<% content_for :notforyou do %>
+  This course is not for you if:
+  <ul>
+    <li>
+      You know exactly what you're doing and why re: JavaScript in your Rails app
+    </li>
+    <li>
+      You are looking for the next course: how to refactor JavaScript files into independent components (this will be a follow up course)
+    </li>
+    <li> </li>
+  </ul>
+<% end %>
+
 <section class="triangle">
   <div>
     <div class="hero-txt">
@@ -62,7 +92,7 @@
 
 <section class="text-container">
   <div class="cards">
-    <div class="card">
+    <div class="card" id="course-content">
 
       <div class="card-header">
 <!--        <div><%#= image_tag("learn-icon", size: 32, alt: "icon") %></div>-->
@@ -72,25 +102,25 @@
         <%= yield :learn %>
       </div>
     </div>
-    <div class="card">
+    <div class="card" id="goals">
       <div class="card-title course-appetite">What it means for your Rails app</div>
       <div class="card-text">
         <%= yield :harvest %>
       </div>
     </div>
-    <div class="card">
+    <div class="card" id="bonus">
       <div class="card-title course-appetite">Bonus Content</div>
       <div class="card-text">
         <%= yield :bonus %>
       </div>
     </div>
-    <div class="card">
+    <div class="card" id="amsrb">
       <div class="card-title course-around">Ams ruby workshop</div>
       <div class="card-text">
         <%= yield :amsrb %>
         </div>
     </div>
-    <div class="card">
+    <div class="card" id="pricing">
       <div class="card-title course-around">Corona Pricing</div>
       <div class="card-text">
         <%= yield :pricing %>
@@ -101,6 +131,39 @@
       <div style="color: orange">enroll now
       </div>
     </div>
+    <div class="card">
+      <div>
+        <%= yield :foryou %>
+      </div>
+    </div>
+    <div class="card">
+      <div>
+        <%= yield :notforyou %>
+      </div>
+    </div>
+    <div class="card">
+      <div>
+        <%= yield :courseparts %>
+      </div>
+    </div>
+  </div> <!--end cards grid-->
+</section>
+
+<section>
+    <div id="aboutus">
+
+      <div class="card-text">
+        Maud about DJ: "I always wondered why DJ loved JavaScript so much. I know he loved Ruby, and I didn't understand how one can love Ruby and JavaScript at the same time.
+        When I showed him a piece of my JavaScript in Rails code, and I started refactoring according to his opinions, I finally started to see
+        what JavaScript <em>could</em> be - but almost never is. I admire his ability to play with the differences between the languages. And it's good fun to work with him."
+        DJ about Maud:
+      </div>
+    </div> <!--end cards grid-->
+</section>
+
+<section>
+  <div class="cards">
+    <div class="card" id="aboutus">Nice blablabla about us</div>
   </div>
 </section>