Skip to content
Snippets Groups Projects
Commit 297b9ed2 authored by Weirong Zhu's avatar Weirong Zhu :video_game:
Browse files

Revert "test" 

This reverts commit ee8e18d5
parent 792ad039
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 0 additions and 313 deletions
wiki/pages/homepage deleted 100644 → 0
+ 0
− 313
View file @ 792ad039
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>homepage</title>
<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="CSS/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="CSS/homepage.css">
<link href="CSS/bootstrap-icons.css" rel="stylesheet" />
<script src="JS/bootstrap.min.js"></script>
<script src="JS/bootstrap.bundle.js"></script>
<script type="text/javascript" src="JS/jquery-3.6.0.min.js"></script>
<script src="JS/uncompressed/ScrollMagic.js"></script>
<script src="JS/gsap.min.js"></script>
<script src="JS/MotionPathPlugin.min.js"></script>
<script src="JS/velocity.min.js"></script>
<script src="JS/CSSRulePlugin.min.js"></script>
<script src="JS/EasePack.min.js"></script>
<script src="JS/uncompressed/plugins/animation.gsap.js"></script>
<script src="JS/uncompressed/plugins/animation.velocity.js"></script>
<script src="JS/uncompressed/plugins/debug.addIndicators.js"></script>
<script src="JS/CustomEase.min.js"></script>
</head>
<body>
<div class="container-fluid row">
<div class="container-fluid p-0" id='top'>
<div class="row" style="height: 80vh;">
<h1 class="title">iGEM-2022 <br />USTC-Software</h1>
</div>
<div class="row" style="height: 20vh;">
<div class="col-11"></div>
<div class="col-1 ">
<a href="#content" class="m-auto row " id="down_button">
<i class="bi bi-chevron-double-down"></i>
</a>
</div>
</div>
</div>
<div class="col-2"></div>
<div class="main-container container-fluid col-8 p-0">
<nav id="nav" class="navbar navbar-expand-sm bg-secondary fixed-top">
<div class="container-fluid col-2">LOGO</div>
<div class="container-fluid navbar-collapse col-10">
<div class="nav-item col text-center">Test1</div>
<div class="nav-item col text-center">Test2</div>
<div class="nav-item col text-center">Test3</div>
<div class="nav-item dropdown col text-center">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Test4</a>
<ul class="dropdown-menu">
<li class="dropdown-item" href="#">Test4.1</li>
<li class="dropdown-item" href="#">Test4.2</li>
<li class="dropdown-item" href="#">Test4.3</li>
</ul>
</div>
<div class="nav-item col text-center">Test5</div>
</div>
</nav>
<div id="content" class="container-fluid">
<div style="height:30vh"></div>
<div class="container-fluid" id="background">
<div class="row">
<div class="col-3"></div>
<div class="col-6 text-center">In synthetic biology,catalysts have always
played <strong>an indispensible role</strong></div>
<div class="col-3"></div>
</div>
<div class="row new-p">
<div class="col-3"></div>
<div class="col-6 text-center">配小图</div>
<div class="col-3"></div>
</div>
</div>
<div class="row new-p">
<div class="col-2"></div>
<div class="col-8 text-center">
catalysts can change the reaction pathway, reduce or increase the activation energy of the
reaction to speed up or slow down the chemical reaction speed
</div>
<div class="col-2"></div>
</div>
<div class="container-fluid p-0 row new-p" id="tree_container">
<div class="col-2"></div>
<div id="Ea" class="col-8 text-center">差箭头 坐标轴融入背景了（
<svg width="800" height="600" version="1.1" xmlns="http://www.w3.org/2000/svg">
<text class="cls-2" style="transform:translate(-100px,50px);"><tspan x="174.749">ENERGY</tspan></text>
<path class="cls-1" d="M 165.2896 374.4 H 592.8 v 12 H 165.2896 m 403.5024 -0.0176 h 45.316 V 392.8 l 41.1 -12.4 L 614.108 368 v 6.4192 H 568.792 v 11.9648 Z" />
<path class="cls-1" d="M 165.2 380.7937 v -307.275 h 12 v 307.275 m -0.0176 -286.2045 V 54.816 H 183.6 l -12.4 -36.075 l -12.4 36.075 h 6.4192 v 39.7732 h 11.9648 Z" />
<path id="path6"
d="M -192 0 C -141.6667 -0.3333 -103 12 -83 -23 C -62 -83 -37 -105 -26 -9 C -21 28 -11 89 7 70 C 35 52 31 5 56 -8 C 76 3 65 9 86 33 C 117 63 138 55 200 54"
style="transform:translate(400px,220px);fill:none;stroke-width: 10px;"></path>
<path id="path7"
d="M -192 0 C -129 3 -100 -1 -82 -52 C -57 -132 -21 -258 71 -24 C 106 60 139 55 200 54"
style="transform:translate(400px,220px);fill:none;stroke-width: 10px"></path>
<image x="650" y="-200" width="30" height="200" id="down-arrow"
xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAE+CAYAAAB1KcseAAABJUlEQVR4nO3WWw6CMBAF0KlxQ+7aZbkT/BETEVrKm3DuL3ROcgcC6fV8RCFN6YZMUu7ibcbg2YHD4XA4HA6Hw+FwOBwOh8PhcDgcDofD4XA4HA6Hw+FwOBwOh8PhcDgcDofD4XA4HA6Hw+FwOBwOh8PhcDgcDofD4XA4HA6Hw+FwOBwOh8PhcDgcDofD4XA4HA6Hw+Hwy+NwOBwOh8PhcDgcDofD4XD4hfB7RDQrzs/O9sDthqed7GTnu+Jb7z2F2j/Zqvqvo/Y2a1f/M1/th8HX2vvfXLV3s3T1vfPU3pelqh+co/ZD4nP3nj2v9lymVl88p/ZSaqsfdb/ax2Rs9aNXpPZT4KV9Vr2Saq/JULXVHyC116Zb8aRvvtpPh7d7nvaPFxFvAT8HU3fM5n8AAAAASUVORK5CYII="/>
</svg>
</div>
<div class="col-2"></div>
<!-- <svg width="100%" height="100%" viewbox='0 0 1000 600'>
<path id="path1" d='M 500 50 L 500 300 L 500 550' stroke="#b0e0e0"
stroke-width="3" fill="none"></path>
<path id="path2" d='M 400 100 L 500 300 L 500 550' stroke="#b0e0e0"
stroke-width="3" fill="none"></path>
<path id="path3" d='M 300 150 L 500 300 L 500 550' stroke="#b0e0e0"
stroke-width="3" fill="none"></path>
<path id="path4" d='M 600 100 L 500 300 L 500 550' stroke="#b0e0e0"
stroke-width="3" fill="none"></path>
<path id="path5" d='M 700 150 L 500 300 L 500 550' stroke="#b0e0e0"
stroke-width="3" fill="none"></path>
</svg>
<div id="bubble1" class="bubble"></div>
<div id="bubble2" class="bubble"></div>
<div id="bubble3" class="bubble"></div>
<div id="bubble4" class="bubble"></div>
<div id="bubble5" class="bubble"></div> -->
</div>
<div class="container-fluid" id="purpose">
<div class="row">
<div class="col-2"></div>
<div class="col-8 text-center">
Compared with ordinary chemical catalysts, <strong>the efficiency and specificity</strong>
of enzymes are unparalleled!
</div>
<div class="col-2"></div>
</div>
</div>
<div class="container-fluid new-p" id="what_we_do">
<div class="row">
<div class="col-2"></div>
<div class="col-8 text-center">
Therefore, in synthetic biology, the enzyme response pathway is the <strong>key</strong>
</div>
<div class="col-2"></div>
</div>
</div>
<div class="row new-p">
<div class="col-3"></div>
<div class="col-6 text-center">配小图</div>
<div class="col-3"></div>
</div>
<div class="new-p">
<div class="sub-title active">but <strong>the problem is </strong>that……</div>
<div class="container-fluid row new-b">
<div class="col-2"></div>
<div class="col-8 text-center">
The existing enzyme metabolic pathway search is generally<strong> using database
search</strong> based on the graph algorithm. But when there is <strong>no
enzyme</strong> that can catalyze a certain Intermediate reaction in the database, the
metabolic pathway search will be inevitably <strong>interrupted</strong>
</div>
<div class="col-2"></div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col text-center new-p" style="height: 60vh;">
<svg width="100%" height="100%" viewbox='0 0 120 160' id="polygonal-mesh">
<path d='M 50 20 L 60 80 L 80 60 L 40 60 L 10 50 L 80 60 L 90 30 L 120 50 L 80 60 L 80 140 L 40 60 L 100 80 L 90 110 M 100 80 L 50 110 L 40 60 M 10 50 L 10 50 M 10 50 L 10 50 L 50 110 M 80 140 L 20 120 M 10 50 L 10 50 M 80 140 L 90 110' stroke="#8aa3ea"
stroke-width="0.8" fill="none"></path>
<path d='M 50 20 L 10 50 L 20 120 M 50 20 L 80 40 L 40 60 L 10 50 M 90 30 L 80 40 L 80 60 L 100 80 L 120 50 L 120 90 M 90 110 L 50 110' stroke="#3264f4"
stroke-width="0.8" fill="none"></path>
<path d='M 50 20 L 40 60 L 20 120 L 50 110 L 60 80 L 40 60 M 50 20 L 90 30 L 100 80 L 60 80 L 90 110 L 120 90 L 100 80 M 50 110 L 80 140 L 120 90' stroke="#3264f4"
stroke-width="1.5" fill="none"></path>
<circle cx='50' cy='20' r='4' fill='#8aa3ea' />
<circle cx='50' cy='110' r='4' fill='#8aa3ea' />
<circle cx='120' cy='50' r='4' fill='#8aa3ea'/>
<circle cx='80' cy='140' r='4' fill='#8aa3ea' />
<circle cx='10' cy='50' r='3' fill='#3264f4' />
<circle cx='80' cy='60' r='3' fill='#3264f4' />
<circle cx='90' cy='110' r='3' fill='#3264f4' />
<circle cx='90' cy='30' r='3' fill='#3264f4' />
<circle cx='40' cy='60' r='2' fill='#3264f4' />
<circle cx='80' cy='40' r='2' fill='#3264f4' />
<circle cx='60' cy='80' r='2' fill='#3264f4' />
<circle cx='20' cy='120' r='2' fill='#3264f4' />
<circle cx='100' cy='80' r='2' fill='#3264f4' />
<circle cx='120' cy='90' r='2' fill='#3264f4' />
<path id="mesh-path1" d='M 50 20 L 10 50 L 20 120 L 80 140 '
fill="none"></path>
<path id="mesh-path2" d='M 50 20 L 40 60 L 60 80 L 50 110 L 80 140 '
fill="none"></path>
<path id="mesh-path3" d='M 50 20 L 80 40 L 80 60 L 100 80 L 120 90 L 80 140 '
fill="none"></path>
<path id="mesh-path4" d='M 50 20 L 90 30 L 120 50 L 100 80 L 90 110 L 80 140 '
fill="none"></path>
</svg>
<div id="mesh-ball1" class="mesh-ball"></div>
<div id="mesh-ball2" class="mesh-ball"></div>
<div id="mesh-ball3" class="mesh-ball"></div>
<div id="mesh-ball4" class="mesh-ball"></div>
</div>
</div>
</div>
<div class="new-p" id="mesh-below">
<div class="sub-title" id="part03">When that happens,</div>
<div class="row new-b">
<div class="col-2"></div>
<div class="col-8 text-center">
we hope to take the <strong>similarity to the substrate structure</strong> into
consideration and find out the enzyme catalyzing similar reaction in the database <strong>on
the premise of ensuring the type of reaction</strong>
</div>
<div class="col-2"></div>
</div>
<div class="row new-b">
<div class="col-2"></div>
<div class="col-8 text-center">
Maybe these enzymes will catalyze the reaction you want!
</div>
<div class="col-2"></div>
</div>
<div class="row new-b">
<div class="col-2"></div>
<div class="col-8 text-center">
小图？
</div>
<div class="col-2"></div>
</div>
<div class="row new-b">
<div class="col-2"></div>
<div class="col-8 text-center">
Due to this reason,we have developed a new fundamental tool , which is based on
<strong>Similarity comparison algorithm</strong> . It will provide candidates for enzymes
that are most likely to catalyze the reaction, so that researchers could test and even
improve efficiency through genetic engineering.
</div>
<div class="col-2"></div>
<div style="height:30vh"></div>
</div>
</div>
</div>
</div>
<div class="col-2"></div>
</div>
<footer>
<div class="footer container-fluid">
<div class="row">
<div class="col-sm-2">LOGO</div>
<div class="col-sm-5 footer-title">Sponsors
<div class="footer-list">Sponsor1</div>
<div class="footer-list">Sponsor2</div>
</div>
<div class="col-sm-5 footer-title">Contact us
<div class="footer-list">Way1</div>
<div class="footer-list">Way2</div>
<div class="footer-list">Way3</div>
</div>
</div>
</div>
<div class="footer-required ">
<div class="col-sm"><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"><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>
<div class="wiki-tools row">
<div class="col-sm-2"></div>
<div class="col-sm-8 d-flex justify-content-around">
<a><span class="btn btn-info shadow rounded-pill tool-anchor"> Access Wiki Tools </span></a>
<a><span class="btn btn-info shadow rounded-pill tool-anchor"> View Source Code </span></a>
</div>
<div class="col-sm-2"></div>
</div>
<div id="go-back" class="class-change">
<a href="#top" 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="#025550" stroke-linecap="round" stroke-width="6"></path>
</svg>
</a>
</div>
</footer>
<script src="JS/homepage.js"></script>
<script src="JS/bubble.js"></script>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment