Merge pull request #724 from jessmc/engage-jessica

Merged #724
ospc-org · Nov 2, 2017 · ae45b3e · ae45b3e
2 parents 93b0970 + c61ccc2
commit ae45b3e
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 9 deletions.
diff --git a/static/css/site.css b/static/css/site.css
diff --git a/static/less/pages/docs.less b/static/less/pages/docs.less
@@ -25,4 +25,7 @@
         margin: 20px 0 20px 0;
         text-transform: none;
     }
+    .docs-video {
+        margin-bottom: 20px;
+    }
 }
diff --git a/staticfiles/css/site.css b/staticfiles/css/site.css
diff --git a/staticfiles/less/pages/docs.less b/staticfiles/less/pages/docs.less
@@ -1,8 +1,31 @@
-// Docs Page
-
 .docs-links {
-    background-color: white;
-    border-left: 2px solid #eff4f4;
+    border-right: 2px solid #eff4f4;
+}
+
+.docs-header {
+    font-size: 32px;
+    font-family: 'MuseoSansRounded-700', Arial, sans-serif;
+}
+
+.docs-section {
+    border-bottom: 2px solid #eff4f4;
     margin-bottom: 50px;
-    min-width: 830px;
+    h1 {
+        font-family: 'MuseoSansRounded-700', Arial, sans-serif;
+        border-bottom: 2px solid #eff4f4;
+        color: #00968b;
+        font-size: 32px;
+        margin: 0 0 10px 0;
+        padding-bottom: 20px;
+    }
+    h2 {
+        font-family: 'MuseoSansRounded-700', Arial, sans-serif;
+        font-size: 21px;
+        letter-spacing: 0;
+        margin: 20px 0 20px 0;
+        text-transform: none;
+    }
+    .docs-video {
+        margin-bottom: 20px;
+    }
 }
diff --git a/templates/pages/gettingstarted.html b/templates/pages/gettingstarted.html
@@ -21,10 +21,13 @@ <h1 class="docs-header">Getting Started</h1>
   <div class="col-xs-9">
     <div id="TaxBrain" class="docs-section">
       <h1>TaxBrain</h1>
-      <div class="embed-responsive embed-responsive-16by9">
+      <div class="embed-responsive embed-responsive-16by9 docs-video">
         <iframe class="embed-responsive-item" width="420" height="315" src="https://www.youtube.com/embed/b6udoQb3aNo" frameborder="0" allowfullscreen></iframe>
       </div>
-
+      <h1>Cost of Capital Calculator</h1>
+      <div class="embed-responsive embed-responsive-16by9 docs-video">
+        <iframe class="embed-responsive-item" width="420" height="315" src="https://www.youtube.com/embed/1AZha9b9bcM" frameborder="0" gesture="media" allowfullscreen></iframe>
+      </div>
     </div>
     <div id="Disclaimer" class="docs-section">
     <h1>Disclaimer</h1>