From 6fd735ed29ae7e1add3303baad193a64eb07fd41 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 22 Jun 2022 11:23:30 -0400
Subject: [PATCH] Acc. defaults to collapsed, previews first lines, moved
 repeating copy

---
 src/layouts/page/careers.html | 38 ++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/layouts/page/careers.html b/src/layouts/page/careers.html
index a1ad373..9a44cd1 100644
--- a/src/layouts/page/careers.html
+++ b/src/layouts/page/careers.html
@@ -10,28 +10,26 @@
     </div>
 
     <div class="col-lg-6 col-md-6 col-sm-12 col-12">
+      <h3 class="mb-4">Current job openings</h3>
+      <p class="mb-4">The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.</p>
       <div class="accordion" id="accordionExample">
         <div class="accordion-item">
           <p class="accordion-header" id="headingOne">
-            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
               Senior Blockchain Developer
             </button>
           </p>
-          <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
             <div class="accordion-body">
-              <p>The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.<br><br>
+              <div> Reporting to the Blockchain Architect, the Blockchain Developer will be responsible for the design, implementation, and distribution of a secure blockchain infrastructure that meets the network’s needs and goals.<br></div>
+              <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"><br>
+              This is a full-time remote position.<br><br>
 
-              Reporting to the Blockchain Architect, the Blockchain Developer will be responsible for the design, implementation, and distribution of a secure blockchain infrastructure that meets the network’s needs and goals.<br><br>
-
-              This is a full-time remote position.</p><br>
-
-              <a class="btn btn-primary auth-btn mb-3" href="https://tea.bamboohr.com/jobs/view.php?id=24"
+              <a class="btn btn-primary auth-btn mb-3 mt-3" href="https://tea.bamboohr.com/jobs/view.php?id=24"
                 role="button">Apply on BambooHR</a>
 
-              <p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p>
+              <p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>
 
             </div>
-          </div>
         </div>
         <div class="accordion-item">
           <p class="accordion-header" id="headingTwo">
@@ -39,32 +37,36 @@
               Blockchain Architect
             </button>
           </p>
-          <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
             <div class="accordion-body">
-              <p>The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.<br><br>
-
-              Reporting to the Chief Product Officer, the Blockchain Architect will be responsible to effectively and efficiently utilize technology to meet the network’s needs and goals, including:<br>
-
+              Reporting to the Chief Product Officer, the Blockchain Architect will be responsible to effectively and efficiently utilize technology to meet the network’s needs and goals, including:
+              <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
+              <br>
               <ul>
               <li>Select and/or build all components of the blockchain technology stack.</li>
               <li>Ensure scalable connectivity of on-chain and off-chain software solutions.</li>
               <li>Support the launch and growth of the developer community through various initiatives including public engagement and documentation publishing.</li>
               </ul>
 
-              This is a full-time remote position.</p><br>
+              <p>This is a full-time remote position.</p><br>
 
               <a class="btn btn-primary auth-btn mb-3" href="https://tea.bamboohr.com/jobs/view.php?id=23"
                 role="button">Apply on BambooHR</a>
 
-              <p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p>
+              <p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>
             </div>
-          </div>
         </div>
       </div>
     </div>
   </div>
 </div>
 
+<style>
+  .accordion-item:last-of-type .accordion-button.collapsed {
+      border-bottom-right-radius: 0px;
+      border-bottom-left-radius: 0px;
+  }
+</style>
+
 <!-- Why Work at tea -->
 <div class="row" style="background-color:#23282C;">
   <div class="container mb-5 mt-5">