-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
114 lines (104 loc) · 7.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="applicable-device" content="mobile"><meta name="renderer" content="webkit"><meta name="force-rendering" content="webkit"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
<title>CPU_CHINA Homepage</title>
<link rel="icon" href="images/icon.png" size="16×16">
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
<button onclick="topFunction()" id="myBtn" title="Back to top"></button>
<script>
// 当网页向下滑动 20px 出现"返回顶部" 按钮
window.onscroll = function() {scrollFunction()};
function scrollFunction() {console.log(121);
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// 点击按钮，返回顶部
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</div>
<div id="float">
<h6>HOME</h6>
<p style="font-size:1.2vw"><a href="#aaa" class="website">Background</a></p>
<p style="font-size:1.2vw"><a href="#bbb" class="website">Video</a></p>
</div>
<div id="nav">
<img src="images/队伍logo.png" alt="" style="width:7.025vw;height:3.325vw;margin-right:10rem;margin-left:5rem;margin-top:0.6vw"/>
<div class="items">
<div class="menu">
<a href="index.html" class="function">HOME</a>
</div>
</div>
<div class="items">
<div class="menu1">
<a href="html/PROJECT.html" class="function">PROJECT</a>
<div style="background-color:rgba(255,255,255,0.8);border-bottom-left-radius: 2vw;border-bottom-right-radius: 2vw;width:16vw;margin-left:2vw;top:0；margin-bottom:1vw;padding-bottom:0.5vw;padding-top:0.5vw;z-index: 999;border-top-left-radius: 2vw;border-top-right-radius: 2vw">
<div class="drop"><a href="html/PROJECT.html#aaa">Introduction</a></div>
<div class="drop"><a href="html/PROJECT.html#bbb">Results</a></div>
<div class="drop"><a href="html/TIMELINE.html">Timeline</a></div></div>
</div>
</div>
<div class="items">
<div class="menu2">
<a href="html/MEMBERS.html" class="function">TEAM</a>
<div style="background-color:rgba(255,255,255,0.8);border-bottom-left-radius: 2vw;border-bottom-right-radius: 2vw;width:16vw;margin-left:2vw;top:0；margin-bottom:1vw;padding-bottom:0.5vw;padding-top:0.5vw;z-index: 999;border-top-left-radius: 2vw;border-top-right-radius: 2vw">
<div class="drop"><a href="html/MEMBERS.html#aaa">Members</a></div>
<div class="drop"><a href="html/SOCIAL MEDIA.html#aaa">Social Media</a></div>
<div class="drop"><a href="html/SOCIAL MEDIA.html#ccc">Sponsors</a></div></div>
</div>
</div>
<div class="items">
<div class="menu3">
<span><a href="html/DOCUMENTATION.html" class="function">DOCUMENTATION</a></span>
<div style="background-color:rgba(255,255,255,0.8);border-bottom-left-radius: 2vw;border-bottom-right-radius: 2vw;width:16vw;margin-left:2vw;top:0；margin-bottom:1vw;padding-bottom:0.5vw;padding-top:0.5vw;z-index: 999;border-top-left-radius: 2vw;border-top-right-radius: 2vw">
<div class="drop"><a href="html/DOCUMENTATION.html#aaa">Models</a></div>
<div class="drop"><a href="html/DOCUMENTATION.html#bbb">Protocols</a></div>
<div class="drop"><a href="html/DOCUMENTATION.html#ccc">Webinar China</a></div></div>
</div>
</div>
</div>
<div id="aaa">
<h1 style="font-family:Baskerville, Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif', Palatino">Rational Design of Norcoclaurine Synthase
Using Molecular Simulation and Deep Learning</h1>
<p>As an industry concerned with people's livelihood, the chemical and pharmaceutical industry is still in a period of rapid development and continues to contribute to the improvement of social health. However, at the same time, we cannot ignore the environmental impacts caused by pharmaceutical companies during their operations. Over the past decade, the chemical and related industries, especially the pharmaceutical industry, have faced serious environmental problems. Many traditional synthesis methods, while versatile, generate large amounts of waste, which puts increasing pressure on the chemical sector, and efforts must be made to reduce or optimize waste disposal processes.</p>
<p>Modern developments in chemistry and medicine require more accurate and efficient design of organic reactions. With the rise of artificial intelligence in computational chemistry, the natural sciences are more closely integrated with computers. In chemistry, the traditional approach based on experiments and physical models is gradually merging with the data-based machine learning paradigm. More and more data representations for computer processing have been developed and are constantly adapted to generative-based statistical models.</p>
<p>The rapid development of computer technology has given us the amazing ability to transform enzymes. Suitable mathematical models and optimization algorithms allow us to find optimal solutions in the huge space of enzyme sequences. Artificial enzyme design models biocatalytic reactions on computers, uses the powerful computational ability of computers to quickly search the huge protein sequence space, and obtains the optimal amino acid sequence by solving the optimization problem, thus making the enzyme a link in the chemical-pharmaceutical industry and realizing green production.</p>
</div>
<div id="bbb">
<h2>Promotion Video - 2023iDEC</h2>
<video alt="CPU_CHINA - Promotion Video - 2023iDEC" style="z-index:-1; width:49vw;height: 27vw;margin-top:2vw;margin-left:8%" controls autoplay loop muted>
<source src="Video.mp4" type="video/mp4">
</video>
</div>
<div id="foot">
<div style="height:0;margin-bottom:1vw">
<img src="images/药大logo.png" style="width:21.048vw;height:6vw;margin-left:4.2vw;margin-top:2vw" alt=""/></div>
<p style="float: left;color:white;font-size: 1vw;z-index:-111;margin-left:5vw;margin-top:11vw">© 2023 CPU_CHINA, 639 Longmian Avenue, Nanjing, Jiangsu, China</p>
<div class="row2">
<a href="https://twitter.com/CPUiDEC" title="X/twitter" target="_blank">
<span class="pichange">
<img src="images/推特.png" style="width:3vw;height:3vw" alt=""/>
<img src="images/推特 (1).png" style="width:3vw;height:3vw" alt=""/>
</span></a>
<a href="https://www.youtube.com/channel/UC6F-a6IRl6As4OQupKKFChA" title="YouTube" target="_blank">
<span class="pichange">
<img src="images/youtube-play.png" style="width:3vw;height:3vw" alt=""/>
<img src="images/youtube-play (1).png" style="width:3vw;height:3vw" alt=""/> </span></a>
<a href="https://mp.weixin.qq.com/s/IXvS5gNCoC4EXbNunYW3pA" title="WeChat" target="_blank">
<span class="pichange">
<img src="images/微信 (2).png" style="width:3vw;height:3vw" alt=""/><img src="images/微信 (3).png" style="width:3vw;height:3vw" alt=""/>
</span></a>
</div>
</div>
</body>
</html>