Difference between revisions of "Team:IISER-Tirupati India/Website"

 
(11 intermediate revisions by 4 users not shown)
Line 10: Line 10:
  
  
     <div class="wrapper">
+
     <div class="wrapper" style="background-color: #FDF8D7;">
 
         <header>
 
         <header>
 
             <section class="container-fluid" style="background-color: #8D1063;">
 
             <section class="container-fluid" style="background-color: #8D1063;">
                <img class="img img-fluid" src="./assets/ihp-01.svg" style="width: 100%;">
+
                                <img class="img img-fluid" src="https://static.igem.org/mediawiki/2021/d/d9/T--IISER-Tirupati_India--WEBSITE-01.svg" style="width: 100%;">
                 <div class=" row  justify-content-center down-arrow" style="width: 100% !important;">SCROLL
+
 
                    <svg  width="16" height="16" fill="currentColor" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
+
                 <div class=" row  justify-content-center d-none d-lg-flex" style="width: 100% !important;">       
                    <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+
                    <div class="down-arrow" style="color: hsl(320, 80%, 31%);"><strong>SCROLL</strong>
                    <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+
                        <svg  width="16" height="16" fill="#8D1063" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
                    </svg>  
+
                        <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
 +
                        <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
 +
                        </svg>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </section>
 
             </section>
Line 44: Line 47:
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Blueprint">BLUEPRINT</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Blueprint">BLUEPRINT</a></li>
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING SUCCESS</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING SUCCESS &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Implementation">IMPLEMENTATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Implementation">IMPLEMENTATION</a></li>
Line 55: Line 58:
 
                             </a>
 
                             </a>
 
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
 
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/ProofOfConcept">PROOF OF CONCEPT</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Proof_Of_Concept">PROOF OF CONCEPT &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a></li>
Line 82: Line 85:
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSIVITY</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSIVITY</a></li>
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT &nbsp; &nbsp;</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 89: Line 92:
 
                             TEAM
 
                             TEAM
 
                             </a>
 
                             </a>
                             <ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
+
                             <ul class="dropdown-menu dropdown-menu-end fade-down" aria-labelledby="navbarDropdown">
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Team">MEMBERS</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Team">MEMBERS</a></li>
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Attributions">ATTRIBUTION</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Attributions">ATTRIBUTIONS</a></li>
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Collaborations">COLLABORATIONS</a></li>
+
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Collaborations">COLLABORATIONS &nbsp; &nbsp;</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Partnership">PARTNERSHIP</a></li>
 
                                 <li><a class="dropdown-item" href="https://2021.igem.org/Team:IISER-Tirupati_India/Partnership">PARTNERSHIP</a></li>
 
                             </ul>
 
                             </ul>
 +
                        </li>
 +
                        <li class="nav-item dropdown">
 +
                            <a class="nav-link active" href="https://2021.igem.org/Team:IISER-Tirupati_India/Awards"  role="button">
 +
                          AWARDS
 +
                            </a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
Line 101: Line 109:
 
         </nav>
 
         </nav>
  
        <main>
+
 
 +
                <main>
 
             <div class="container">
 
             <div class="container">
                 <div class="row mt-5 justify-content-end">
+
                 <p class="mt-5">Wiki is the least important part of the project or as some might think. Wiki is the most important part of the project because it helps in communicating your work to future teams and in fact the whole STEM community. But why do we deem it as the least important? Because, almost everyone ignores it till the clock goes tick tock. The importance of building a website to convey the soul of the project is often overlooked.</p>
                    <div class="col-md-8">
+
                        <h2>Introduction</h2>
+
                        <p>Natural systems are highly complex to understand as well as to experiment with. To make predictions of the outcomes,
+
                            we use the available information and the knowledge of physics, mathematics, chemistry, and computer science to build a theoretical model. This page deals with the models built on the different aspects of our project namely :</p>
+
                            <ol>
+
                                <li>GMO delivery</li>
+
                                <li>GMO growth and colonisation</li>
+
                                <li>Protease production</li>
+
                                <li>Diffusion and ovum Hardening</li>
+
                                <li>Kill switch for reversibility</li>
+
                                <li>Kill switch for Biosafety</li>
+
                                </ol>
+
                            <h2>Delivery & Colonisation</h2><br>
+
                            <h3>INTRODUCTION: THE JOURNEY OF GMO BEGINS</h3><br>
+
                            <h4>PART A: Delivery</h4><br>
+
                            <h5>OVERVIEW</h5>
+
                            <p>Delivery is an essential part of our project as it determines the audience we reach. We tried to develop multiple
+
                                ways to deliver GMO in a user-friendly way with minimum invasion. Minimum invasion means it should not colonize
+
                                the whole reproductive tract or reach the ovaries. The device should ensure bacterial colonization in the ampulla
+
                                of the fallopian tube.
+
                                One of the constraints that we faced is the high viscosity of the oviductal fluid.</p><P>
+
                                After calculating the time taken for delivery in each method, talking to a couple of IVF experts, and getting their
+
                                inputs into it,we thought hysteroscopic techniques would be the best for our purpose. This method gives us an advantage
+
                                by delivering the bacteria directly into the ampulla region.</p>
+
                            <h5>DEVICE DESIGNING (How to deliver?)</h5>
+
                            <p>GMO will be delivered directly to the ampulla by a process called Hysteroscopy. It’s done with medical assistance and requires
+
                                constant X-Ray monitoring to ensure the catheter is inserted without any issues. The reason is that the Ostia and the Fallopian
+
                                tube are dynamic structures and that there is no chemical or significant physical difference between the ampulla and the other
+
                                components of the Fallopian tube.</p>
+
                               
+
                            <p>A solution of GMO of a specific concentration is prepared. Then the catheter is inserted under medical guidance up to the ampulla.
+
                                Then an injector is projected with narrow long incisions on both sides of it, which ensures that the GMO forms a ring along the
+
                                circumference of the tube. Ovum is now
+
                                360° surrounded by the GMO. </p>
+
                               
+
                            <p>The GMO Lactobacillus Acidophilus has pili which expectantly forms hydrogen bonds at the tube circumference with mucin found in mucus.
+
                                The GMO is now adhered to the walls and multiplies once it adjusts to the introduced environment (lag phase) </p>
+
                            <h5>FUTURE ASPECTS:</h5>
+
                            <p>Since we aim to reach a larger population, the hysteroscopic technique, we believe, is too expensive.
+
                                We also considered using hydrogels for the delivery of bacteria at a pH-specific region.</p><P>
+
                                Why is this system compatible with the delivery of bacteria in the ampulla of the Fallopian tube region?</P><P>
+
                                We found out that the pH in the oviductal Ampulla region is close to 8.0.
+
                                That’s why we considered using hydrogels for bacterial delivery, which swells up at a pH range of 7.8 to 8.0. </P><P>
+
                               
+
                                Amongst the stimuli-responsive hydrogels, pH-sensitive hydrogels are the most studied hydrogels. The rate at
+
                                which hydrogels respond depends upon their size, shape, cross-linking density, number of ionic groups, and composition,
+
                                which can be tailored by varying these factors. The response rate increases with increasing pore size and number of ionic
+
                                groups and decreasing their size and cross-linking density.</P><P>
+
                               
+
                                For a delivery in a basic medium, we planned to use anionic hydrogels, such as carboxymethyl chitosan, which swell at higher
+
                                pH (basic medium) due to ionization of the acidic groups. As a result, the ionized negatively charged pendant groups on the
+
                                polymer chains cause repulsion leading to swelling. This property of hydrogels can be exploited for GMO delivery at pH 7.4
+
                                in the ampulla of the fallopian tube. </p>
+
                            <h5>CELL ENCAPSULATION (What to deliver?)</h5>
+
                            <p>Our goal is to design a live-bacteria entrapment system. More than just encapsulating bacteria, we want to entirely prevent
+
                                their escape from the bead body into the surroundings.</p>
+
                            <p>The Oviductal Fluid is slightly alkaline (ph 7.4 to 7.7), so we need our encapsulating membrane to dissolve away at this pH.
+
                                Potential candidates for hydrogel materials include chitosan, guar gum, and xanthan. Chitosan forms Hydrogen bonds with the
+
                                mucin protein in the mucus allowing for the anchoring at the walls and preventing the hydrogels from getting washed away.</p>
+
                               
+
                               
+
                               
+
                            <h4>PART B: Colonization</h4><br>
+
                            <h5>OVERVIEW (why is it necessary to study growth and colonization)</h5>
+
                            <p>In biosynthesis, growth kinetics is a crucial study to be conducted. The growth of a cell comprises both the size and the number.
+
                                These growths are affected by external factors such as temperature, the chemical composition of the growth nutrient, etc., and by
+
                                different physiological factors such as growth factor proteins[1][2]. The cells in a particular environment extract the nutrients
+
                                from the growth media and produce biomolecules, which humans utilize for different purposes. This phenomenon has applications, from
+
                                producing delicious Italian wine to getting antibiotics which saves millions of lives every year. We will be using this simple
+
                                formula to reach the goals of our project. To have a qualitative understanding of the protein production by the Genetically Modified
+
                                anism(GMO), we need to have a theoretical approach. We need to understand how we can calculate the growth of GMOs [3]. This, in turn,
+
                                will help us figure out protein production. This detailed study of growth kinetics will help us calculate the initial inoculation
+
                                required for the production of a protein that we need.</p>
+
                            <p>For a better understanding, we will be considering two cases. The first comprises the study of the growth of Bacillus Subtilis in
+
                                normal petri dish conditions. This is the known environment and we can have this condition easily in computer simulation and/or lab
+
                                and reconfirm our model. The second case of study is the continuous culture model where we study the growth of Lactobacillus
+
                                Acidophilus in the fallopian tube, which is our target region.  </p>
+
                           
+
                           
+
                            <h6>GROWTH MODELS</h6><br>
+
                            <p>PETRI DISH MODEL (Bacillus Subtilis, curve fitting)</p><br>
+
                            <p>CONTINUOUS CULTURE MODEL (lactobacillus acidophilus + fallopian tube environment)</p><br>
+
                            <h5>INOCULUM CALCULATIONS (connection with 2nd module)</h5><br>
+
                            <h2>Protease production</h2><br>
+
                            <h3>OVERVIEW ( overall picture) </h3>
+
                            <p>Well known for extracellular protease production[1], Bacillus subtilis is our model organism for the proof of concept experiments. Moreover,
+
                                it is a gram-positive bacteria which even if not too close but is closer than e coli (gram-negative) to our proposed bacteria lactobacillus
+
                                Acidophilus. This module deals with the whole mechanism of action ideally the GMO must follow for contraception to be attained. To know how
+
                            this module developed to what it is, please refer to the engineering success (hyperlink).</p>
+
                            <p>Let's create the flow, you must know by now that we plan to produce the protease known as ovastacin,
+
                                an indigenous protease[2] to the human ovum. It is known to cause Zona pellucida hardening naturally
+
                                used by the ovum to prevent polyspermy[3]. To see the mechanism of zona pellucida hardening click here
+
                                (goes to project overview where it is explained).</p>
+
                           
+
                           
+
                            <h5> 1] Total amount of ovastacin required: </h5>
+
                           
+
                            <p>[We assume one active ovastacin cleaves one ZP2 glycoprotein present in the Zona pellucida matrix. To get the number of molecules of ovastacin needed, we calculated the number of ZP2 glycoproteins present on the surface of the ovum. For this, we reached out to studies that looked at the thickness of the ovum with and without the zona pellucida layer to find its overall thickness and the radius of the ovum[4]. </p>
+
                            <br>
+
                            <h6>Constants and calculations:</h6><br>
+
                            <div class="table-responsive-md">
+
                                <table class="table">
+
                                    <thead>
+
                                        <tr>
+
                                          <th>Parameter (need alternative) </th>
+
                                          <th>Value</th>
+
                                          <th>References</th>
+
                                        </tr>
+
                                    </thead>
+
                                    <tbody>
+
                                        <tr>
+
                                          <td>Zona pellucida thickness</td>
+
                                          <td>18.9 μm</td>
+
                                          <td>Does zona pellucida thickness influence the fertilization rate? E. Bertrand1 , M.Van Den Bergh and Y.Englert</td>
+
                                        </tr>
+
                                        <tr>
+
                                          <td>Oocyte diameter</td>
+
                                          <td>123.5 μm</td>
+
                                          <td>Does zona pellucida thickness influence the fertilization rate? E. Bertrand1 , M.Van Den Bergh and Y.Englert</td>
+
                                        </tr>
+
                                        <tr>
+
                                          <td>Size of ZP2</td>
+
                                          <td>90–110 kDa</td>
+
                                          <td>Characterization of human zona pellucida glycoproteins A R Bauskin 1, D R Franken, U Eberspaecher, P Donner DOI: 10.1093/molehr/5.6.534</td>
+
                                        </tr>
+
                                        <tr>
+
                                          <td>Diameter of ZP2r</td>
+
                                          <td>0.0092 μm</td>
+
                                          <td>Zetasizer Nano Sensitivity Calculator (Classic)</td>
+
                                        </tr>
+
                                    </tbody>
+
                                </table>
+
                            </div>                           
+
                            <p>Assuming cuboid with all spheres of size same as ZP2 to
+
                            get volume of one unit = 3.1 e-6 μm3 </p>
+
                            <p>Volume occupied by whole ZP matrix = 12.4 e5 μm3 </p>
+
                            <p>Calculated the number of ZP2 glycoproteins present in the ZP matrix = 3.92 x 1011 molecules</p>
+
                            <p>Assuming 1 ovastacin cleaves 1 ZP2</p>
+
                            <p>No. of ovastacin = No. of ZP2 = 12.4 e5 / 3.1 e-6 = 3.92 x 1011  molecules ]</p>
+
                            <p>In order to cause complete hardening __ number of molecules are required to reach the ovum. The next question that arises is how much is produced and how much of produced ovastacin will reach the ovum. So we have two major things left to look at: </p>
+
                            <h5>2] Production and transport of ovastacin by GMO</h5> 
+
                            <p>The production of ovastacin is required for three days pre and post ovulation, please go to “Genetic Circuits” to learn details regarding the genetic circuit. </p> 
+
                            <h4>GENETIC CIRCUIT</h4>
+
                            <p>Progesterone repressible system</p>
+
                            <h4>JOURNEY OF OVASTACIN</h4>
+
                            <p>From the papers, we know that the ovum is propelled by the ciliary motion away from the uterus and that means the ovum is in contact with the wall. Thesize ampulla region of the Fallopian tube (2.5 mm ≤ radius ≤ 5 mm ) is much larger than the radius of the ovum (61.7μm) A molecule under the influence of Brownian motion move according to the equation</p>
+
                            <ul>
+
                                <li>< r <sup>2</sup> >= 4Dt (for 2-D)</li>
+
                                <li>< r <sup>2</sup> >= 6Dt (for 3-D)</li>
+
                                <p>Where,</p>
+
                                <li>< r <sup>2</sup>  > → mean squared (radial) distance travelled by the molecule</li>
+
                                <p>using,</p>
+
                                <ol>
+
                                    <li>k<sub>B</sub> = 1.38064852 ×10<sup>23</sup>  m<sup>2</sup> kg<sup>-2</sup> s<sup>-1</sup> K  [Boltzmann constant]</li>
+
                                    <li>η = 0.799 Pa·s [Viscosity of Oviductal Fluid]</li>
+
                                    <li>T = 35.5 + 273.15 = 308.65 K [Temperature of Oviduct]</li>
+
                                    <li>r = 22kDa = 2.43 nm [Radius of ovastacin molecule]</li>
+
                                    <li>a = 61.7 μm [Radius of the ovum]</li>
+
                                    <li>s = 5 mm [Radius of the ampulla region of the oviduct]</li>
+
                                    <li>N<sub>0</sub> = 3.92 ×10<sup>11</sup>  molecules = 0.000650946529392 nanomoles [Number of ovastacin to react with all ZP2]</li>
+
                                    <p>
+
                                        For, Ovastacin D=1.1644194699 ×10<sup>-13</sup>  m<sup>2</sup> s<sup>-1</sup>
+
                                        </p>
+
                                </ol>
+
                                <li>t → Time elapsed</li>
+
               
+
                            </ul>
+
                    </div>
+
                </div>
+
                <div class="card d-none d-md-block" style="max-width: 18rem;width: 25%; border: none !important;" id="index">
+
                    <div class="card-body">
+
                      <h5 class="card-title">INDEX</h5>
+
                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+
                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+
                      <a href="#" class="card-link">Card link</a>
+
                      <a href="#" class="card-link">Another link</a>
+
                      <ul>
+
                          <li><a href="#waste1">waste 1</a></li>
+
                          <li><a href="#waste2">waste 2</a></li>
+
                          <li><a href="#waste3">waste 3</a></li>
+
                          <li><a href="#waste4">waste 4</a></li>
+
                          <li><a href="#waste1">waste 1</a></li>
+
                          <li><a href="#waste2">waste 2</a></li>
+
                          <li><a href="#waste3">waste 3</a></li>
+
                          <li><a href="#waste4">waste 4</a></li>
+
                          <li><a href="#waste1">waste 1</a></li>
+
                          <li><a href="#waste2">waste 2</a></li>
+
                          <li><a href="#waste3">waste 3</a></li>
+
                          <li><a href="#waste4">waste 4</a></li>
+
                      </ul>
+
                    </div>
+
                  </div>
+
            </div>
+
        </main>
+
  
 +
                <p>After many hurdles, we tried to make our wiki functional, responsive, and compatible across all devices and browsers. The appreciation of our team members after desired results were achieved was worth everything. We tried to make this wiki user-friendly and accessible to all. While creating this wiki, we kept <strong>Search Engine Optimization</strong>(SEO) in mind as well. And if it isn't performing well in any browser, we would love to brainstorm ideas to get things better.</p>
  
 +
                <p>Wiki has nothing to do with Wikipedia (as some might think) and it&rsquo;s more about creating a website dedicated to your whole project which presents the hard work of our entire team. The responsibility to relay and represent the entire idea of our project in a website was bestowed upon the shoulders of people who have declared coffee as their regular diet. The sinking of the responsibility into our psyche and then working over the website helped us bonding with team members who are dedicated in doing polar opposite types of work during the project. This, we believe, couldn&rsquo;t have been possible with the optimum setup of iGEM. For that we are really thankful to the entire organisation of iGEM who gave us the opportunity to explore the &ldquo;unknown unknown&rdquo; , both in life and science.</p>
  
 +
                <p>We want to thank the following people and community for making our life easier:</p>
  
 +
                <ul>
 +
                <li>Linus Torvalds for creating <strong>Linux</strong> (The largest open-source project).</li>
 +
                <li>Mark Otto, Jacob Thornton for writing <strong>Bootstrap</strong> in the first place and the open-source community managing it now.</li>
 +
                <li><strong>Stackoverflow</strong>, every time we got stuck with bugs, you had our back.</li>
 +
                <li><strong>VS Code</strong>, the best code editor we have used so far.</li>
 +
                <li>And many other sites like w3schools, codepen.</li>
 +
                </ul>
 +
<br>
 +
                <p>The backbone of our Wiki team is <a target="_blank" href="mailto:ankushkaushik@students.iisertirupati.ac.in">ANKUSH KAUSHIK</a>. We couldn&rsquo;t have done it without his skills and bad temper when the deadlines were not met. <a target="_blank" href="mailto:shivamkumar@students.iisertirupati.ac.in">Shivam Kumar </a> and <a target="_blank" href="mailto:mdadil@students.iisertirupati.ac.in" style="color:blue;">Md Adil Aman</a> were the next in the command line acting as Ankush&rsquo;s minions. Due to the new iGEM template, we were afraid to put mathematical equations on the website. The huge responsibility of making sure the mathematical equations were presented properly was taken by <a target="_blank" href="mailto:ashwinapillai@students.iisertirupati.ac.in">Ashwin A Pillai</a> who also made a huge contribution to the mathematical model.</p>
 +
            </div>
 +
            <button type="button" class="btn button-dark btn-floating btn-lg" id="btn-back-to-top"><svg fill="#FDF8D7" width="20px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></button>
 +
        </main>
  
  
Line 307: Line 137:
  
  
        <section class="container-fluid" style="background-color: rgb(245, 245, 245);">         
+
<section class="container-fluid" style="background-color: rgb(245, 245, 245);">         
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row align-items-center justify-content-center pt-5 half_border">
 
                 <div class="row align-items-center justify-content-center pt-5 half_border">
Line 316: Line 146:
 
                         <img class="img igemiiser" src="https://static.igem.org/mediawiki/2021/e/e0/T--IISER-Tirupati_India--IgemIiser.svg" style="width: 100%;">
 
                         <img class="img igemiiser" src="https://static.igem.org/mediawiki/2021/e/e0/T--IISER-Tirupati_India--IgemIiser.svg" style="width: 100%;">
 
                     </div>
 
                     </div>
                     <div class="col-12 col-md-6 offset-md-1">
+
                     <div class="col-12 col-md-6">
 
                         <h5 class="pt-3 text-center">Our Sponsors</h5>
 
                         <h5 class="pt-3 text-center">Our Sponsors</h5>
                         <div class="row justify-content-center align-items-center pb-2">
+
                         <div class="row justify-content-center align-items-center pb-3">
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/a/a3/T--IISER-Tirupati_India--IISERT.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/a/a3/T--IISER-Tirupati_India--IISERT.svg"></div>
                             <div class="col-3"><img class="img-fluid" style="padding:15px;" src="https://static.igem.org/mediawiki/2021/0/0b/T--IISER-Tirupati_India--GenScript.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/7/7a/T--IISER-Tirupati_India--ISC.jpeg"></div>
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--IDT.svg"></div>
+
                            <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/b/be/T--IISER-Tirupati_India--broslogo.jpeg"></div>
                            <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/0/0d/T--IISER-Tirupati_India--NEB.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/0/0b/T--IISER-Tirupati_India--GenScript.svg"></div>
 +
<div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/0/0d/T--IISER-Tirupati_India--NEB.svg"></div>
 
                         </div>
 
                         </div>
 
                         <div class="row justify-content-center">
 
                         <div class="row justify-content-center">
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/7/76/T--IISER-Tirupati_India--Geneious.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/7/76/T--IISER-Tirupati_India--Geneious.svg"></div>
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/9/99/T--IISER-Tirupati_India--Twist.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/9/99/T--IISER-Tirupati_India--Twist.svg"></div>
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--Invideo.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--Invideo.svg"></div>
                             <div class="col-3"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/0/06/T--IISER-Tirupati_India--Benchling.svg"></div>
+
                             <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/0/06/T--IISER-Tirupati_India--Benchling.svg"></div>
 +
                            <div class="col-2"><img class="img-fluid" src="https://static.igem.org/mediawiki/2021/6/6b/T--IISER-Tirupati_India--IDT.svg"></div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 337: Line 169:
 
                         <div class="row">
 
                         <div class="row">
 
                             <ul class="social d-flex flex-wrap justify-content-center">
 
                             <ul class="social d-flex flex-wrap justify-content-center">
                                 <li style="list-style: none;"><a href="#"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg></a></li>
+
                                 <li style="list-style: none;"><a target="_blank" href="https://www.facebook.com/igemiisertpt/"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg></a></li>
                                 <li style="list-style: none;"><a href="#"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg></a></li>
+
                                 <li style="list-style: none;"><a target="blank" href="https://twitter.com/IIisert?t=Ah9Os-I3akvyn4kHbPSgTw&s=09"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg></a></li>
                                 <li style="list-style: none;"><a href="#"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a></li>
+
                                 <li style="list-style: none;"><a target="blank"  href="https://instagram.com/igem_iisertirupati?utm_medium=copy_link"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a></li>
                                 <li style="list-style: none;"><a href="#"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></a></li>
+
                                 <li style="list-style: none;"><a target="blank"  href="https://www.youtube.com/channel/UCNbypAD0B8ksHy9A4vxFr1A"><svg class="icon" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
Line 355: Line 187:
 
                     <div class="quick_link_heading text-center mt-5 mb-5">Quick Links</div>
 
                     <div class="quick_link_heading text-center mt-5 mb-5">Quick Links</div>
 
                     <div class="col m-1">
 
                     <div class="col m-1">
                         <h6 class="quick_link_heading">PROJECT</h6>><br>
+
                         <h6 class="quick_link_heading">PROJECT</h6><br>
 
                         <div class="d-flex flex-column">
 
                         <div class="d-flex flex-column">
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Description">DESCRIPTION</a>
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a>
+
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Blueprint">BLUEPRINT</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Engineering">ENGINEERING</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Background">BACKGROUND</a>
Line 366: Line 198:
 
                     </div>
 
                     </div>
 
                     <div class="col m-1">
 
                     <div class="col m-1">
                         <h6 class="quick_link_heading">WETLAB</h6>><br>
+
                         <h6 class="quick_link_heading">WETLAB</h6><br>
 
                         <div class="d-flex flex-column">
 
                         <div class="d-flex flex-column">
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/ProofOfConcept">PROOF OF CONCEPT</a>
+
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Proof_Of_Concept">PROOF OF CONCEPT</a>
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">BLUEPRINT</a>
+
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Design">DESIGN</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Parts">PARTS</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Results">RESULTS</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Results">RESULTS</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Safety">SAFETY</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Safety">SAFETY</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Notebook">LAB NOTEBOOK</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Notebook">LAB NOTEBOOK</a>
 +
                            <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Excellence">EXCELLENCE</a>
 +
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 382: Line 216:
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Education">EDUCATION</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Education">EDUCATION</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Communication">COMMUNICATION</a>
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSION</a>
+
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Inclusivity">INCLUSIVITY</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Sustainable">SUSTAINABLE DEVELOPMENT</a>
 
                         </div>
 
                         </div>
Line 396: Line 230:
 
                     </div>
 
                     </div>
 
                     <div class="col m-1">
 
                     <div class="col m-1">
                         <h6 class="quick_link_heading">DRYLAB</h6>><br>
+
                         <h6 class="quick_link_heading">DRYLAB</h6><br>
 
                         <div class="d-flex flex-column">
 
                         <div class="d-flex flex-column">
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Model">MODEL</a>
 
                             <a class="quick_link" href="https://2021.igem.org/Team:IISER-Tirupati_India/Model">MODEL</a>

Latest revision as of 03:28, 17 December 2021


Ovi-Cloak

SCROLL

Wiki is the least important part of the project or as some might think. Wiki is the most important part of the project because it helps in communicating your work to future teams and in fact the whole STEM community. But why do we deem it as the least important? Because, almost everyone ignores it till the clock goes tick tock. The importance of building a website to convey the soul of the project is often overlooked.

After many hurdles, we tried to make our wiki functional, responsive, and compatible across all devices and browsers. The appreciation of our team members after desired results were achieved was worth everything. We tried to make this wiki user-friendly and accessible to all. While creating this wiki, we kept Search Engine Optimization(SEO) in mind as well. And if it isn't performing well in any browser, we would love to brainstorm ideas to get things better.

Wiki has nothing to do with Wikipedia (as some might think) and it’s more about creating a website dedicated to your whole project which presents the hard work of our entire team. The responsibility to relay and represent the entire idea of our project in a website was bestowed upon the shoulders of people who have declared coffee as their regular diet. The sinking of the responsibility into our psyche and then working over the website helped us bonding with team members who are dedicated in doing polar opposite types of work during the project. This, we believe, couldn’t have been possible with the optimum setup of iGEM. For that we are really thankful to the entire organisation of iGEM who gave us the opportunity to explore the “unknown unknown” , both in life and science.

We want to thank the following people and community for making our life easier:

  • Linus Torvalds for creating Linux (The largest open-source project).
  • Mark Otto, Jacob Thornton for writing Bootstrap in the first place and the open-source community managing it now.
  • Stackoverflow, every time we got stuck with bugs, you had our back.
  • VS Code, the best code editor we have used so far.
  • And many other sites like w3schools, codepen.

The backbone of our Wiki team is ANKUSH KAUSHIK. We couldn’t have done it without his skills and bad temper when the deadlines were not met. Shivam Kumar and Md Adil Aman were the next in the command line acting as Ankush’s minions. Due to the new iGEM template, we were afraid to put mathematical equations on the website. The huge responsibility of making sure the mathematical equations were presented properly was taken by Ashwin A Pillai who also made a huge contribution to the mathematical model.

Our Sponsors
Follow Us