Difference between revisions of "Team:XJTU-China/Description"

 
(82 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{XJTU-China/style}}
 
{{XJTU-China/style}}
 +
{{XJTU-China/youtube}}
 
<html lang="en" dir="ltr">
 
<html lang="en" dir="ltr">
  
 
<head>
 
<head>
     <title>Team:XJTU-China</title>
+
     <title>Team:XJTU-China/Project</title>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
     <meta name="keywords" content="2021iGEM,Xi'an Jiaotong University,XJTU-China,XJTU,Tryptophan,
+
     <meta name="keywords" content="iGEM,Xi'an Jiaotong University,XJTU-China,Tryptophan,
 
         Trp,Biosynthesis,E.coli">
 
         Trp,Biosynthesis,E.coli">
 
     <meta name="description"
 
     <meta name="description"
         content="Welcome to 2021 XJTU-China! This page is the home page of 2021 XJTU-China's project. We are devoted to enhance the living quality of every insomnia sufferer by a simple gene circuit to overproduce a sleep-aid matter: tryptophan.">
+
         content="Welcome to 2021 XJTU-China. Please check our recent work on tryptophan biosynthesis via E.coli">
 
     <meta name="viewport"
 
     <meta name="viewport"
 
         content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
 
         content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
Line 18: Line 19:
 
         href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" />
 
         href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" />
 
     <!-- <link rel="stylesheet" type="text/css"
 
     <!-- <link rel="stylesheet" type="text/css"
         href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/style&action=raw&ctype=text/css" /> -->
+
         href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/youtube&action=raw&ctype=text/css" /> -->
 +
 
 
</head>
 
</head>
  
 
<body>
 
<body>
 
     <!--banner-->
 
     <!--banner-->
    <div class="container row">
 
        <main>
 
            <!-- Initial markup -->
 
            <div class="segmenter"
 
                style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg)"></div>
 
            <h2 class="trigger-headline trigger-headline--hidden">
 
                <span class="bannerHeader">Hin./ious</span>
 
            </h2>
 
        </main>
 
    </div>
 
    <!--//banner-->
 
    <!--about-->
 
 
     <section>
 
     <section>
         <div class="container d-flex flex-column justify-content-center align-items-center">
+
         <div class="container row fixedBackground">
             <div class="row">
+
             <div class="fixedBackgroundImg"
                 <div class="col-lg-2"></div>
+
                 style="background-image: url(https://static.igem.org/mediawiki/2021/6/64/T--XJTU-China--description-bg.jpg);">
                <div class="xjtuText col-lg-8">
+
                    <hgroup>
+
                        <h1>Brief Intro.</h1>
+
                        <h2>a tryptophan producer</h2>
+
                    </hgroup>
+
                    <p class="green">
+
                        Synthetic biology is a science discipline that differs a lot from the others. Usually, you
+
                        would
+
                        use
+
                        the scientific method to obtain results in the majority of life sciences, centering your
+
                        work on
+
                        making observations and performing experiments. However, synthetic biology goes beyond that,
+
                        it
+
                        is
+
                        all about constructing something new from parts (biological parts if you may). That is why,
+
                        sometimes the engineering design process <b>fits</b> better with these projects, since a
+
                        product
+
                        has
+
                        to be
+
                        built, a machine that performs a task, where it is more important what it does rather than
+
                        how,
+
                        yet
+
                        still has to be tested. Funnily enough, that's why iGEM stands for genetically engineered
+
                        machines.
+
                    </p>
+
                    <p class="brown">To close the menu, the menu icon needs to be clicked again. This menu is inspired
+
                        by the left
+
                        side
+
                        menu found on YouTube. When <b>clicking on the menu</b> label and icon, the main menu
+
                        appears
+
                        beneath and
+
                        the menu icon slides to the right side while the label slides up. To close the menu, the
+
                        menu
+
                        icon
+
                        needs to be clicked again. This menu is inspired by the left side menu found on YouTube.
+
                        When
+
                        clicking on the menu label and icon, the main menu appears beneath and the menu icon slides
+
                        to
+
                        the
+
                        right side while the label slides up. To close the menu, the menu icon needs to be clicked
+
                        again.
+
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu
+
                        label
+
                        and
+
                        icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by
+
                        the
+
                        left
+
                        side menu found on YouTube. When clicking on the menu label and icon,
+
                    </p>
+
                    <p class="green">the main menu appears beneath and the menu icon slides to the right side while the
+
                        label
+
                        slides
+
                        up.o
+
                        be clicked again. This menu is inspired by the left side menu found on YouTube. When
+
                        clicking on
+
                        the
+
                        menu label and icon, the main menu appears beneath and the menu icon slides to the right
+
                        side
+
                        while
+
                        the label slides up. To close the menu, the menu icon needs to be clicked again. This menu
+
                        is
+
                        inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
+
                        the
+
                        main
+
                        menu appears beneath and the menu icon slides to the right side while the label slides up.
+
                        To
+
                        close
+
                        the menu, the menu icon needs to be clicked again. This menu is inspired by the left side
+
                        menu
+
                        found
+
                        on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the
+
                        menu
+
                        icon slides to the right side while the label slides up. the main menu appears beneath and
+
                        the
+
                        menu
+
                        icon slides to the right side while the label slides up. To close the menu, the menu icon
+
                        needs
+
                        to
+
                        be clicked again. This menu is inspired by the left side menu found on YouTube. When
+
                        clicking on
+
                        the
+
                        menu label and icon, the main menu appears beneath and the menu icon slides to the right
+
                        side
+
                        while
+
                        the label slides up.ide menu found on YouTube. When clicking on the menu label and icon, To
+
                        close
+
                        the menu, the menu icon needs to be clicked again. This menu is inspired by the left side
+
                        menu
+
                        found
+
                        on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the
+
                        menu
+
                        icon slides to the right side while the label slides up.</p>
+
                </div>
+
                <div class="col-lg-2"></div>
+
 
             </div>
 
             </div>
             <div class="row">
+
            <div class="pageHeadline"><span>Description</span></div>
                 <div class="linkBox col-lg-3 col-md-6 col-sm-12">
+
        </div>
                     <div class="linkBox-items">
+
    </section>
                         <span class="fa fa-flask" aria-hidden="true"></span>
+
    <!--main-->
                        <h4 class="shadow-lg"> Wetlab</h4>
+
    <section class="main">
                     </div>
+
        <div class="container mainBox" id="mainBox">
 +
             <div class="row" id="container">
 +
                 <div class="side col-lg-3">
 +
                     <nav class="dr-menu">
 +
                         <h3>Description</h3>
 +
                        <ul>
 +
                            <li><a class="dr-icon dr-icon-user" href="#projectDescription">Project Description </a></li>
 +
                            <li><a class="dr-icon dr-icon-download" href="#ref">References</a></li>
 +
                        </ul>
 +
                     </nav>
 
                 </div>
 
                 </div>
                 <div class="linkBox col-lg-3 col-md-6 col-sm-12">
+
                 <div class="col-lg-8 col-12 page xjtuText">
                     <div class="linkBox-items">
+
                    <a class="anchor" id="projectDescription"></a>
                         <span class="fa fa-area-chart" aria-hidden="true"></span>
+
                    <h1>Project Description</h1>
                        <h4> Modelling</h4>
+
                     <div class="row">
 +
                         <div class="col-12">
 +
                            <p class="float-right nav mt-3">See our<a
 +
                                    href="https://2021.igem.org/Team:XJTU-China#nav-PV">
 +
                                    &nbsp;promotion video&nbsp;&nbsp;<span class="fa fa-video-camera"></span></a>
 +
                            </p>
 +
                        </div>
 
                     </div>
 
                     </div>
                </div>
+
                    <p class="mt-3">
                <div class="linkBox col-lg-3 col-md-6 col-sm-12">
+
                        We must admit that a nice mental state plays an essential role in maintaining our overall
                    <div class="linkBox-items">
+
                        health.
                         <span class="fa fa-globe" aria-hidden="true"></span>
+
                        With the rapid changing in nowadays society, we can easily noticed that the number of people
                         <h4> Human Practices</h4>
+
                        having
 +
                        problems about their mental health, like depression,anxiety and insomnia, is in an
 +
                        increasing
 +
                        trend.<sup><a href="#ref">1</a></sup> And according to several researches, mental health
 +
                        problems closely related to many
 +
                         physical disease, like high blood pressure and metabolic disease.<sup><a
 +
                                href="#ref">2,3</a></sup> What’s worse, this trend is
 +
                        developing tremendously during the pandemic prevailing of COVID-19.<br></p>
 +
                    <p>
 +
                        COVID-19, occurred at the end of 2019, not only made profound influence on the economy of
 +
                        society,
 +
                        structure of industry and people’s lifestyle, but also posed a great threat to human health.
 +
                        Apart
 +
                        from directly causing damage to human body,like pneumonia and multiple organs injury,
 +
                        coronavirus
 +
                        also poses great pressure to individual’s mental health, which is hard to neglect.<sup><a
 +
                                href="#ref">4</a></sup> According to
 +
                         the surveys carried out in US, China and Europe, during the pandemic time, the ratio of
 +
                        people
 +
                        suffering from depression, anxiety and insomnia of different degrees is a climbing
 +
                        trend.<sup><a href="#ref">5,6</a></sup><br></p>
 +
                    <div class="imgWrapper centerize mt-3">
 +
                        <img src="https://static.igem.org/mediawiki/2021/3/30/T--XJTU-China--Description-Fig1.jpeg"
 +
                            alt="Fig. 1" width="90%">
 
                     </div>
 
                     </div>
                </div>
+
                    <p class="mt-3">
                <div class="linkBox col-lg-3 col-md-6 col-sm-12">
+
                        As a result, in this year’s iGEM competition, XJTU-China decides to use the technology of
                     <div class="linkBox-items">
+
                        synthetic
                         <span class="fa fa-user" aria-hidden="true"></span>
+
                        biology to bring changes to people who suffer from mental health problems like depression,
                        <h4> Team</h4>
+
                        anxiety
 +
                        and insomnia, in order to improve their life quality. Due to the regulation of quarantine
 +
                        and
 +
                        reduction in going out, dealing with those mental health problems by making differences to
 +
                        people’s
 +
                        diets can be more convenient and ensure their safety. Tryptophan, as an essential amino
 +
                        acids
 +
                        for
 +
                        human, also shows excellent potential in reducing depression and anxiety and promoting sleep
 +
                        quality.<sup><a href="#ref">7,8,9,10</a></sup> After having sufficient investigation and
 +
                        profound discussion with experts in nutriology,
 +
                        we decide to create a healthy type of milk based on tryptophan<br></p>
 +
                    <div class="imgWrapper centerize mt-3">
 +
                        <img src="https://static.igem.org/mediawiki/2021/4/42/T--XJTU-China--Description-Fig2-1.jpeg"
 +
                            alt="Fig. 1" width="80%">
 +
                        <span class="description"><i>McKee, Grace B.Perrin, Paul B. Alzueta, Elisabet.Caffarra,
 +
                                Sendy.
 +
                                Ramos-Usuga, Daniela.Carlos Arango-Lasprilla, Juan.Baker, Fiona C. TI Sleeping when
 +
                                the
 +
                                world
 +
                                locks down: Correlates of sleep health during the COVID-19 pandemic across 59
 +
                                countriesSO SLEEP
 +
                                HEALTH RI ; Perrin, Paul/L-5373-2015</i></span>
 +
                    </div>
 +
                     <div class="row">
 +
                         <div class="col-12">
 +
                            <p class="float-right nav mt-3">See our<a
 +
                                    href="https://2021.igem.org/Team:XJTU-China/Contribution#nav-hardware">
 +
                                    &nbsp;hardware&nbsp;&nbsp;<span class="fa fa-wrench"></span></a></p>
 +
                        </div>
 
                     </div>
 
                     </div>
 +
                    <p class="mt-3">
 +
                        We aimed at developing a domestic tryptophan milk producer using knowledge and technology of
 +
                        synthetic biology. Synthetic biology enables us to make functional change to given mode
 +
                        bacteria
 +
                        and fulfill our goal. Equipped with those skills and knowledge, we choose <i>E.coli</i>DH5α to accept our
 +
                        designed plasmid, which gives it the ability to produce Tryptophan efficiently and
 +
                        controllable.
 +
                        The core design of our produce circuit is the use of Toogle Switch, which is divided into
 +
                        two
 +
                        branches: growing pass and producing pass. And <i>E.coli</i>, responding to the
 +
                        concentration of
 +
                        IPTG and
 +
                        the change of temperature, is able to manipulate the ratio of energy and substance input to
 +
                        these
 +
                        two branches, then automatically change between these two statuses. The growing pass is
 +
                        constructed
 +
                        with the key gene: <i>pykA</i> ,to maintain the regular growth of <i>E.coli</i>. And the
 +
                        producing circuit
 +
                        contains three main genes: <i>aroG</i>, <i>trpA</i> and <i>trpB</i>. In this part,
 +
                        <i>aroG</i>
 +
                        is essential for the
 +
                        distribution of energy and substance between growth and produce process. And considering the
 +
                        metabolic pressure for <i>E.coli</i> itself, we finally choose to link two main genes in the
 +
                        produce
 +
                        process of Tryptophan.<sup><a href="#ref">11</a></sup><br>
 +
                    </p>
 +
                    <div class="imgWrapper centerize mt-3">
 +
                        <img src="https://static.igem.org/mediawiki/2021/1/1a/T--XJTU-China--Description-Fig3-ver2.png"
 +
                            alt="Fig. 1" width="90%">
 +
                    </div>
 +
                    <p class="mt-3">
 +
                        On top of that, we design the hardware to help us achieve the goal of domestic produce and
 +
                        use
 +
                        of
 +
                        Tryptophan. The design of our hardware can be divided into four key parts: temperature
 +
                        control
 +
                        module, Single Chip Microcomputer, detecting module and magnetic stirring module. We are
 +
                        trying
 +
                        to centralize all of these modules in a machine as small as possible, which gives our device
 +
                        the
 +
                        advantage of being portable and convenient.<br></p>
 +
                    <p>
 +
                        IGEM competition is absolutely not the culmination of our exploration! During the precious
 +
                        journey
 +
                        in iGEM, we have endeavored to arouse public’s attention to their own mental health
 +
                        situation
 +
                        and
 +
                        aid people release their pain of depression, anxiety and insomnia. And after the
 +
                        competition, we
 +
                        will want to practice some innovative ideas we came up with at brain-storm stage, like how
 +
                        to
 +
                        polish and improve our hardware design to make it be widely accepted? How to use commercial
 +
                        strategies to advertise it. We really want our design to come down to earth with the purpose
 +
                        of
 +
                        releasing pain of people suffering from depression and bringing real convenience to public’s
 +
                        daily
 +
                        life , anxiety and insomnia during this special. Fortunately, we are on our way to achieve
 +
                        that
 +
                        goal.<br></p>
 +
 +
                    <br>
 +
                    <a class="anchor" id="ref"></a>
 +
                    <h1 class="mt-5">References</h1>
 +
                    <p>
 +
                        1&emsp;Merikangas, K. R. <i>et al</i>. Lifetime Prevalence of Mental Disorders in U.S.
 +
                        Adolescents: Results
 +
                        from the National Comorbidity Survey Replication–Adolescent Supplement (NCS-A). <i>Journal
 +
                            of
 +
                            the
 +
                            American Academy of Child & Adolescent Psychiatry</i> <b>49</b> (2010).<br>
 +
                        2&emsp;Depner, C. M., Stothard, E. R. & Wright, K. P. Metabolic Consequences of Sleep and
 +
                        Circadian
 +
                        Disorders. <i>Current Diabetes Reports</i> <b>14</b> (2014).<br>
 +
                        3&emsp;ALFANO, C. A., GINSBURG, G. S. & KINGERY, J. N. Sleep-Related Problems Among Children
 +
                        and
 +
                        Adolescents With Anxiety Disorders. <i>Journal of the American Academy of Child & Adolescent
 +
                            Psychiatry</i> <b>46</b> (2007).<br>
 +
                        4&emsp;Robert, S. <i>et al</i>. Depression, Anxiety and Stress during COVID-19: Associations
 +
                        with Changes in
 +
                        Physical Activity, Sleep, Tobacco and Alcohol Use in Australian Adults. <i>International
 +
                            journal
 +
                            of environmental research and public health</i> <b>17</b> (2020).<br>
 +
                        5&emsp;D.S., K. W., A., C. S., C., T. E., A., L. D. & S., D. N. Loneliness during the first
 +
                        half-year
 +
                        of COVID-19 Lockdowns. <i>Psychiatry Research</i> <b>294</b> (2020)<br>
 +
                        6&emsp;Killgore, W. D. S., Cloonan, S. A., Taylor, E. C. & Dailey, N. S. Loneliness: A
 +
                        signature
 +
                        mental health concern in the era of COVID-19. <i>Psychiatry Research</i> <b>290</b>
 +
                        (2020).<br>
 +
                        7&emsp;Dalfsen, J. H. v. & Markus, C. R. The serotonin transporter gene-linked polymorphic
 +
                        region
 +
                        (5-HTTLPR) and the sleep-promoting effects of tryptophan: A randomized placebo-controlled
 +
                        crossover study. <i>Journal of Psychopharmacology</i> <b>33</b> (2019).<br>
 +
                        8&emsp;Hudson, Hudson, Hecht & MacKenzie. Protein source tryptophan versus pharmaceutical
 +
                        grade
 +
                        tryptophan as an efficacious treatment for chronic insomnia. <i>Nutritional Neuroscience</i>
 +
                        <b>8</b>
 +
                        (2005).<br>
 +
                        9&emsp;R, L. H., Sanjiv, A. & L, F. V. Tryptophan Intake in the US Adult Population Is Not
 +
                        Related to
 +
                        Liver or Kidney Function but Is Associated with Depression and Sleep Outcomes. <i>The
 +
                            Journal of
 +
                            nutrition</i> <b>146</b> (2016).<br>
 +
                        10&emsp;Schneider-Helmert, D. & Spinweber, C. L. Evaluation of l -tryptophan for treatment
 +
                        of
 +
                        insomnia:
 +
                        A review. <i>Psychopharmacology</i> <b>89</b> (1986).<br>
 +
                        11&emsp;HAO Dali <i>et al</i>. Site-mutation of AroG Gene and Co-expression with TrpBA Gene
 +
                        in
 +
                        Escherichia coli. <i>Chinese Journal of Applied and Environmental Biology </i> <b>19</b>,
 +
                        817-821 (2013).
 +
                    </p>
 +
 
                 </div>
 
                 </div>
 +
                <div class="col-lg-1"></div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
    <!--//about-->
+
 
    <!--highlights-->
+
    <section class="align-padding-50-80">
+
        <div class="xjtuText text-center">
+
            <h1>highlights
+
            </h1>
+
            <h2>A lot of wonderful works<h2>
+
        </div>
+
        <div class="container">
+
            <div class="row">
+
                <div class="grid">
+
                    <figure class="effect-zoe">
+
                        <img src="https://static.igem.org/mediawiki/2021/b/b9/T--XJTU-China--25.jpg" alt="img25" />
+
                        <figcaption>
+
                            <div class="container d-flex align-items-center">
+
                                <h2 class="mr-auto"><span>XJTU</span>-China</h2>
+
                                <span class="lottieBtn viewBtn"></span>
+
                                <span class="lottieBtn hitLikeBtn"></span>
+
                            </div>
+
                            <p class="description">Perhaps you have no idea who is Hincious.
+
                            </p>
+
                        </figcaption>
+
                    </figure>
+
                    <figure class="effect-zoe">
+
                        <img src="https://static.igem.org/mediawiki/2021/a/a1/T--XJTU-China--26.jpg" alt="img26" />
+
                        <figcaption>
+
                            <div class="container d-flex align-items-center">
+
                                <h2 class="mr-auto"><span>XJTU</span>-China</h2>
+
                                <span class="lottieBtn viewBtn"></span>
+
                                <span class="lottieBtn hitLikeBtn"></span>
+
                            </div>
+
                            <p class="description">Perhaps you have no idea who is Hincious.
+
                            </p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
    <!--//highlights-->
+
 
     <!--JS-->
 
     <!--JS-->
 
     <script type="text/javascript"
 
     <script type="text/javascript"
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
    <script type="text/javascript"
 
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
 
 
     <script type="text/javascript"
 
     <script type="text/javascript"
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript"
 
     <script type="text/javascript"
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/seg_anime&action=raw&ctype=text/javascript"></script>
+
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
    <script type="text/javascript"
+
     <!--dr-menuSliding-->
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/seg_imgloaded&action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript"
+
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/seg_main&action=raw&ctype=text/javascript"></script>
+
     <!--Temporary script-->
+
    <!--viewBtn-->
+
 
     <script>
 
     <script>
         var viewBtn = $('.viewBtn');
+
         var fsliding = (function () {
        var n = viewBtn.length;
+
             window.addEventListener('scroll', function () {
        var animData = new Array(n);
+
                 var scroll = $(window).scrollTop();
        var animation = new Array(n);
+
                var pageHeight = $(window).height();
        for (i = 0; i < n; i++) {
+
                var pageWidth = $(window).width();
             animData[i] = {
+
                var drMenu = $(".dr-menu");
                container: viewBtn[i], // the dom element that will contain the animation
+
                 var containerHeight = $("#container").height();
                renderer: 'svg',
+
                var drMenuHeight = drMenu.height();
                 loop: true,
+
                var headerHeight = $("header").height();
                autoplay: true,
+
 
                path: 'https://static.igem.org/mediawiki/2021/1/14/T--XJTU-China--viewBtn.txt' // the path to the animation json
+
                if (pageWidth < 992) {
            }
+
                    drMenu.hide();
            animation[i] = lottie.loadAnimation(animData[i]);
+
                }
            animation[i].setSpeed(1.2);
+
                else {
        }
+
                    drMenu.show();
    </script>
+
                    // drmenu到底, -5px莫名其妙
    <!--hitLikeBtn&toggle-->
+
                    if (scroll - 5 - (0.7 * pageHeight - headerHeight) + drMenuHeight >= containerHeight) {
    <script>
+
                         drMenu.css({
        var hitLikeBtn = $('.hitLikeBtn');
+
                             "position": "relative",
        var n = hitLikeBtn.length;
+
                             "top": (containerHeight - drMenuHeight).toString() + "px"
        var animData = new Array(n);
+
                         });
        var animation = new Array(n);
+
                    }
        for (i = 0; i < n; i++) {
+
                    //滑动时,-5px莫名其妙
            animData[i] = {
+
                    else if (scroll - 5 > 0.7 * pageHeight - headerHeight) {
                 container: hitLikeBtn[i], // the dom element that will contain the animation
+
                         drMenu.css({
                renderer: 'svg',
+
                             "position": "fixed",
                loop: false,
+
                             "top": (headerHeight + 100).toString() + "px"
                autoplay: false,
+
                         });
                path: 'https://static.igem.org/mediawiki/2021/a/a9/T--XJTU-China--hitLikeBtn.txt' // the path to the animation json
+
                    }
            }
+
                    //未滑动时
            animation[i] = lottie.loadAnimation(animData[i]);
+
                    else {
        }
+
                        drMenu.css({
        hitLikeBtn.click(function () {
+
                            "position": "relative",
            var index = hitLikeBtn.index(this);
+
                            "top": "0"
            var flag = this.classList.toggle('isLike');
+
                        });
            if (flag) {
+
                     }
                animation[index].playSegments([0, 19], true);
+
            }
+
            else {
+
                animation[index].goToAndStop(0, true);
+
            }
+
        }
+
        )
+
    </script>
+
    <!--segmentEffectOfBanner-->
+
    <script>
+
            (function () {
+
                var headline = document.querySelector('.trigger-headline'),
+
                    trigger = document.querySelector('.btn--trigger'),
+
                    face = document.querySelector('.segmenter'),
+
                    segmenter = new Segmenter(face, {
+
                         pieces: 8,
+
                        positions: [{
+
                             top: 0,
+
                             left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                         }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                         }, {
+
                             top: 0,
+
                             left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }, {
+
                            top: 0,
+
                            left: 0,
+
                            width: 100,
+
                            height: 100
+
                        }],
+
                        shadows: false,
+
                        parallax: true,
+
                        parallaxMovement: {
+
                            min: 10,
+
                            max: 20
+
                        },
+
                        animation: {
+
                            duration: 2500,
+
                            easing: 'easeOutExpo',
+
                            delay: 0,
+
                            opacity: .1,
+
                            translateZ: {
+
                                min: 5,
+
                                max: 25
+
                            }
+
                        },
+
                        onReady: function () {
+
                            segmenter.animate();
+
                            headline.classList.remove('trigger-headline--hidden');
+
                         }
+
                    });
+
            })();
+
    </script>
+
    <!--Hin./ious-->
+
    <script>
+
        window.onload = function () {
+
            // 获取div节点的dom对象
+
            var divNode = document.querySelector('.bannerHeader');
+
            // 需要写入页面的字符串,这里的字符内容就是待会要写入网页的内容
+
            var codingStr = "Hin./ious";
+
            // 字符串索引
+
            var j = 0;
+
            // 创建循环定时器,通过循环定时器每200毫米执行里面的回调函数
+
            var coding = setInterval(function () {
+
                // slice()方法是截取字符串指定位置的方法
+
                // 第一个参数是起始位置的索引,第二个参数是结束位置的索引(不包含结束位置)
+
                // 最后返回的就是截取的字串
+
                // 最后是模拟光标的效果
+
                divNode.innerHTML = codingStr.slice(0, j) + '_';
+
                j++;
+
                // 如果索引大于了字符串的长度,把最后的光标删除并清除计时器
+
                if (j > codingStr.length) {
+
                     divNode.innerHTML = codingStr.slice(0, j);
+
                    clearInterval(coding);
+
 
                 }
 
                 }
             }, 200)
+
             })
         }
+
         })()
 
     </script>
 
     </script>
 
</body>
 
</body>

Latest revision as of 18:44, 21 October 2021

Team:XJTU-China/Project

Description

Project Description

We must admit that a nice mental state plays an essential role in maintaining our overall health. With the rapid changing in nowadays society, we can easily noticed that the number of people having problems about their mental health, like depression,anxiety and insomnia, is in an increasing trend.1 And according to several researches, mental health problems closely related to many physical disease, like high blood pressure and metabolic disease.2,3 What’s worse, this trend is developing tremendously during the pandemic prevailing of COVID-19.

COVID-19, occurred at the end of 2019, not only made profound influence on the economy of society, structure of industry and people’s lifestyle, but also posed a great threat to human health. Apart from directly causing damage to human body,like pneumonia and multiple organs injury, coronavirus also poses great pressure to individual’s mental health, which is hard to neglect.4 According to the surveys carried out in US, China and Europe, during the pandemic time, the ratio of people suffering from depression, anxiety and insomnia of different degrees is a climbing trend.5,6

Fig. 1

As a result, in this year’s iGEM competition, XJTU-China decides to use the technology of synthetic biology to bring changes to people who suffer from mental health problems like depression, anxiety and insomnia, in order to improve their life quality. Due to the regulation of quarantine and reduction in going out, dealing with those mental health problems by making differences to people’s diets can be more convenient and ensure their safety. Tryptophan, as an essential amino acids for human, also shows excellent potential in reducing depression and anxiety and promoting sleep quality.7,8,9,10 After having sufficient investigation and profound discussion with experts in nutriology, we decide to create a healthy type of milk based on tryptophan

Fig. 1 McKee, Grace B.Perrin, Paul B. Alzueta, Elisabet.Caffarra, Sendy. Ramos-Usuga, Daniela.Carlos Arango-Lasprilla, Juan.Baker, Fiona C. TI Sleeping when the world locks down: Correlates of sleep health during the COVID-19 pandemic across 59 countriesSO SLEEP HEALTH RI ; Perrin, Paul/L-5373-2015

We aimed at developing a domestic tryptophan milk producer using knowledge and technology of synthetic biology. Synthetic biology enables us to make functional change to given mode bacteria and fulfill our goal. Equipped with those skills and knowledge, we choose E.coliDH5α to accept our designed plasmid, which gives it the ability to produce Tryptophan efficiently and controllable. The core design of our produce circuit is the use of Toogle Switch, which is divided into two branches: growing pass and producing pass. And E.coli, responding to the concentration of IPTG and the change of temperature, is able to manipulate the ratio of energy and substance input to these two branches, then automatically change between these two statuses. The growing pass is constructed with the key gene: pykA ,to maintain the regular growth of E.coli. And the producing circuit contains three main genes: aroG, trpA and trpB. In this part, aroG is essential for the distribution of energy and substance between growth and produce process. And considering the metabolic pressure for E.coli itself, we finally choose to link two main genes in the produce process of Tryptophan.11

Fig. 1

On top of that, we design the hardware to help us achieve the goal of domestic produce and use of Tryptophan. The design of our hardware can be divided into four key parts: temperature control module, Single Chip Microcomputer, detecting module and magnetic stirring module. We are trying to centralize all of these modules in a machine as small as possible, which gives our device the advantage of being portable and convenient.

IGEM competition is absolutely not the culmination of our exploration! During the precious journey in iGEM, we have endeavored to arouse public’s attention to their own mental health situation and aid people release their pain of depression, anxiety and insomnia. And after the competition, we will want to practice some innovative ideas we came up with at brain-storm stage, like how to polish and improve our hardware design to make it be widely accepted? How to use commercial strategies to advertise it. We really want our design to come down to earth with the purpose of releasing pain of people suffering from depression and bringing real convenience to public’s daily life , anxiety and insomnia during this special. Fortunately, we are on our way to achieve that goal.


References

1 Merikangas, K. R. et al. Lifetime Prevalence of Mental Disorders in U.S. Adolescents: Results from the National Comorbidity Survey Replication–Adolescent Supplement (NCS-A). Journal of the American Academy of Child & Adolescent Psychiatry 49 (2010).
2 Depner, C. M., Stothard, E. R. & Wright, K. P. Metabolic Consequences of Sleep and Circadian Disorders. Current Diabetes Reports 14 (2014).
3 ALFANO, C. A., GINSBURG, G. S. & KINGERY, J. N. Sleep-Related Problems Among Children and Adolescents With Anxiety Disorders. Journal of the American Academy of Child & Adolescent Psychiatry 46 (2007).
4 Robert, S. et al. Depression, Anxiety and Stress during COVID-19: Associations with Changes in Physical Activity, Sleep, Tobacco and Alcohol Use in Australian Adults. International journal of environmental research and public health 17 (2020).
5 D.S., K. W., A., C. S., C., T. E., A., L. D. & S., D. N. Loneliness during the first half-year of COVID-19 Lockdowns. Psychiatry Research 294 (2020)
6 Killgore, W. D. S., Cloonan, S. A., Taylor, E. C. & Dailey, N. S. Loneliness: A signature mental health concern in the era of COVID-19. Psychiatry Research 290 (2020).
7 Dalfsen, J. H. v. & Markus, C. R. The serotonin transporter gene-linked polymorphic region (5-HTTLPR) and the sleep-promoting effects of tryptophan: A randomized placebo-controlled crossover study. Journal of Psychopharmacology 33 (2019).
8 Hudson, Hudson, Hecht & MacKenzie. Protein source tryptophan versus pharmaceutical grade tryptophan as an efficacious treatment for chronic insomnia. Nutritional Neuroscience 8 (2005).
9 R, L. H., Sanjiv, A. & L, F. V. Tryptophan Intake in the US Adult Population Is Not Related to Liver or Kidney Function but Is Associated with Depression and Sleep Outcomes. The Journal of nutrition 146 (2016).
10 Schneider-Helmert, D. & Spinweber, C. L. Evaluation of l -tryptophan for treatment of insomnia: A review. Psychopharmacology 89 (1986).
11 HAO Dali et al. Site-mutation of AroG Gene and Co-expression with TrpBA Gene in Escherichia coli. Chinese Journal of Applied and Environmental Biology 19, 817-821 (2013).

contact us

Xi'an Jiaotong University
28 Xianning West Road
Xi'an, Shaanxi, China, 710049
xjtu_igem@xjtu.edu.cn

Made with ❤️ by