Skip to content
Snippets Groups Projects
home.html 8.68 KiB
Newer Older
Fabio Maschi's avatar
Fabio Maschi committed
{% extends "layout.html" %}

{% block title %}PFAS DETECTION{% endblock %}
{% block lead %}Louisville iGEM 2024{% endblock %}
Fabio Maschi's avatar
Fabio Maschi committed

{% block page_content %}
Vishwaa Kannan's avatar
Vishwaa Kannan committed
<!--
Fabio Maschi's avatar
Fabio Maschi committed
<div class="row">
  <div class="col">
    <h2>Before you start</h2>
    <hr>
    <p>Please read the following pages:</p>
    <ul>
Fabio Maschi's avatar
Fabio Maschi committed
      <li><a href="https://competition.igem.org/deliverables/team-wiki" target="_blank">Wiki Requirements page</a></li>
      <li><a href="https://competition.igem.org/judging/pages-for-awards" target="_blank">Standard URL Pages for Awards</a></li>
Fabio Maschi's avatar
Fabio Maschi committed
    </ul>
  </div>
</div>
<div class="row mt-4">
  <div class="col">
    <h2>Styling your wiki</h2>
    <hr>
Fabio Maschi's avatar
Fabio Maschi committed
    <p>Feel free to customize the page styling according to your preferences, or you can simply leave the style as it is. It's wise to focus on a clear content first, and on a clean design later.</p>
Tianyi Liang's avatar
Tianyi Liang committed
    <p>Be cautious with the size of the assets like images, videos, and more, that you put in your wiki. Large file sizes can hinder the presentation of wikis due to slow internet connections. Remember to compress large files before uploading them to iGEM servers.</p>
    <p>This default wiki meets the requirements, enhances navigability, and provides a user-friendly experience for visitors. You should not feel obligated to go beyond the provided styling.</p>
Fabio Maschi's avatar
Fabio Maschi committed
  </div>
</div>
<div class="row mt-4">
Fabio Maschi's avatar
Fabio Maschi committed
  <div class="col-lg-8">
Fabio Maschi's avatar
Fabio Maschi committed
    <h2>Tips</h2>
    <hr>
    <p>This wiki will be your team's first interaction with the rest of the world, so here are a few tips to help you get started:</p>
    <ul>
      <li>State your accomplishments! Tell people what you have achieved from the start.</li>
      <li>Be clear about what you are doing and how you plan to do this.</li>
      <li>You have a global audience! Consider the different backgrounds that your users come from.</li>
      <li>Make sure information is easy to find; nothing should be more than 3 clicks away.</li>
      <li>Avoid using very small fonts and low contrast colors; information should be easy to read.</li>
Fabio Maschi's avatar
Fabio Maschi committed
      <li>Start documenting your project as early as possible; don't leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://competition.igem.org/calendar" target="_blank">iGEM Competition calendar</a></li>
Fabio Maschi's avatar
Fabio Maschi committed
      <li>Have lots of fun!</li>
    </ul>
  </div>
Fabio Maschi's avatar
Fabio Maschi committed
  <div class="col-lg-4">
Fabio Maschi's avatar
Fabio Maschi committed
    <h2>Inspiration</h2>
    <hr>
    <p>You can also view other team wikis for inspiration! Here are some examples:</p>
    <ul>
Fabio Maschi's avatar
Fabio Maschi committed
      <li><a href="https://2022.igem.wiki/dtu-denmark">2022 DTU-Denmark</a></li>
      <li><a href="https://2022.igem.wiki/virginia">2022 Virginia</a></li>
      <li><a href="https://2022.igem.wiki/crete">2022 Crete</a></li>
      <li><a href="https://2022.igem.wiki/estonia-tuit">2022 Estonia_TUIT</a></li>
      <li><a href="https://2022.igem.wiki/ashesighana">2022 AshesiGhana</a></li>
      <li><a href="https://2021.igem.org/Team:SDU-Denmark">2021 SDU-Denmark</a></li>
Fabio Maschi's avatar
Fabio Maschi committed
      <li><a href="https://2020.igem.org/Team:XMU-China">2020 XMU China </a></li>
      <li><a href="https://2020.igem.org/Team:TAS_Taipei">2020 TAS Taipei </a></li>
    </ul>
  </div>
</div>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
-->
<head>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
  
Vishwaa Kannan's avatar
Vishwaa Kannan committed
</head>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
<body style="color:whitesmoke;">

    <section id="about-pfas" class="content-section">
    <div>
      <h2 style="margin-top: 0% !important;">PFAS, a brief description</h2>
      <p style="text-indent: 5%;">PFAS are a large and diverse family of synthetic chemicals manufactured for industrial and consumer products beginning in the 1950s. These chemicals all have at least one fully fluorinated carbon bond that gives them a great resistance to breakdown in the environment. Originally developed for their water- and grease-resistant properties, PFAS are found in products that range from nonstick cookware to food wrappings, water-repellent facribs, and firefighting foams. As they are found in these products, they are serious health and environmental concerns since they might be toxic and persist in the environment. They also tend to bioaccumulate over time without degradation. Of the many PFAS compounds, some like PFOA (Perfluorooctanoic Acid) and PFOS (Perfluorooctane Sulfonate) have been linked to serious health problems such as cancer, liver damage, and developmental problems for children.</p>
      <p style="text-indent: 5%;">While both PFOA and PFOS have been largely phased out of commercial use in the United States, they continue to persist in the environment. Newer alternatives, such as GenX, have been developed but also carry risks; studies have linked them to liver and kidney damage. Other PFAS chemicals include the use of PFBS and PFHxS, though most of those remain under scrutiny over health effects. The problem is that its overwhelming application in industries contaminated drinking water, soil, and even the atmosphere. This calls for regulatory authorities like the EPA to set a regulation aimed at reducing the environmental and health risks caused by these chemicals.       </p>
    </div>
    </section>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
      <!-- About PFAS Section -->
Vishwaa Kannan's avatar
Vishwaa Kannan committed
      <section id="about-pfas" class="content-section" style="color:black;">
Vishwaa Kannan's avatar
Vishwaa Kannan committed
        <div class="grid-container">
            <div class="grid-item">
Vishwaa Kannan's avatar
Vishwaa Kannan committed
                <h2>Our team</h2>
                <p>We are currently a second-year team, last year we won silver!</p>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
            </div>
            <div class="grid-item">
                <h2>The Problem with PFAS</h2>
                <p>PFAS contamination has become a serious issue, leading to various health concerns such as liver disease, cancer, and more. These substances are extremely difficult to break down and are found in the blood of 97% of Americans.</p>
            </div>
        </div>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
      </section>
Vishwaa Kannan's avatar
Vishwaa Kannan committed

    <!-- Team Description Section -->
Vishwaa Kannan's avatar
Vishwaa Kannan committed
    <section id="team-description" class="content-section" style="color:black;">
Vishwaa Kannan's avatar
Vishwaa Kannan committed
      <div class="grid-container">
          <a class="grid-item" href="/gcm-ky/team">
              <h2 class="no-u">Meet the Team</h2>             
              <p class="no-u">Our team is composed of passionate highschoolers who are willing to work hard to help the environment.</p>
          </a>
          <div class="grid-item">
              <h2>Our Mission</h2>
              <p>We aim to develop a reliable and efficient system for detecting PFAS, making testing more accessible to the public and helping combat the spread of these dangerous chemicals.</p>
          </div>
      </div>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
    </section>
Vishwaa Kannan's avatar
Vishwaa Kannan committed

    <!-- Full-screen GIF Section -->
     <section class="content-section">
      <h2 style="margin-top: 0% !important;">Some of our key moments!</h2>
      <hr style="background-color: white !important;">
      <div class="carousel-container">
        <div class="carousel">
          <div class="carousel-slide">
            <img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0190.jpg" alt="Image 1">
          </div>
          <div class="carousel-slide">
            <img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0187.jpg" alt="Image 2">
          </div>
          <div class="carousel-slide">
            <img src="https://static.igem.wiki/teams/5114/home-page/img-2974.png" alt="Image 3">
          </div>
          <div class="carousel-slide">
            <img src="https://static.igem.wiki/teams/5114/home-page/20240229-210156.png" alt="Image 3">
          </div>
          <!-- Add more slides as needed -->
        </div>
      
        <button class="carousel-button left-button" onclick="moveCarousel(-1)">&#10094;</button>
        <button class="carousel-button right-button" onclick="moveCarousel(1)">&#10095;</button>
      </div>
     </section>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
  
Vishwaa Kannan's avatar
Vishwaa Kannan committed

Vishwaa Kannan's avatar
Vishwaa Kannan committed
    <section class="content-section">
      <div class="scroll-animation-section">
        <div class="image-container">
          <div class="image-box" id="image1">
            <img src="https://static.igem.wiki/teams/5114/home-page/gatton.jpeg" alt="Image 1">
            <p>Gatton</p>
          </div>
          <div class="image-box" id="image2">
            <img src="https://static.igem.wiki/teams/5114/home-page/c-logo.webp" alt="Image 2">
            <p>Collegiate</p>
          </div>
          <div class="image-box" id="image3">
            <img src="https://static.igem.wiki/teams/5114/home-page/dmhs-copy-2-orig.jpg" alt="Image 3">
            <p>Manual</p>
          </div>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
        </div>
      </div>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
    </section>


    <section class="content-section">
      <h2 style="margin-top: 1% !important;">Interactive Protein Structure of prmA</h2>
      <hr style="background-color: white !important;">
      <div class="model-container">
Vishwaa Kannan's avatar
Vishwaa Kannan committed
        <model-viewer src="{{ url_for('static', filename = 'Final.glb') }}" alt="Protein Structure" camera-controls auto-rotate style="width: 80%; height: 600px; margin:auto;"></model-viewer>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
      </div>
    </section>
Vishwaa Kannan's avatar
Vishwaa Kannan committed
</body>
</html>

Fabio Maschi's avatar
Fabio Maschi committed

{% endblock %}