Added calendar of events

GSA · May 7, 2023 · d76032b · d76032b
1 parent 4959986
commit d76032b
Show file tree

Hide file tree

Showing 4 changed files with 153 additions and 5 deletions.
diff --git a/_assets/css/index.css b/_assets/css/index.css
diff --git a/_assets/css/index.css.map b/_assets/css/index.css.map
diff --git a/_includes/sbir.html b/_includes/sbir.html
@@ -11,6 +11,7 @@ <h1>Small Business Innovation Research (SBIR)/Small Business Technology Transfer
 
 <div class="v-buffer"></div>
 
+<!-- 'Using AAS to Award SBIR Phase III Work' -->
 <div class="flex-wrapper-big flexCols" >
     <!-- BLOCK TITLE -->
     <button id="title-5" class="dark-buttonbar" onclick="javascript:toggleBlock('o5','c5','block-5');">
@@ -56,6 +57,7 @@ <h1>Small Business Innovation Research (SBIR)/Small Business Technology Transfer
 
 <div class="v-buffer"></div>
 
+<!-- 'Resources and Legal Information' -->
 <div class="flex-wrapper-big flexCols" >
     <!-- BLOCK TITLE -->
     <button id="title-1" class="dark-buttonbar" onclick="javascript:toggleBlock('o1','c1','block-1');">
@@ -80,9 +82,9 @@ <h3>Fraud, Waste, and Abuse</h3>
     </div>
 </div>
 
-
 <div class="v-buffer"></div>
 
+<!-- 'SBIR Success Stories'-->
 <div class="flex-wrapper-big flexCols" >
     <!-- BLOCK TITLE -->
     <button id="title-2" class="dark-buttonbar" onclick="javascript:toggleBlock('o2','c2','block-2');">
@@ -215,6 +217,7 @@ <h3>Fraud, Waste, and Abuse</h3>
 
 <div class="v-buffer"></div>
 
+<!-- 'AAS SBIR Award Data'-->
 <div class="flex-wrapper-big flexCols" >
     <!-- BLOCK TITLE -->
     <button id="title-3" class="dark-buttonbar" onclick="javascript:toggleBlock('o3','c3','block-3');">
@@ -233,8 +236,38 @@ <h3>Fraud, Waste, and Abuse</h3>
 
 <br>
 
+<!-- events -->
+<div class="flex-wrapper-big">
+    <h2 style="margin-left: 10px;">Upcoming Events</h2>
+</div>
+
 <div class="flex-wrapper-big">
-    <h4 style="margin-left: 10px;">Find out more about upcoming <a href="https://aas.gsa.gov/sbirevents/">SBIR Events</a>.</h4>
+    <div class="event-card">
+        <div class="event-card-main">
+            <h3>SBIR Outreach Event:<br> How GSA is Helping to "Bridge the Valley of Death"</h3>
+            <p>Join the GSA FAS AAS Small Business Innovation Research (SBIR)/Small Business Technology Transfer (STTR) team as we provide an overview of GSA’s assisted acquisition services and how we can assist with meeting commercialization goals.</p>
+        </div>
+        <div class="event-card-side">
+            <h3>MAY</h3>
+            <h1>04</h1>
+            <div class="event-card-side-link">
+                <p><a href="https://aas.gsa.gov/sbirevents">REGISTER</a></p>
+            </div>
+        </div>
+        <div class="event-card-foot">
+            <div class="event-card-foot-link">
+                <p><a href="https://aas.gsa.gov/sbirevents">Register for May 04</a></p>
+            </div>
+ <!-- past event      
+    <p>May 04, 2023</p>
+--> 
+<!-- upcoming event
+    <div class="event-card-foot-link">
+        <p><a href="">Register for DATE HERE</a></p>
+    </div>
+-->            
+        </div>
+    </div>
 </div>
 
 <br>

diff --git a/assets/sass/index.scss b/assets/sass/index.scss
@@ -1705,7 +1705,122 @@ li.input-li{
   transition-timing-function: ease;
 }
 
-// SBIR events register
+// SBIR Events
+
+.event-card p, .event-card h1, .event-card h2, .event-card h3, .event-card h4{
+  margin: auto;
+  padding: auto;
+}
+
+.event-card{
+  min-width: 95%;
+  display:flex;
+  position: relative;
+  border: 1px solid var(--fedsim-blue1);
+  margin: 10px;
+  padding: 10px;
+}
+
+.event-card-main{
+  display: block;
+  width: 75%;
+}
+
+.event-card-main h3, .event-card-main p{
+  font-weight: 500;
+}
+
+.event-card-main h3{
+  margin-bottom: 8px;
+}
+
+.event-card-side{
+  border-left: 1px solid var(--fedsim-darkgrey);
+  display: block;
+  text-align: center;
+  width: 25%;
+}
+
+.event-card-foot{
+  border-top: 1px solid var(--fedsim-darkgrey);
+  display: block;
+  text-align: center;
+}
+
+.event-card-side h1, .event-card-side h3{
+  color: var(--fedsim-darkgrey);
+}
+
+.event-card-side h1{
+  font-size: 3em !important;
+  font-weight: 500;
+  margin-top: 8px;
+}
+
+.event-card-side-link,
+.event-card-foot-link{
+  display: block;
+  border: 1px solid var(--fedsim-blue1);
+  font-weight: 500;
+  height: 32px;
+  padding: 4px;
+  margin: 0 20px;
+  cursor: pointer;
+  position: absolute;
+  bottom: 10px;
+  width: -webkit-fill-available;
+}
+
+.event-card-foot,
+.event-card-foot-link{
+  display: none;
+}
+
+@media screen and (max-width: 414px) {
+.event-card{
+  display: block;
+}
+
+  .event-card-main {
+    width: auto;
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .event-card-side h1, 
+  .event-card-side h3 {
+    font-size: 1.4em !important;
+    color: var(--fedsim-darkgrey);
+    margin-left: 30px;
+    padding-right: 10px;
+  }
+
+  .event-card-side,
+  .event-caerd-side-link{
+    display: none;
+  }
+
+  .event-card-foot{
+    display: block;
+    text-align: left;
+    margin: 0;
+  }
+
+  .event-card-foot p{
+    font-size: 1em;
+    color: var(--fedsim-darkgrey);
+    font-weight: 600;
+  }
+
+  .event-card-foot-link{
+    display: block;
+    margin: 10px auto;
+    position: inherit;
+    text-align: center;
+  }
+
+
+ }
 
 .register-link {
   display: block;