Skip to content
Snippets Groups Projects
index.html 16 KiB
Newer Older
Jay's avatar
Jay committed
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Squirrel-Shenzhen iGEM 2024</title>
    <link rel="icon" type="image/png" sizes="113x43" href="assets/img/logo_sz.png">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/styles.min.css">
</head>

<body>
    <main class="page"><nav class="navbar navbar-expand-lg fixed-top bg-body clean-navbar">
    <div class="container">
        <a href="index.html" class="navbar-brand logo">
    <img src="https://static.igem.wiki/teams/5459/logo.png" alt="Logo">
        </a>
<!--         <img class="navbar-brand logo " href="index.html" src="https://static.igem.wiki/teams/5459/logo.png" > -->
        <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
        <div id="navcol-1" class="collapse navbar-collapse">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link active" href="index.html">Home</a></li>
                <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href>Project</a>
Jay's avatar
Jay committed
                    <div class="dropdown-menu"><a class="dropdown-item" href="contribution.html">Contribution</a><a class="dropdown-item" href="description.html">Description</a><a class="dropdown-item" href="engineering.html">Engineering</a><a class="dropdown-item" href="parts.html">Parts</a><a class="dropdown-item" href="results.html">Results</a><a class="dropdown-item" href="experiments.html">Experiments</a><a class="dropdown-item" href="safety.html">Safety</a></div>
Jay's avatar
Jay committed
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="human-practices.html">Human Practice</a></li>
                <li class="nav-item">
                    <a class="nav-link" href="model.html">Model</a></li>
Jay's avatar
Jay committed

Jay's avatar
Jay committed
                <li class="nav-item dropdown">
                    <a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="team.html">Members</a>
                        <a class="dropdown-item" href="attributions.html">Attributions</a></div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="awards.html">Awards</a></li>
            </ul>
        </div>
    </div>
</nav><section class="clean-block clean-hero" style="height: 100vh;background-image: url('https://static.igem.wiki/teams/5459/bg-1.jpg');color: rgba(9, 162, 255, 0);"><img src="https://static.igem.wiki/teams/5459/logo2.png" style="justify-content: center;align-items: center;width: 70%;height: auto;" width="512" height="220" /></section>
        <section class="clean-block clean-info dark">
            <div class="container">
                <div class="block-heading">
Riva Yan's avatar
Riva Yan committed
                    <h2 class="text-info">A Dual-Plasmid Biosensor for Copper Ion Detection <br>Using Synthetic Biology</h2>
Riva Yan's avatar
Riva Yan committed
                    <p>In our project, we introduce an innovative solution designed using synthetic biology: a specialized biomarker sensor for detecting copper ions. We’ll walk you through the design and implementation of our dual-plasmid system, showcasing the experiments and technology behind this advanced heavy metal detection method. Discover how our engineered sensor can make a difference in ensuring the safety and quality of the items we consume.</p>
                </div>
Riva Yan's avatar
Riva Yan committed
     <!-- 下面是第一张图 -->           
Riva Yan's avatar
Riva Yan committed
                <div class="row align-items-center">
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-1-n.png"></div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Background</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>In China, issues caused by the copper ion contamination are gradually increasing and the consequences are now beginning to surface. Not only is the problem of pollution of vegetables mentioned in the left picture, but many products in life are also affected by copper pollution, like red wines and aquatic products such as oysters.</p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
                </div>
            </div>
        </section>
Riva Yan's avatar
Riva Yan committed

Riva Yan's avatar
Riva Yan committed
    <!-- 下面是第二张图 -->  
Riva Yan's avatar
Riva Yan committed
        
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 col-xxl-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>The Problem</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>Under these circumstances, consumers are anxious about food contamination problems, including dizziness, nausea and stomach ache. Moreover, a lot of contaminated food products can't be sold. And as a result, farmers' yields and revenue significantly suffer. Copper pollution is a growing threat.</p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-2-n.jpg"></div>
Riva Yan's avatar
Riva Yan committed
                </div>
            </div>
        </section>
Riva Yan's avatar
Riva Yan committed
     
Riva Yan's avatar
Riva Yan committed
    <!-- 下面是第三张图 -->  
Riva Yan's avatar
Riva Yan committed
       
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
Riva Yan's avatar
Riva Yan committed
                
Riva Yan's avatar
Riva Yan committed
                <div class="row align-items-center">
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-3-n.png"></div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Current Solution is NOT Ideal</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>Even though there are some relevant instruments, they are not ideal. But don't lose hope, our product is here to help. It is not only portable but also low cost and doesn't require professional control. Our project is different.</p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
                </div>
            </div>
        </section>
Riva Yan's avatar
Riva Yan committed

Riva Yan's avatar
Riva Yan committed
     <!-- 下面是第四张图 -->  
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 col-xxl-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Peer Review and Our Solution </h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>Unlike previous iGEM teams, we utilize the E. coli endogenic copper sensor CueR to regulate our signal plasmid. Where promoter pCopA will be activated by CueR-Copper complex to express the downstream fluorescent protein mVenus. Therefore, with a higher concentration of copper, the stronger the fluorescent signal.</p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-4-n.png"></div>
Riva Yan's avatar
Riva Yan committed
                </div>
            </div>
        </section>

Riva Yan's avatar
Riva Yan committed
     <!-- 下面是第五张图 -->  
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
                
                <div class="row align-items-center">
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-5-n.png"></div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Solution Upgrade</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>Since we want to fine-tune our circuit dynamics with more CueR in E. coli, another plasmid was constructed for CureR over-expression under the control of a promoter library containing more than 50 different promoters.
                            </p>
                            <p>We demonstrated the response curves of the two plasmid systems with variable CueR concentration in vivo, which allowed us to customize our flexible copper biosensor in the future.</p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
                </div>
            </div>
        </section>
Riva Yan's avatar
Riva Yan committed

Riva Yan's avatar
Riva Yan committed
        <!-- 下面是第六张图 -->  
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 col-xxl-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Value Conclusion</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>To conclude, our mission is to create a cutting edge instrument for detecting copper ions which we'll all benefit from. People will drink safer water, enjoy food that's free from contamination. This is the kind of world we want to build. </p>
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-6-n.png"></div>
Riva Yan's avatar
Riva Yan committed
                </div>
            </div>
        </section>

Riva Yan's avatar
Riva Yan committed
        <!-- 下面是第七张图 -->  
Riva Yan's avatar
Riva Yan committed
        <section class="clean-block clean-info dark">
            <div class="container">
                
                <div class="row align-items-center">
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-7.png"></div>
Riva Yan's avatar
Riva Yan committed
                    <div class="col-md-6">
Riva Yan's avatar
Riva Yan committed
                        <h3>Join us</h3>
Riva Yan's avatar
Riva Yan committed
                        <div>
Riva Yan's avatar
Riva Yan committed
                            <p>Join us on this journey because clean water is not just a luxury, it's a right. This is what drives our project forward.</p>
Riva Yan's avatar
Riva Yan committed
                            <p>We are the 2024 iGEM team Squirrel-Shenzhen.
                            </p>
                            
Riva Yan's avatar
Riva Yan committed
                        </div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
                    </div>
                </div>
            </div>
        </section>
Riva Yan's avatar
Riva Yan committed



Jay's avatar
Jay committed
        <section class="clean-block features">
            <div class="container">
                <div class="block-heading">
Riva Yan's avatar
Riva Yan committed
                    <h2 class="text-info">Promotion Video</h2><!-- Start: ml-video -->
Riva Yan's avatar
Riva Yan committed
                    <div class="video-container"><iframe allowfullscreen="" frameborder="0" width="100%" height="800px" src="https://video.igem.org/videos/embed/2228aee2-6b46-409f-bbd3-08ac2b3f517e"></iframe></div><!-- End: ml-video -->
Jay's avatar
Jay committed
                    <!-- Start: Video Parallax Background v3 -->
                    <div id="videoContainer" class="mobile-background"></div><!-- End: Video Parallax Background v3 -->
Riva Yan's avatar
Riva Yan committed
                    <p></p>
Jay's avatar
Jay committed
                </div>
            </div>
        </section>
    </main>
    <footer class="page-footer dark">
        <footer class="text-center">
            <div class="container text-muted py-4 py-lg-5">
                <ul class="list-inline">
                    <li class="list-inline-item list-inline-item list-inline-item list-inline-item me-4"><a class="link-secondary" href="description.html">Description</a></li>
                    <li class="list-inline-item list-inline-item list-inline-item list-inline-item me-4"><a class="link-secondary" href="team.html">Team</a></li>
                    <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a class="link-secondary" href="awards.html">Awards</a></li>
                </ul>
                <ul class="list-inline">
                    <li class="list-inline-item list-inline-item list-inline-item me-4"><svg class="bi bi-facebook" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path></svg></li>
                    <li class="list-inline-item list-inline-item list-inline-item me-4"><svg class="bi bi-twitter" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path></svg></li>
                    <li class="list-inline-item list-inline-item list-inline-item"><svg class="bi bi-instagram" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path></svg></li>
                </ul><ul class="list-inline">
                <div class="list-inline-item me-4"><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"></div>
                <div class="list-inline-item list-inline-item me-4 "><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"></div>
            </ul>
                <p class="mb-0"><br>© 2024 - Content on this site is licensed under a Creative Commons Attribution 4.0 International license</p>
                <p><small>The repository used to create this website is available at <a class="text-light" href="https://gitlab.igem.org/2024/squirrel-shenzhen">gitlab.igem.org/2024/squirrel-shenzhen</a>.</small></p>
            </div>
        </footer>
    </footer>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/script.min.js"></script>
</body>

</html>