Newer
Older
{% block title %}PFAS DETECTION{% endblock %}
{% block lead %}Louisville iGEM 2024{% endblock %}
<div class="row">
<div class="col">
<h2>Before you start</h2>
<hr>
<p>Please read the following pages:</p>
<ul>
<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>
</ul>
</div>
</div>
<div class="row mt-4">
<div class="col">
<h2>Styling your wiki</h2>
<hr>
<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>
<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>
<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>
<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>
<h2>Inspiration</h2>
<hr>
<p>You can also view other team wikis for inspiration! Here are some examples:</p>
<ul>
<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>
<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>
<!-- About PFAS Section -->
<section id="about-pfas" class="content-section">
<div class="grid-container">
<div class="grid-item">
<h2>What is PFAS?</h2>
<p>PFAS are a group of man-made chemicals that have been used in a variety of industries around the globe. Due to their persistence in the environment, they have been dubbed "forever chemicals."</p>
</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>
</section>
<!-- Team Description Section -->
<section id="team-description" class="content-section">
<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>
<!-- 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)">❮</button>
<button class="carousel-button right-button" onclick="moveCarousel(1)">❯</button>
</div>
</section>
<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>
</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">
<model-viewer src="https://innovator2030.github.io/Innovator2030/Final.glb" alt="Protein Structure" camera-controls auto-rotate style="width: 80%; height: 600px; margin:auto;"></model-viewer>
</div>
</section>