Difference between revisions of "Team:SEU/Home"

 
(96 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html lang="en">
+
<html>
 
<!-- 解决官网bug的 CSS -->
 
<!-- 解决官网bug的 CSS -->
 
<style>
 
<style>
Line 34: Line 34:
 
</style>
 
</style>
  
<!-- basic settings -->
 
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Line 41: Line 40:
 
     <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
     <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/css" type="text/javascript"></script>
+
     <link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
 
 
    <div id="video">
 
 
         <header id="header">
 
         <header id="header">
             <div class="container-fluid">
+
             <div class="container-fluid"style="position:fixed;">
 
                 <div class="navbar">
 
                 <div class="navbar">
                     <p>
+
                     <a href="#slide01" id="logo" title="SEU">
                    <img src="https://static.igem.org/mediawiki/2019/b/b4/T--SEU--logo.png" width="150" height="100" />
+
                        SEU
                     </p>                  
+
                     </a>
 
                     <div class="navigation-row">
 
                     <div class="navigation-row">
 
                         <nav id="navigation">
 
                         <nav id="navigation">
Line 57: Line 53:
 
                             <div class="nav-box navbar-collapse">
 
                             <div class="nav-box navbar-collapse">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
                                     <li data-menuanchor="slide01" class="active"><a href="#slide01">Home</a></li>
+
                                     <li class="active"><a href="https://2019.igem.org/Team:SEU">Home</a></li>
                                     <li data-menuanchor="slide02"><a href="#slide02">Team</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:SEU/Team">Team</a>
                                     <li data-menuanchor="slide03"><a href="#slide03">Project</a></li>
+
                                        <div class="popList">
                                     <li data-menuanchor="slide04"><a href="#slide04">Parts</a></li>
+
                                            <a href="https://2019.igem.org/Team:SEU/Team">Team Members</a>
                                    <li data-menuanchor="slide05"><a href="#slide05">Safety</a></li>
+
                                            <a href="https://2019.igem.org/Team:SEU/Collaborations">Collaborations</a>
                                     <li data-menuanchor="slide06"><a href="#slide06">Human Practices</a></li>
+
                                        </div>
                                     <li data-menuanchor="slide07"><a href="#slide07">Awards</a></li>
+
                                    </li>
                                    <li data-menuanchor="slide08"><a href="#slide08">Judging Form</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:SEU/Description">Project</a>
 +
                                        <div class="popList">
 +
                                            <a href="https://2019.igem.org/Team:SEU/Description">Description</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Design">Design</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Experiments">Experiments</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Notebook">Notebook</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Contribution">Contribution</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Results">Results</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Demonstrate">Demonstrate</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Improve">Improve</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Attributions">Attributions</a>
 +
                                        </div>
 +
                                    </li>
 +
                                     <li><a href="https://2019.igem.org/Team:SEU/Parts">Parts</a>
 +
                                        <div class="popList">
 +
                                            <a href="https://2019.igem.org/Team:SEU/Parts">Parts Overview</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Basic_Part">Basic Parts</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Composite_Part">Composite Parts</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Part_Collection">Part Collection</a>
 +
                                        </div>
 +
                                    </li>
 +
                                    <li><a href="https://2019.igem.org/Team:SEU/Safety">Safety</a></li>
 +
                                     <li><a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a>
 +
                                        <div class="popList">
 +
                                            <a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Public_Engagement">Public Engagement</a>
 +
                                        </div>
 +
                                    </li>
 +
                                     <li><a href="https://2019.igem.org/Team:SEU/Entrepreneurship">Awards</a>
 +
                                        <div class="popList">
 +
                                            <a href="https://2019.igem.org/Team:SEU/Entrepreneurship">Entrepreneurship</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Hardware">Hardware</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Measurement">Measurement</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Model">Model</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Plant">Plant</a>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Software">Software</a>
 +
                                        </div>
 +
                                    </li>
 +
                                    <li><a href="https://igem.org/2019_Judging_Form?team=SEU">Judging Form</a></li>
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
Line 73: Line 107:
 
         </header>
 
         </header>
  
 
+
         <video autoplay muted loop id="BGVideo">
         <p>
+
          <source src="https://static.igem.org/mediawiki/2019/b/bf/T--SEU--BGVideo.mp4" type="video/mp4">
        <img src="https://static.igem.org/mediawiki/2019/5/5e/T--SEU--homelogo.png">
+
        </video>    
        </p>
+
    </div>
+
 
         <div id="fullpage" class="fullpage-default">
 
         <div id="fullpage" class="fullpage-default">
 
 
             <div class="section animated-row" data-section="slide01">
 
             <div class="section animated-row" data-section="slide01">
 
                 <div class="section-inner">
 
                 <div class="section-inner">
 
                     <div class="welcome-box">
 
                     <div class="welcome-box">
                         <span class="welcome-first animate" data-animate="fadeInUp">Hello, welcome to</span>
+
                         <span class="welcome-first animate" data-animate="fadeInUp" style="color:#fff">Welcome to</span>
                         <h1 class="welcome-title animate" data-animate="fadeInUp">elegance</h1>
+
                         <h1 class="welcome-title animate" data-animate="fadeInUp" style="color:#fff">SEU</h1>
                         <p class="animate" data-animate="fadeInUp">This is a clean and modern HTML5 template with a video background. You can use this layout for your profile page. Please spread a word about templatemo to your friends. Thank you.</p>
+
                         <div class="row justify-content-center">
                         <div class="scroll-down next-section animate data-animate="fadeInUp""><img src="images/mouse-scroll.png" alt=""><span>Scroll Down</span></div>
+
                        <div class="col-md-8">
 +
                          <figure class="about-img animate" data-animate="fadeInUp"><img src="https://static.igem.org/mediawiki/2019/7/70/T--SEU--home_tempo.png" class="rounded" alt=""></figure>
 +
                        </div>
 +
                        </div>
 +
                        <br><br>
 +
                         <div class="scroll-down next-section animate data-animate="fadeInUp"" style="color:#fff"><span>Scroll Down</span><img src="https://static.igem.org/mediawiki/2019/b/b4/T--SEU--scroll.png" alt=""></div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
  
 
             <div class="section animated-row" data-section="slide02">
 
             <div class="section animated-row" data-section="slide02">
Line 95: Line 132:
 
                     <div class="about-section">
 
                     <div class="about-section">
 
                         <div class="row justify-content-center">
 
                         <div class="row justify-content-center">
                             <div class="col-lg-8 wide-col-laptop">
+
                             <div class="col-md-8 wide-col-laptop">
 
                                 <div class="row">
 
                                 <div class="row">
                                     <div class="col-md-6">
+
                        <div class="row justify-content-center">
 +
                                     <div class="col-md-8">
 
                                         <div class="about-contentbox">
 
                                         <div class="about-contentbox">
 
                                             <div class="animate" data-animate="fadeInUp">
 
                                             <div class="animate" data-animate="fadeInUp">
                                                 <span>About Me</span>
+
                                                 <span style="color:#fff">Project</span>
                                                 <h2>Who am i?</h2>
+
                                                 <h2>Description</h2>
                                                 <p>Credits go to <strong>Unsplash</strong> and <strong>Pexels</strong> for photos and video used in this template. Vivamus tincidunt, augue rutrum convallis volutpat, massa lacus tempus leo.</p>
+
                                                 <p>This project is based on one of our previously published article [1]. Artificial intelligence is one prevailing research field in recent years, but most of the implementations are on traditional silicon-based computers or chips. Is it possible to use biochemical materials to implement such systems? Our previous paper provides one possible method, but it is validated by only simulations. In this project, we aim to implement such a system in wet experiments. Also, to aid the design of such systems, we will develop a small software to automatically generate required DNA topological structures.</p>
                                            </div>
+
                                                <p>In our system, the concentrations of some input DNA species will be regarded as the input to the neural network. Some mathematical calculations are performed in solutions (weighted summation, activation, etc.) and the output of the neural network is the concentration of some certain DNA strands, similarly.</p>
                                            <div class="facts-list owl-carousel">
+
                                                 <p>There are various possible applications of this technology. For example, as it utilizes only DNA, a type of bio-friendly material, with small modifications it may be integrated to other biosystems to create biochemistry robots.</p>
                                                 <div class="item animate" data-animate="fadeInUp">
+
 
                                                    <div class="counter-box">
+
                                                 <h2>Preliminaries</h2>
                                                        <i class="fa fa-trophy counter-icon" aria-hidden="true"></i><span class="count-number">32</span> Awards Won
+
                                                 <p>DNA strands have been proved a powerful medium to perform computation. Previous researches [2], [3] have shown some interesting applicatoins of such materials, which implemented a "probabilistic switch" and a pattern recognition machine, respectively.</p>
                                                    </div>
+
                                                <p>In this project, we plan to utilize a similar approach to conduct our experiment, implement a neural network using biochemical materials and validate our previous theory.</p>
                                                 </div>
+
 
                                                 <div class="item animate" data-animate="fadeInUp">
+
                                                 <h2>References</h2>
                                                    <div class="counter-box">
+
                                                 <p>[1]C. Fang, Z. Shen, Z. Zhang, X. You and C. Zhang, "Synthesizing a Neuron Using Chemical Reactions," 2018 IEEE International Workshop on Signal Processing Systems (SiPS), Cape Town, 2018, pp. 187-192.</p>
                                                        <i class="fa fa-graduation-cap counter-icon" aria-hidden="true"></i><span class="count-number">4</span> Degrees
+
                                                <p></p>
                                                    </div>
+
                                                 <p>[2]Wilhelm, Daniel, Jehoshua Bruck, and Lulu Qian. "Probabilistic switching circuits in DNA." Proceedings of the National Academy of Sciences 115.5 (2018): 903-908.</p>
                                                 </div>
+
                                                <p></p>
                                                 <div class="item animate" data-animate="fadeInUp">
+
                                                 <p>[3]Cherry, Kevin M., and Lulu Qian. "Scaling up molecular pattern recognition with DNA-based winner-take-all neural networks." Nature 559.7714 (2018): 370.</p>
                                                    <div class="counter-box">
+
                                                <p></p>
                                                        <i class="fa fa-desktop counter-icon" aria-hidden="true"></i><span class="count-number">12</span> Working Years
+
                                                    </div>
+
                                                </div>
+
                                                 <div class="item animate" data-animate="fadeInUp">
+
                                                    <div class="counter-box">
+
                                                        <i class="fa fa-support counter-icon" aria-hidden="true"></i><span class="count-number">6</span> Team Members
+
                                                    </div>
+
                                                </div>
+
                                                 <div class="item animate" data-animate="fadeInUp">
+
                                                    <div class="counter-box">
+
                                                        <i class="fa fa-certificate counter-icon" aria-hidden="true"></i><span class="count-number">10</span> Certificates
+
                                                    </div>
+
                                                </div>
+
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                     <div class="col-md-6">
+
                                     <div class="col-md-8">
                                         <figure class="about-img animate" data-animate="fadeInUp"><img src="images/profile-girl.jpg" class="rounded" alt=""></figure>
+
                                         <figure class="about-img animate" data-animate="fadeInUp"><img src="https://static.igem.org/mediawiki/2019/5/5b/T--SEU--descrip.png" class="rounded" alt=""></figure>
 
                                     </div>
 
                                     </div>
 +
                        </div>                     
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 143: Line 169:
 
             </div>
 
             </div>
  
            <div class="section animated-row" data-section="slide03">
 
                <div class="section-inner">
 
                    <div class="row justify-content-center">
 
                        <div class="col-md-8 wide-col-laptop">
 
                            <div class="title-block animate" data-animate="fadeInUp">
 
                                <span>Services</span>
 
                                <h2>What I Do?</h2>
 
                            </div>
 
                            <div class="services-section">
 
                                <div class="services-list owl-carousel">
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-bookmark" aria-hidden="true"></i></span>
 
                                            <h3>Bootstrap Themes</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-cloud" aria-hidden="true"></i></span>
 
                                            <h3>HTML5 Coding</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-desktop" aria-hidden="true"></i></span>
 
                                            <h3>Fully Responsive</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-mobile" aria-hidden="true"></i></span>
 
                                            <h3>Mobile Ready</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-comments" aria-hidden="true"></i></span>
 
                                            <h3>Fast Support</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-database" aria-hidden="true"></i></span>
 
                                            <h3>24-hour Up Time</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-bell" aria-hidden="true"></i></span>
 
                                            <h3>Instant Upgrades</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="service-box">
 
                                            <span class="service-icon"><i class="fa fa-camera" aria-hidden="true"></i></span>
 
                                            <h3>Always Monitoring</h3>
 
                                            <p>Nullam auctor, justo vitae accumsan ultrices, arcu ex molestie massa, eu maximus enim tortor vitae quam. </p>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>
 
  
            <div class="section animated-row" data-section="slide04">
 
                <div class="section-inner">
 
                    <div class="row justify-content-center">
 
                        <div class="col-md-7 wide-col-laptop">
 
                            <div class="title-block animate" data-animate="fadeInUp">
 
                                <span>My Skills</span>
 
                                <h2>What i’m good?</h2>
 
                            </div>
 
                            <div class="skills-row animate" data-animate="fadeInDown">
 
                                <div class="row">
 
                                    <div class="col-md-8 offset-md-2">
 
                                        <div class="skill-item">
 
                                            <h6>HTML CSS</h6>
 
                                            <div class="skill-bar">
 
                                                <span>70%</span>
 
                                                <div class="filled-bar"></div>
 
                                            </div>
 
                                        </div>
 
                                        <div class="skill-item">
 
                                            <h6>PSD Design</h6>
 
                                            <div class="skill-bar">
 
                                                <span>90%</span>
 
                                                <div class="filled-bar-2"></div>
 
                                            </div>
 
                                        </div>
 
                                        <div class="skill-item">
 
                                            <h6>Social Media</h6>
 
                                            <div class="skill-bar">
 
                                                <span>70%</span>
 
                                                <div class="filled-bar"></div>
 
                                            </div>
 
                                        </div>
 
                                        <div class="skill-item last-skill">
 
                                            <h6>Leadership</h6>
 
                                            <div class="skill-bar">
 
                                                <span>90%</span>
 
                                                <div class="filled-bar-2"></div>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
  
            <div class="section animated-row" data-section="slide06">
 
                <div class="section-inner">
 
                    <div class="row justify-content-center">
 
                        <div class="col-md-8 wide-col-laptop">
 
                            <div class="title-block animate" data-animate="fadeInUp">
 
                                <span>My Work</span>
 
                                <h2>what i’ve done?</h2>
 
                            </div>
 
                            <div class="gallery-section">
 
                                <div class="gallery-list owl-carousel">
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-1.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap CSS templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-2.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap themes.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-3.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap layouts.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-1.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-2.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download Bootstrap CSS templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-3.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-1.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-2.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="item animate" data-animate="fadeInUp">
 
                                        <div class="portfolio-item">
 
                                            <div class="thumb">
 
                                                <img src="images/item-3.jpg" alt="">
 
                                            </div>
 
                                            <div class="thumb-inner animate" data-animate="fadeInUp">
 
                                                <h4>templatemo is the best</h4>
 
                                                <p>Please tell your friends about it. Templatemo is the best website to download free Bootstrap templates.</p>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
  
            <div class="section animated-row" data-section="slide05">
 
                <div class="section-inner">
 
                    <div class="row justify-content-center">
 
                        <div class="col-md-8 wide-col-laptop">
 
                            <div class="title-block animate" data-animate="fadeInUp">
 
                                <span>TESTIMONIALS</span>
 
                                <h2>what THEY SAY?</h2>
 
                            </div>
 
                            <div class="col-md-8 offset-md-2">
 
                                <div class="testimonials-section">
 
                                    <div class="testimonials-slider owl-carousel">
 
                                        <div class="item animate" data-animate="fadeInUp">
 
                                            <div class="testimonial-item">
 
                                                <div class="client-row">
 
                                                    <img src="images/profile-01.jpg" class="rounded-circle" alt="profile 1">
 
                                                </div>
 
                                                <div class="testimonial-content">
 
                                                    <h4>Sandar</h4>
 
                                                    <p>"Ut varius leo eu mauris lacinia, eleifend posuere urna gravida. Aenean a mattis lacus."</p>
 
                                                    <span>Managing Director</span>
 
                                                </div>
 
                                            </div>
 
                                        </div>
 
                                        <div class="item animate" data-animate="fadeInUp">
 
                                            <div class="testimonial-item">
 
                                                <div class="client-row">
 
                                                    <img src="images/profile-01.jpg" class="rounded-circle" alt="profile 2">
 
                                                </div>
 
                                                <div class="testimonial-content">
 
                                                    <h4>Shinn</h4>
 
                                                    <p>"Nam iaculis, leo nec facilisis sollicitudin, dui massa tempus odio, vitae malesuada ante elit vitae eros."</p>
 
                                                    <span>CEO and Founder</span>
 
                                                </div>
 
                                            </div>
 
                                        </div>
 
                                        <div class="item animate" data-animate="fadeInUp">
 
                                            <div class="testimonial-item">
 
                                                <div class="client-row">
 
                                                    <img src="images/profile-01.jpg" class="rounded-circle" alt="profile 3">
 
                                                </div>
 
                                                <div class="testimonial-content">
 
                                                    <h4>Marlar</h4>
 
                                                    <p>"Etiam efficitur, tortor facilisis finibus semper, diam magna fringilla lectus, et fringilla felis urna posuere tortor."</p>
 
                                                    <span>Chief Marketing Officer</span>
 
                                                </div>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
  
            <div class="section animated-row" data-section="slide07">
 
                <div class="section-inner">
 
                    <div class="row justify-content-center">
 
                        <div class="col-md-7 wide-col-laptop">
 
                            <div class="title-block animate" data-animate="fadeInUp">
 
                                <span>Contact</span>
 
                                <h2>Get In Touch!</h2>
 
                            </div>
 
                            <div class="contact-section">
 
                                <div class="row">
 
                                    <div class="col-md-6 animate" data-animate="fadeInUp">
 
                                        <div class="contact-box">
 
                                            <div class="contact-row">
 
                                                <i class="fa fa-map-marker"></i> 123 New Street Here, Wonderful City 10220
 
                                            </div>
 
                                            <div class="contact-row">
 
                                                <i class="fa fa-phone"></i> 090 080 0210
 
                                            </div>
 
                                            <div class="contact-row">
 
                                                <i class="fa fa-envelope"></i> info@company.co
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="col-md-6 animate" data-animate="fadeInUp">
 
                                        <form id="ajax-contact" method="post" action="#">
 
                                            <div class="input-field">
 
                                                <input type="text" class="form-control" name="name" id="name" required placeholder="Name">
 
                                            </div>
 
                                            <div class="input-field">
 
                                                <input type="email" class="form-control" name="email" id="email" required placeholder="Email">
 
                                            </div>
 
                                            <div class="input-field">
 
                                                <textarea class="form-control" name="message" id="message" required placeholder="Message"></textarea>
 
                                            </div>
 
                                            <button class="btn" type="submit">Submit</button>
 
                                        </form>
 
                                        <div id="form-messages" class="mt-3"></div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                            <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
 
        <div id="social-icons">
 
            <div class="text-right">
 
                <ul class="social-icons">
 
                    <li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
 
                    <li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
 
                    <li><a href="#" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
 
                    <li><a href="#" title="Instagram"><i class="fa fa-behance"></i></a></li>
 
                </ul>
 
            </div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
</html>
 
</html>

Latest revision as of 16:42, 16 September 2019

Welcome to

SEU



Project

Description

This project is based on one of our previously published article [1]. Artificial intelligence is one prevailing research field in recent years, but most of the implementations are on traditional silicon-based computers or chips. Is it possible to use biochemical materials to implement such systems? Our previous paper provides one possible method, but it is validated by only simulations. In this project, we aim to implement such a system in wet experiments. Also, to aid the design of such systems, we will develop a small software to automatically generate required DNA topological structures.

In our system, the concentrations of some input DNA species will be regarded as the input to the neural network. Some mathematical calculations are performed in solutions (weighted summation, activation, etc.) and the output of the neural network is the concentration of some certain DNA strands, similarly.

There are various possible applications of this technology. For example, as it utilizes only DNA, a type of bio-friendly material, with small modifications it may be integrated to other biosystems to create biochemistry robots.

Preliminaries

DNA strands have been proved a powerful medium to perform computation. Previous researches [2], [3] have shown some interesting applicatoins of such materials, which implemented a "probabilistic switch" and a pattern recognition machine, respectively.

In this project, we plan to utilize a similar approach to conduct our experiment, implement a neural network using biochemical materials and validate our previous theory.

References

[1]C. Fang, Z. Shen, Z. Zhang, X. You and C. Zhang, "Synthesizing a Neuron Using Chemical Reactions," 2018 IEEE International Workshop on Signal Processing Systems (SiPS), Cape Town, 2018, pp. 187-192.

[2]Wilhelm, Daniel, Jehoshua Bruck, and Lulu Qian. "Probabilistic switching circuits in DNA." Proceedings of the National Academy of Sciences 115.5 (2018): 903-908.

[3]Cherry, Kevin M., and Lulu Qian. "Scaling up molecular pattern recognition with DNA-based winner-take-all neural networks." Nature 559.7714 (2018): 370.