Restored Success Stories

GSA · Sep 1, 2022 · 53f146c · 53f146c
1 parent 74a2b60
commit 53f146c
Show file tree

Hide file tree

Showing 5 changed files with 95 additions and 26 deletions.
diff --git a/22-00840_SS_22 AAS SBIR STTR Success Story Slipsheet_508C.pdf b/22-00840_SS_22 AAS SBIR STTR Success Story Slipsheet_508C.pdf
diff --git a/_assets/css/index.scss b/_assets/css/index.scss
@@ -985,6 +985,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: 240px !important;
+  }
+
+  .storyIcon{
+    right: 0;
+    position: absolute;
+    padding-right: 8px;
+  }
+
+}
+
 
 //Numbered Block Sections
 .numberCircle {

diff --git a/_config.yml b/_config.yml
@@ -87,6 +87,11 @@ 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,17 +40,6 @@ <h4>SBIR/STTR News and Updates</h4>
     </div>
 
 </div>
-
-
-<div class="flex-wrapper-big">
-
-    <div class="infoblock">
-            <a href="../21-01166_SS_AAS SBIR STTR Success Story Slipsheet_508C.pdf"
-            target="_new"><p>{% asset SBIR_SuccessStories.png alt="SBIR/STTR Success Stories" %} </p></a>
-    </div>
-
-</div>
-
 
 <div class="flex-wrapper-big">
     <div class="infoblock">
@@ -92,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
@@ -93,6 +93,28 @@ <h1>SBIR/STTR Success Stories</h1>
     </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">05</span>
+            </p></div>
+            <div class="mobile-only"><p class="whitetext storyPadding">STORY 05</p></div>      
+        </div>
+        <div class="storyCardBody">
+            <div>
+                <a href="../22-00840_SS_22 AAS SBIR STTR Success Story Slipsheet_508C.pdf"
+                target="_new"><p class="whitetext storyPadding">U.S. Air Force's Project Improves <br>Access to Child Development Centers</p></a>
+            </div>
+            <div class="storyIcon">
+                <a href="../22-00840_SS_22 AAS SBIR STTR Success Story Slipsheet_508C.pdf"
+                target="_new">{% asset PDF_file_icon.png alt="Kinderspot PDF" %}</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 <div class="flex-wrapper-big">
     <div class="infoblock">
         <h4>SBIR/STTR Summary of Awards Through FY21</h4>