Merge branch 'design_vcell' into 'main'

Design_Vcell

See merge request !41

wiki/pages/design.html

@@ -39,7 +39,7 @@
         <h5>Overview</h5>
         <ul class="nav flex-column"> <!--YOU CAN ADD MORE OVERVIEW LINKS HERE, SIMPLY DUPLICATE AN UNORDERED LIST-->
           <li class="nav-item">
-            <a class="nav-link" href="#EDIT-ID">EDIT OVERVIEW TEXT</a>
+            <a class="nav-link" href="#EDIT-ID-2">EDIT SUBHEADING 2</a>
             <ul class="nav flex-column ml-3">
               <li class="nav-item">
                 <a class="nav-link" href="#EDIT-ID-1">EDIT SUBHEADING 1</a>
@@ -53,7 +53,7 @@
                 </ul>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="#EDIT-ID-2">EDIT SUBHEADING 2</a>
+                <a class="nav-link" href="#Vcell_Design">Vcell Design</a>
               </li>
             </ul>
           </li>
@@ -62,27 +62,31 @@
     </div>
 
     <div class="col-lg-9">
-
-      <div id="EDIT-ID" class="mt-4">
-        <h2>EDIT HEADER</h2>
+      <hr>
+      <div id="EDIT-ID-1">
+        <h3>EDIT SUBHEADING</h3>
         <p>EDIT TEXT</p>
-        <hr>
-        <div id="EDIT-ID-1">
-          <h3>EDIT SUBHEADING</h3>
-          <p>EDIT TEXT</p>
-        </div>
-          <div id="cool">
-              <h4>EDIT SUB SUBHEADING</h4>
-              <p>EDIT TEXT</p>
-            </div>
-            <div id="cool2">
-              <h4>EDIT SUB SUBHEADING</h4>
-              <p>EDIT TEXT</p>
+      </div>
+        <div id="cool">
+            <h4>EDIT SUB SUBHEADING</h4>
+            <p>EDIT TEXT</p>
           </div>
-        <div id="EDIT-ID-2">
-          <h3>EDIT SUBHEADING</h3>
-          <p>EDIT TEXT</p>
+          <div id="cool2">
+            <h4>EDIT SUB SUBHEADING</h4>
+            <p>EDIT TEXT</p>
         </div>
+      <div id="EDIT-ID-2">
+        <h3>EDIT SUBHEADING</h3>
+        <p>EDIT TEXT</p>
+      </div>
+
+      <div id="Vcell_Design" class="mt-4">
+        <h2>How VCell Works</h2>
+        <p>Virtual Cell, or VCell, is a software platform <span class="highlight">used to model cellular systems</span>. We are using VCell to model the four primary constructs (names listed in experiments) we researched this year to detect PFAS, <span class="highlight">as well as</span> other pathways. VCell is a valuable platform because it allows us to <span class="highlight">run simulations on the constructs</span> we built. Additionally, VCell is user-friendly and easy to learn, as most functions are self-explanatory.</p>
+        <img src="https://static.igem.wiki/teams/5114/contributions-and-design-images/vcelllogocrop-1.webp" alt="VCell Logo">
+        <h2>Why Use VCell</h2>
+        <p>Virtual Cell, or VCell, is a software platform <span class="highlight">used to model cellular systems</span>. We are using VCell to model the four primary constructs (names listed in experiments) we researched this year to detect PFAS, <span class="highlight">as well as</span> other pathways. VCell is a valuable platform because it allows us to <span class="highlight">run simulations on the constructs</span> we built. Additionally, VCell is user-friendly and easy to learn, as most functions are self-explanatory.</p>
+        <img src="https://static.igem.wiki/teams/5114/contributions-and-design-images/image-1.webp" alt="Example Biomodel on VCell pRMA_GFP Construct">
       </div>
     </div>
   </div>