Added Success Stories

GSA · Jul 8, 2022 · e87635a · e87635a
1 parent f13ed40
commit e87635a
Show file tree

Hide file tree

Showing 6 changed files with 154 additions and 29 deletions.
diff --git a/_assets/css/index.scss b/_assets/css/index.scss
@@ -355,6 +355,9 @@ hr.media-line{
   .no-mobile{
     display: none!important;
   }
+  .mobile-only{
+    display: block!important;
+  }
 }
 
 
@@ -985,6 +988,74 @@ a.external_link::after{
   }
 }
 
+//Success Stories cards
+.storyCard{
+  display: flex;
+  height: 140px;
+  margin-left: 20px;
+}
+
+.storyCardHead{
+  background-color: var(--aas-orange);
+  width: 600px;
+  height: 100px;
+  padding: 10px;
+  margin-bottom: 40px;
+}
+
+.storyCardBody{
+  width: 800px;
+  height: 80px;
+  display: flex;
+  background-color: var(--fedsim-blue1);
+  z-index: 9;
+  position: absolute;
+  margin-left: 90px;
+  margin-top: 40px;
+  padding: 12px;
+}
+
+.storyPadding{
+  padding: 0 10px !important;
+  margin-top: 10px;
+}
+
+.storyNum{
+  font-size: xx-large;
+  padding-left: 9px;
+}
+
+.storyIcon{
+  right: 0;
+  position: absolute;
+  padding-right: 40px;
+}
+
+@media screen and (max-width:414px){
+  .storyCardHead{
+    width: 300px;
+    padding: 8px;
+  }
+
+  .storyCardBody{
+    margin-left: 20px;
+    width: 300px;
+    padding: 10px;
+  }
+
+  .storyPadding{
+    margin-top: 4px;
+    max-width: 200px !important;
+  }
+
+  .storyIcon{
+    right: 0;
+    position: absolute;
+    padding-right: 8px;
+  }
+
+}
+
 
 //Numbered Block Sections
 .numberCircle {

diff --git a/_assets/images/PDF_file_icon.png b/_assets/images/PDF_file_icon.png
diff --git a/_config.yml b/_config.yml
@@ -87,6 +87,12 @@ primary_navigation:
 
   - name: SBIR/STTR
     url: /sbir/
+    children:
+      - name: SBIR/STTR
+        url: /sbir/
+      - name: Success Stories
+        url: /stories/
+
 
   - name: Our Impact
     url: /impact/

diff --git a/_includes/sbir.html b/_includes/sbir.html
@@ -40,20 +40,6 @@ <h4>SBIR/STTR News and Updates</h4>
     </div>
 
 </div>
-
-
-<div class="flex-wrapper-big">
-    <div class="infoblock">
-            <a href="../22-00685_SS_22 AAS_SCORE_Tool_Slipsheet_508C.pdf"
-            target="_new"><p>{% asset SBIR_SuccessStory_1.png alt="SBIR/STTR Success Story 1" %} </p></a>
-    </div>
-
-     <div class="infoblock">
-            <a href="../21-01166_SS_AAS SBIR STTR Success Story Slipsheet_508C.pdf"
-         target="_new"><p>{% asset SBIR_SuccessStory_2.png alt="SBIR/STTR Success Story 2" %} </p></a>
-    </div>  
-</div>
-
 
 <div class="flex-wrapper-big">
     <div class="infoblock">
@@ -95,18 +81,3 @@ <h4 class="whitetext">Industry Partners</h4>
         </p>
     </div>
 </div>
-
-<div class="flex-wrapper-big">
-    <div class="infoblock">
-        <h4>SBIR/STTR Summary of Awards Through FY21</h4>
-    </div>
-</div>
-
-<div class="flex-wrapper-big">
-    <div class="infoblock one-half">
-            <p>{% asset SBIR_STTR_table1.jpg alt="SBIR/STTR Table 1" %} </p>
-    </div>
-    <div class="infoblock one-half">
-        <p>{% asset SBIR_STTR_table2.jpg alt="SBIR/STTR Table 2" %} </p>
-</div>
-</div>
diff --git a/_includes/stories.html b/_includes/stories.html
@@ -0,0 +1,66 @@
+<div class="flex-wrapper-big">
+    <div class="infoblock">
+        <h1>SBIR/STTR Success Stories</h1>
+        <br>
+    </div>
+</div>
+
+<div class="flex-wrapper-big">
+
+    <div class="storyCard">
+            <div class="storyCardHead">
+                <div class="no-mobile"><p class="whitetext storyPadding">STORY
+                    <br><span class="storyNum">01</span>
+                </p></div>
+                <div class="mobile-only"><p class="whitetext storyPadding">STORY 01</p></div>
+            </div>
+            <div class="storyCardBody">
+                <div>
+                    <a href="../22-00685_SS_22 AAS_SCORE_Tool_Slipsheet_508C.pdf"
+                    target="_new"><p class="whitetext storyPadding">US Navy & SCORE Tool</p></a>
+                </div>
+                <div class="storyIcon">
+                    <a href="../22-00685_SS_22 AAS_SCORE_Tool_Slipsheet_508C.pdf"
+                    target="_new">{% asset PDF_file_icon.png alt="US Navy & SCORE Tool PDF" %}</a>
+                </div>
+            </div>
+    </div>
+
+</div>
+<div class="flex-wrapper-big">
+
+    <div class="storyCard">
+        <div class="storyCardHead">
+            <div class="no-mobile"><p class="whitetext storyPadding">STORY
+                <br><span class="storyNum">02</span>
+            </p></div>
+            <div class="mobile-only"><p class="whitetext storyPadding">STORY 02</p></div>      
+        </div>
+        <div class="storyCardBody">
+            <div>
+                <a href="../21-01166_SS_AAS SBIR STTR Success Story Slipsheet_508C.pdf"
+                target="_new"><p class="whitetext storyPadding">US Navy Cold Spray Cells for Ship Repair</p></a>
+            </div>
+            <div class="storyIcon">
+                <a href="../21-01166_SS_AAS SBIR STTR Success Story Slipsheet_508C.pdf"
+                target="_new">{% asset PDF_file_icon.png alt="US Navy Cold Spray Cells PDF" %}</a>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<div class="flex-wrapper-big">
+    <div class="infoblock">
+        <h4>SBIR/STTR Summary of Awards Through FY21</h4>
+    </div>
+</div>
+
+<div class="flex-wrapper-big">
+    <div class="infoblock one-half">
+            <p>{% asset SBIR_STTR_table1.jpg alt="SBIR/STTR Table 1" %} </p>
+    </div>
+    <div class="infoblock one-half">
+        <p>{% asset SBIR_STTR_table2.jpg alt="SBIR/STTR Table 2" %} </p>
+</div>
+</div>
diff --git a/_pages/stories.md b/_pages/stories.md
@@ -0,0 +1,11 @@
+---
+title: SBIR/STTR Success Stories
+layout: wide
+sidenav: false
+---
+
+{% include stories.html %}
+
+
+
+