Skip to content
Snippets Groups Projects
Commit 79e61df4 authored by Lijunxian Zhang's avatar Lijunxian Zhang :star:
Browse files

update index!

parent cd5c964e
No related branches found
No related tags found
No related merge requests found
{% extends "layout.html" %}
{% block title %}Home{% endblock %}
{% block lead %}<b>Welcome to iGEM 2022!</b> Your team has been approved and you are ready to start the iGEM season!{% endblock %}
{% block page_content %}
<div class="row">
<div class="col">
<h2>Before you start</h2>
<hr>
<p>Please read the following pages:</p>
<ul>
<li><a href="https://competition.igem.org/">The Competition Page</a></li>
<li><a href="https://competition.igem.org/deliverables/team-wiki">Wiki Requirements page</a></li>
</ul>
</div>
</div>
<div class="row mt-4">
<div class="col">
<h2>Styling your wiki</h2>
<hr>
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-8">
<h2>Tips</h2>
<hr>
<p>This wiki will be your team's first interaction with the rest of the world, so here are a few tips to help you get started:</p>
<ul>
<li>State your accomplishments! Tell people what you have achieved from the start.</li>
<li>Be clear about what you are doing and how you plan to do this.</li>
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.</li>
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.</li>
<li>Start documenting your project as early as possible; don't leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2022 calendar</li>
<li>Have lots of fun!</li>
</ul>
</div>
<div class="col-lg-4">
<h2>Inspiration</h2>
<hr>
<p>You can also view other team wikis for inspiration! Here are some examples:</p>
<ul>
<li><a href="https://2019.igem.org/Team:Vilnius-Lithuania">2019 Vilnius Lithuania</a></li>
<li><a href="https://2019.igem.org/Team:NUS_Singapore">2019 NUS Singapore</a></li>
<li><a href="https://2019.igem.org/Team:Lambert_GA">2019 Lambert GA</a></li>
<li><a href="https://2020.igem.org/Team:Waterloo">2020 Waterloo</a></li>
<li><a href="https://2020.igem.org/Team:TUDelft">2020 TUDelft</a></li>
<li><a href="https://2020.igem.org/Team:XMU-China">2020 XMU China </a></li>
<li><a href="https://2020.igem.org/Team:TAS_Taipei">2020 TAS Taipei </a></li>
</ul>
</div>
</div>
{% endblock %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2022 USTC-Software</title>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg" />
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/" />
<link href="{{ url_for('static', filename = 'CSS/bootstrap.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename = 'CSS/bootstrap-icons.css') }}" rel="stylesheet" />
<link href="{{ url_for('static', filename = 'CSS/enter.css') }}" rel="stylesheet" />
<script src="{{ url_for('static', filename = 'JS/bootstrap.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/bootstrap.bundle.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename = 'JS/jquery-3.6.0.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/uncompressed/ScrollMagic.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/gsap.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/MotionPathPlugin.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/velocity.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/CSSRulePlugin.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/EasePack.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/uncompressed/plugins/animation.gsap.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/uncompressed/plugins/animation.velocity.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/uncompressed/plugins/debug.addIndicators.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/CustomEase.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'JS/enter.js') }}"></script>
<body>
<nav id="nav" class="navbar navbar-expand-sm fixed-top">
<div class="container-fluid">
<img class="navbar-brand ms-4" src="https://static.igem.wiki/teams/4240/wiki/img/img-igem.png" width="50px" height="50px">
<button type="button" class="navbar-toggler" data-bs-target="#navbarCollapse" id='navbar-toggler'>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#FFFFFF" class="bi bi-list"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
</svg>
</button>
<div class=" collapse navbar-collapse" id="navbarCollapse">
<div class=" col-sm-3 pb-1 navbar-nav">
<div class="col-1"></div>
<!-- <img class="navbar-brand" src="./img/IMG-IGEM.png" width="50px" height="50px"> -->
<span class="my-auto" style="text-align: center; font-size:1.125rem;">USTC-Software</span>
</div>
<div class=" col-sm-9 pb-1 navbar-nav">
<div class="col-sm-2"></div>
<div class="container-fluid navbar-collapse col-sm-6 d-flex justify-content-between" id="nav-list">
<div class="nav-item dropdown text-center">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="https://2022.igem.wiki/ustc-software/team" target="_blank"
id="team">Team</a>
<ul class="dropdown-menu mt-1">
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/team" target="_blank">Team Members</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/collaborations" target="_blank">Collaborations</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/partnership" target="_blank">Partnership</a>
</li>
</ul>
</div>
<div class="nav-item dropdown text-center">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="project">Project</a>
<ul class="dropdown-menu mt-1">
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/description" target="_blank">Description</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/model" target="_blank">Model</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/engineering" target="_blank">Engineering</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/implementation" target="_blank">Implementation</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/contribution" target="_blank">Contribution</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/proof-of-concept" target="_blank">Proof of Concept</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/attributions" target="_blank">Attributions</a>
</li>
</ul>
</div>
<a class="nav-link nav-item dropdown text-center" target="_blank" href="https://2022.igem.wiki/ustc-software/safety" id="safety">Safety</a>
<div class="nav-item dropdown text-center">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" target="_blank" href="https://2022.igem.wiki/ustc-software/human-practices"
id="human-practices">Human Practices</a>
<ul class="dropdown-menu mt-1">
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/human-practices" target="_blank">Integrated Human Practices</a>
</li>
<li class="dropdown-item">
<a href="https://2022.igem.wiki/ustc-software/communication" target="_blank">Education & Communication</a>
</li>
</ul>
</div>
<a class="nav-link nav-item dropdown text-center" target="_blank" href="https://2022.igem.wiki/ustc-software/awards" id="safety">Awards</a>
</div>
<div class="col-sm-1"></div>
</div>
</div>
</div>
</nav>
<div class="container-fluid row" id="enter">
<div class="col-sm-1"></div>
<div class="col-sm-10" id="link">
<div class="container-fluid row">
<div class="col-6 pt-5 mt-2">
<div class="mt-5 Title-show-container w-100">
<div class="Title-show">
M&nbsp;E&nbsp;I
</div>
</div>
<div class="col pb-5">
<div class="Title-hidden-container d-flex">
<div class="Title-hidden pe-2">
<span class="title-hilight">M</span>odified
</div>
<div class="Title-hidden px-2">
<span class="title-hilight">E</span>nzyme
</div>
<div class="Title-hidden ps-2">
<span class="title-hilight">I</span>nterface
</div>
</div>
</div>
<div class="Title-show-container py-2">
<div class="welcome">An <span id="title-team-name">iGEM-2022 USTC-Software</span> project.</div>
<div class="welcome">Specially designed for your <span id="title-react">REACTION</span>.</div>
</div>
<div class="row pb-5" id="button-list">
<button type="button" id="more-info-btn" class="col-4 btn btn-outline-success"><span id="for-more-info" class="bi bi-stars"></span><i class="bi bi-lightbulb-fill"></i>&nbsp;<a href="https://2022.igem.wiki/ustc-software/description" target="_blank">More info</a></button>
<div class="col-1" style="height:60px">
</div>
<button type="button" id="product-btn" class="col-4 btn btn-outline-info"><span id="for-product" class="bi bi-gear-fill"></span><a href="http://1.117.223.64" target="_blank"><i class="bi bi-diamond-half"></i>&nbsp;Our product</a></button>
<div class="col-3"></div>
</div>
<div id="simply-description">
<div class="describe-part d-flex my-2">
<div class="describe-icon bi bi-eyedropper"></div>
<div class="describe-text">
<div class="Title-show-container ">
<div class="describe-title"><span class="describe-hilight">Reaction</span> based</div>
<div class="describe-content " >Based on a specfic reaction, find a specfic enzyme.</div>
</div>
</div>
</div>
<div class="describe-part d-flex my-2">
<div class="describe-icon bi bi-palette-fill"></div>
<div class="describe-text">
<div class="Title-show-container">
<div class="describe-title">User-friendly <span class="describe-hilight">input</span></div>
<div class="describe-content">Enable SMILES, molfile, or a directly drawn chemical.</div>
</div>
</div>
</div>
<div class="describe-part d-flex my-2">
<div class="describe-icon bi bi-gear-wide-connected"></div>
<div class="describe-text">
<div class="Title-show-container">
<div class="describe-title">Fit <span class="describe-hilight">production</span> requirements</div>
<div class="describe-content">Auxiliary reactions, kinetic constants, enzyme organisms... all in ONE!</div>
</div>
</div>
</div>
<div class="describe-part my-2">
<div class="describe-text">
<div class="describe-title-another">And more......</div>
</div>
</div>
</div>
</div>
<div class="col-6" id="main-img-container">
<div class="p-2">
<img class="main-img" id="img1" src="https://static.igem.wiki/teams/4240/wiki/img/gif1.gif"/>
<img class="main-img" id="img2" src="https://static.igem.wiki/teams/4240/wiki/img/gif2.gif"/>
<img class="main-img" id="img3" src="https://static.igem.wiki/teams/4240/wiki/img/gif3.gif"/>
</div>
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div id="content">
<div class="content container-fluid row" id="content1">
<div class="col-sm-1"></div>
<div class="col-sm-10 container-fluid row">
<div class="my-img col" id="pic1">
<img class="content-img" id ="anim-pic1" src="https://static.igem.wiki/teams/4240/wiki/img/content1.svg" width="70%" height="auto"/>
<img class="content-img-bg" src="https://static.igem.wiki/teams/4240/wiki/img/content-bg1.svg" width="100%" height="auto"/>
</div>
<div class="my-content col">
<div class="my-title" id="title1">Enzymes in metabolic pathways</div>
<div class="my-passage" id="passage1">
As we all know, <span class="text-emphasize">enzymes</span> play an important role in the biological production of synthetic
biology.<br />
And compared with general catalysts, <span class="text-emphasize">enzymes</span> outstand for high efficiency and specificity.<br />
By introducing various <span class="text-emphasize">enzymes</span> into reaction systems and biological devices, we can produce many
valuable products under mild external conditions or in living organisms.
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="content container-fluid row" id="content2">
<div class="col-sm-1"></div>
<div class="col-sm-10 container-fluid row">
<div class="my-content col">
<div class="my-title" id="title2">Current problems for researchers</div>
<div class="my-passage" id="passage2">
Usually, a complete biosynthesis or degradation pathway contains multiple nodes and multi-step
reactions.<br />
In the process of study, researchers often find that there is <span class="text-emphasize">no suitable enzyme</span> that can be
directly found in the database to catalyze the <span class="text-emphasize">target reaction</span>, or the catalytic efficiency of
enzymes found is not high, which brings difficulties to the study of metabolic pathways.
</div>
</div>
<div class="my-img col" id="pic2">
<img class="content-img" id ="anim-pic2" src="https://static.igem.wiki/teams/4240/wiki/img/content2.svg" width="70%" height="auto"/>
<img class="content-img-bg" src="https://static.igem.wiki/teams/4240/wiki/img/content-bg2.svg" width="100%" height="auto"/>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="content container-fluid row" id="content3">
<div class="col-sm-1"></div>
<div class="col-sm-10 container-fluid row">
<div class="my-img col" id="pic3">
<img class="content-img" id ="anim-pic3" src="https://static.igem.wiki/teams/4240/wiki/img/content3.svg" width="70%" height="auto"/>
<img class="content-img-bg" src="https://static.igem.wiki/teams/4240/wiki/img/content-bg3.svg" width="100%" height="auto"/>
</div>
<div class="my-content col">
<div class="my-title" id="title3">Deficiencies in current metabolic pathway software</div>
<div class="my-passage" id="passage3">
At present, there are some software for calculating anabolic pathways. However, pathway
interruption often occurs when searching pathways containing <span class="text-emphasize">unknown reactions</span>.<br />
In other software, only the structure of the compound structure is considered when predicting
unknown reactions, which often leads to too many results and the difficulty in <span class="text-emphasize">experimental
verification</span> so that the practical feasibility in experiment or industrial production is low.
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="content container-fluid row" id="content4">
<div class="col-sm-1"></div>
<div class="col-sm-10 container-fluid row">
<div class="my-content col">
<div class="my-title" id="title4">MEI-Modified Enzyme Interface</div>
<div class="my-passage" id="passage4">
Thus, our team developed <span class="text-emphasize">MEI, Modified Enzyme Interface</span>, to provide users with efficient enzymes
candidates that may catalyze the target reaction.<br />
Our project is based on a <span class="text-emphasize">similarity comparison algorithm</span>. Through structural comparison of
chemical reactions, we screen out <span class="text-emphasize">potential enzymes</span> from the database and output them in a
<span class="text-emphasize">user-friendly</span> way.
</div>
</div>
<div class="my-img col" id="pic4">
<img class="content-img" id ="anim-pic4" src="https://static.igem.wiki/teams/4240/wiki/img/content4.svg" width="70%" height="auto"/>
<img class="content-img-bg" src="https://static.igem.wiki/teams/4240/wiki/img/content-bg4.svg" width="100%" height="auto"/>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="content container-fluid row" id="content5">
<div class="col-sm-1"></div>
<div class="col-sm-10 container-fluid row">
<div class="my-img col" id="pic5">
<img class="content-img" id ="anim-pic5" src="https://static.igem.wiki/teams/4240/wiki/img/content5.svg" width="70%" height="auto"/>
<img class="content-img-bg" src="https://static.igem.wiki/teams/4240/wiki/img/content-bg5.svg" width="100%" height="auto"/>
</div>
<div class="my-content col">
<div class="my-title" id="title5">Benefits of MEI</div>
<div class="my-passage" id="passage5">
Under the initial assumption of single-step reaction, we gradually added more factors to be
considered, such as the participation of coenzyme, the species of enzymes, the control of feed
ratio by considering the reaction rate through biodynamic knowledge.<br />
By MEI, we hope to help users shorten the experimental time and <span class="text-emphasize">find the desired enzyme</span> more
quickly.
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="container-fuild row">
<div class="col-sm-1"></div>
<div class="col-sm-10 text-center" id="link-introduct">Useful Link</div>
<div class="col-sm-1"></div>
</div>
<div class="container-fluid row">
<div class="col-sm-1"></div>
<div class="summary col-sm-10">
<div class="summary-box">
<a href="https://2022.igem.wiki/ustc-software/description" target="_blank" class="summary-item" id="box1">
<div class="summary-content">
<div class="summary-title">Description</div>
<div class="summary-p">Learn more about how did we come up with MEI</div>
</div>
</a>
</div>
<a href="https://2022.igem.wiki/ustc-software/engineering" target="_blank" class="summary-box">
<div class="summary-item" id="box2">
<div class="summary-content">
<div class="summary-title">Engineering</div>
<div class="summary-p">we have gone through several iterations of the engineering design
cycle through continuous investigation</div>
</div>
</div>
</a>
<a href="https://2022.igem.wiki/ustc-software/model" target="_blank" class="summary-box">
<div class="summary-item" id="box3">
<div class="summary-content">
<div class="summary-title">Model</div>
<div class="summary-p">How did we collect data, build models, and set parameters to explain
our project</div>
</div>
</div>
</a>
<a href="https://2022.igem.wiki/ustc-software/proof-of-concept" target="_blank" class="summary-box">
<div class="summary-item" id="box4">
<div class="summary-content">
<div class="summary-title">Proof of concept</div>
<div class="summary-p">We provided our software for many parties to test its feasibility in
practice</div>
</div>
</div>
</a>
<a href="https://2022.igem.wiki/ustc-software/human-practices" target="_blank" class="summary-box">
<div class="summary-item" id="box5">
<div class="summary-content">
<div class="summary-title">Human practice</div>
<div class="summary-p">How we had engaged with human practice and make adjustment to our
software</div>
</div>
</div>
</a>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<footer id="enter-footer" class="container-fuild row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<footer>
<div class="container-fluid row">
<div class="col-1"></div>
<div class="footer row col-10">
<div class="col-sm-2 footer-section">
<div class="footer-title">Team</div>
<div class="logo-container">
<a class="d-flex align-items-center flex-column" href="https://2022.igem.wiki/ustc-software" target="_blank">
<img id="footer-logo" src="https://static.igem.wiki/teams/4240/wiki/img/img-igem.png" alt="USTC-Software">
<div class="fs-5 team-footer footer-list">USTC-Software</div>
</a>
</div>
</div>
<div class="col-sm-5 footer-section">
<div class="footer-title">Sponsors</div>
<a class="footer-list d-block" href="https://www.ustcif.org.cn/default.php" target="_blank">Initiative Foundation</a>
<a class="footer-list d-block" href="https://biox.ustc.edu.cn/" target="_blank">School of Life Science, USTC</a>
<a class="footer-list d-block" href="https://www.teach.ustc.edu.cn/" target="_blank">Academic Affairs Office</a>
</div>
<div class="col-sm-5 footer-section">
<div class="footer-title">Contact us</div>
<div class="footer-list"><i class="bi bi-envelope"></i>&nbsp;Mail:&nbsp;USTC_Software2022@163.com</div>
<div class="footer-list"><i class="bi bi-git"></i>&nbsp;<a href="https://gitlab.igem.org/2022/ustc-software">Gitlab</a></div>
<div class="footer-list"><i class="bi bi-geo-alt-fill"></i>&nbsp;Address:University of Science and Technology of China, No.96, JinZhai Road Baohe District, Hefei, Anhui, 230026, P.R.China</div>
</div>
</div>
<div class="col-1"></div>
</div>
<div class="footer-required mb-3">
<div class="col-sm d-flex justify-content-center p-1"><small>© 2022 - Content on this site is licensed under a <a class="subfoot"
href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution
4.0 International license</a>.</small></div>
<div class="col-sm d-flex justify-content-center p-1"><small>The repository used to create this website is available at <a
href="https://gitlab.igem.org/2022/ustc-software">gitlab.igem.org/2022/ustc-software</a>.</small>
</div>
<div class="col-sm d-flex justify-content-center p-1"><small>University of Science and Technology of China, No.96, JinZhai Road Baohe District, Hefei, Anhui, 230026, P.R.China</small>
</div>
</div>
<div class="wiki-tools row">
<div class="col-sm-2"></div>
<div class="col-sm-8 d-flex justify-content-around">
<a href="https://tools.igem.org/wiki/2022/ustc-software" target="_blank" class="fs-5">Access Wiki Tools</a>
<a href="https://gitlab.igem.org/2022/ustc-software" target="_blank" class="fs-5">View Source Code</a>
</div>
<div class="col-sm-2"></div>
</div>
</footer>
</div>
<div class="col-sm-1"></div>
</footer>
<div class="cir-nav">
<svg data-name="Livello 1" id="Livello_1" width='50px' height="50px" viewBox="-4 -4 135 135" xmlns="http://www.w3.org/2000/svg">
<title/>
<path fill='#90c0f0' stroke='#90c0f0' stroke-width='5' d="M64,0a64,64,0,1,0,64,64A64.07,64.07,0,0,0,64,0Zm0,122a58,58,0,1,1,58-58A58.07,58.07,0,0,1,64,122Z"/>
<path stroke='#9FcFaF' stroke-width='3' fill='#9FcFaF' d="M90,61H38a3,3,0,0,0,0,6H90a3,3,0,0,0,0-6Z"/>
<path stroke='#9FcFaF' stroke-width='3' fill='#9FcFaF' d="M90,74H38a3,3,0,0,0,0,6H90a3,3,0,0,0,0-6Z"/>
<path stroke='#9FcFaF' stroke-width='3' fill='#9FcFaF' d="M90,48H38a3,3,0,0,0,0,6H90a3,3,0,0,0,0-6Z"/>
</svg>
</div>
<div id="go-back" class="class-change">
<a href="#" alt="Back to top">
<svg id="progress" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path id="path" fill="none" stroke="#f3dba8" stroke-linecap="round" stroke-width="6"></path>
</svg>
</a>
</div>
</body>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment