-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
251 lines (230 loc) · 14.8 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html>
<head>
<title>CRC Biomarker Database</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link href="style.css" rel="stylesheet" type="text/css">
<!-- Font Awesome 矢量图标 -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet">
<!-- Roboto 字体 -->
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<!--<script src="https://cdn.tailwindcss.com"></script>-->
<script type="text/javascript">
function foothelp(e) {
if (e.id == "Use") {
var frameurl = "help/index.html#/Use";
} else if (e.id == "Cite") {
var frameurl = "help/index.html#/Cite";
} else if (e.id == "Updatelog") {
var frameurl = "help/index.html#/Updatelog";
} else if (e.id == "Home") {
var frameurl = "help/index.html#/";
}
// alert(frameurl);
// 在 _self 打开获取不了 newwindow
var newwindow = window.open('About.html');
newwindow.onload = function() {
newwindow.document.getElementsByClassName('f_content')['f_content']['src'] = frameurl;
}
}
</script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<div class="innerbox">
<h1><a href="index.html">CBD2: <br>
Colorectal Cancer Biomarker Database</a></h1>
</div>
</div>
<div class="menu_nav">
<div class="innerbox">
<ul class="menu">
<li class="active"><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
<li><a href="Biomarkers.html"><i class="fa fa-list"></i> Biomarkers</a>
<ul class="submenu">
<li><a href="NBiomarkers.php">Non-Biomarkers</a></li>
</ul>
</li>
<li><a href="Submission.php"><i class="fa fa-upload"></i> Submission</a></li>
<li><a href="Download.html"><i class="fa fa-cloud-download"></i> Download</a></li>
<li><a href="Explore.php"><i class="fa fa-flask"></i> Explore</a></li>
<li><a href="About.html"><i class="fa fa-file-text"></i> About</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="content">
<div class="innerbox">
<div>
<h2><i class="fa-regular fa-file-lines"></i> Data in CBD2</h2>
<div class="my-container">
<div class="my-inner-container">
<dl class="my-dl">
<div class="my-item">
<dt class="my-dt">1986 ~ Dec 2022</dt>
<dd class="my-dd">2391 (+1276) Articles</dd>
</div>
</dl>
</div>
<div class="my-inner-container">
<dl class="my-dl">
<div class="my-item">
<dt class="my-dt">Newly Biomarkers</dt>
<dd class="my-dd">2439 (+1569) Biomarkers<br><br>150 Non-biomarkers</dd>
</div>
</dl>
</div>
<div class="my-inner-container">
<dl class="my-dl">
<div class="my-item">
<dt class="my-dt">Drug-Target Data</dt>
<dd class="my-dd">520 Known Targets<br><br>4883 Drugs</dd>
</div>
</dl>
</div>
</div>
</div>
<div>
<h2><i class="fa-regular fa-file-lines"></i> About Colorectal Cancer</h2>
<div style="background-color: white;box-shadow: 0 5px 10px #e1e5ee;padding: 3px 10px;border-radius: 10px;min-height: 330px;overflow: auto;">
<div class="introduction">
<p>The digestive system is made up of the esophagus, stomach, and the small and large intestines. The first 6 feet of the large intestine are called the large bowel or colon. The last 6 inches are the rectum and the anal canal. Cancer that begins in the colon is called colon cancer, and cancer that begins in the rectum is called rectal cancer. Cancer that starts in either of these organs may also be called colorectal cancer.</p>
<p><i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i><strong>Rate of New Cases and Deaths per 100,000:</strong> The rate of new cases of colorectal cancer was 36.6 per 100,000 men and women per year. The death rate was 13.1 per 100,000 men and women per year. These rates are age-adjusted and based on 2016–2020 cases and deaths.</p>
<p><strong>Lifetime Risk of Developing Cancer</strong>: Approximately 4.1 percent of men and women will be diagnosed with colorectal cancer at some point during their lifetime, based on 2017–2019 data.</p>
<p><strong>Prevalence of This Cancer</strong>: In 2020, there were an estimated 1,388,422 people living with colorectal cancer in the United States.</p>
</div>
<!--<div class="casesbox">-->
<!-- <div class="cases new">-->
<!-- <p><span>Estimated New Cases in 2022</span> <span>151,030</span></p>-->
<!-- <p><span>% of All New Cancer Cases</span> <span>7.9%</span></p>-->
<!-- </div>-->
<!-- <div class="cases death">-->
<!-- <p><span>Estimated Deaths in 2022</span> <span>52,580</span></p>-->
<!-- <p><span>% of All Cancer Deaths</span> <span>8.6%</span></p>-->
<!-- </div>-->
<!-- <div class="survival">-->
<!-- <p>5-Year Relative Survival</p>-->
<!-- <strong>65.1%</strong>-->
<!-- <span>2012–2018</span>-->
<!-- </div>-->
<!--</div>-->
<div class="casesbox">
<div class="cases new">
<p><span>Estimated New Cases in 2023</span> <span>153,020</span></p>
<p><span>% of All New Cancer Cases</span> <span>7.8%</span></p>
</div>
<div class="cases death">
<p><span>Estimated Deaths in 2023</span> <span>52,550</span></p>
<p><span>% of All Cancer Deaths</span> <span>8.6%</span></p>
</div>
<div class="survival">
<p>5-Year Relative Survival</p>
<strong>65.0%</strong>
<span>2013–2019</span>
</div>
</div>
</div>
<div>
<p style="text-align: right;"> —— From <a href="https://seer.cancer.gov/statfacts/html/colorect.html" target="_black" class="news">Surveillance, Epidemiology, and End Results Program (SHEER) / Cancer Stat Facts: Colorectal Cancer</a></p>
</div>
<!--<img src="images/incidence_death.png" width="100%" style="box-shadow: 0 5px 10px #e1e5ee;border-radius: 10px;">-->
<!--<p style="text-align: right;"> —— From <a href="https://seer.cancer.gov/statistics-network/explorer/application.html?site=20&data_type=9&graph_type=2&compareBy=rate_type&chk_rate_type_1=1&chk_rate_type_2=2&chk_rate_type_3=3&sex=1&race=1&age_range=1&hdn_stage=101&advopt_precision=1&advopt_show_ci=on&hdn_view=0&advopt_display=2#graphArea" target="_black" class="news">Cancer Statistics Explorer Network / SEER*Explorer</a></p>-->
</div>
<div>
<h2><i class="fa fa-line-chart"></i> The Tendency of CRC Biomarker Research</h2>
<iframe scrolling="no" style="border:none;box-shadow: 0 5px 10px #e1e5ee;border-radius: 10px;background: white;" seamless="seamless" src="images/frame-img/Tendency.html" height="500" width="100%"></iframe>
<p>Data source: <a href="http://www.ncbi.nlm.nih.gov/pubmed/" target="_black" class="news">http://www.ncbi.nlm.nih.gov/pubmed/</a>.(until 2022/08/12)</p>
<p>Keywords: (((biomarker OR marker) OR indicator) OR predictor) AND ((colorectal cancer OR rectal cancer) OR bowel cancer)</p>
</div>
<div>
<h2><i class="fa fa-chalkboard-user"></i> Tutorial</h2>
<video src="./videos/Tutorial.mp4" width="100%" controls="controls"></video>
</div>
<br>
<div style="background-color: white;padding: 10px 10px;overflow: auto;box-shadow: 0 5px 10px #e1e5ee;border-radius: 10px;">
<p style="color: #34495e;text-align: center;font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif;margin: 0;padding: 0;">
<b><a style="font-size: 20px;color: #1B9CFC;font-family: 'Roboto',sans-serif;">Please cite: </a><br>
<a style="color: black;font-family: 'CRP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;">Zhang, X., Li, M., Ye, S., Shen, K., Yuan, H., Bakhtyar, S., Peng, Q., Liu, Y., Wang, Y., & Li, M. (2023). CBD2: A functional biomarker database for colorectal cancer. iMeta, e155. https://doi.org/10.1002/imt2.155 </a>
<a href="https://scholar.google.com/scholar?q=CBD2%3A%20A%20functional%20biomarker%20database%20for%20colorectal%20cancer" target="_blank" style="color: #42b983;font-family: 'CRP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;"><i class="fa fa-external-link" aria-hidden="true"></i> Google Scholar</a>
</b>
</p>
</div>
</div>
</div>
<div class="footer">
<div class="innerbox">
<div class="footer-left">
<h2 style="color: #d6d6d6;font-family: 'Roboto',sans-serif;font-size: 22px;">© CBD2 2018-2022</h2>
<ul>
<li id="liu-logo">
<a href="https://liu.se/en" target="_blank"><img src="images/liu.png" style="vertical-align:middle;"></a>
</li>
<li id="suda-logo">
<a href="http://www.suda.edu.cn/" target="_blank"><img src="images/suda.png" style="vertical-align:middle;margin-left: -8px;"></a>
</li>
<li id="gdph-logo">
<a href="https://www.gdghospital.org.cn/" target="_blank"><img src="images/gdph.png" style="vertical-align:middle;margin-left: -5px;margin-top: -5px;"></a>
</li>
</ul>
</div>
<div class="footer-right">
<h2 style="color: #d6d6d6;font-family: 'Roboto',sans-serif;font-size: 22px;">Links</h2>
<ul>
<li>
<a href="https://liu.se/en" target="_blank">Linköping University</a>
</li>
<li>
<a href="http://www.suda.edu.cn/" target="_blank">Soochow University</a>
</li>
<li>
<a href="https://www.gdghospital.org.cn/" target="_blank">Guangdong Provincial People's Hospital</a>
</li>
<li>
<i class="fa-brands fa-github"></i> <a href="https://github.com/WhyLIM/CBD" target="_blank">Open Source</a>
</li>
</ul>
</div>
<div class="footer-right">
<h2 style="color: #d6d6d6;font-family: 'Roboto',sans-serif;font-size: 22px;">Help</h2>
<ul>
<li>
<a id="Use" onclick="javascript:foothelp(this); return false;" href="#">How to Use</a>
</li>
<li>
<a id="Cite" onclick="javascript:foothelp(this); return false;" href="#">Reference</a>
</li>
<li>
<a id="Updatelog" onclick="javascript:foothelp(this); return false;" href="#">Updatelog</a>
</li>
<li>
<a id="Home" onclick="javascript:foothelp(this); return false;" href="#">Contact</a>
</li>
</ul>
</div>
<div class="footer-right">
<h2 style="color: #d6d6d6;font-family: 'Roboto',sans-serif;font-size: 22px;">Support</h2>
<ul>
<li>
<a href="https://fontawesome.com/" target="_blank">Icon</a>
</li>
<li>
<a href="https://docsify.js.org/#/" target="_blank">Document</a>
</li>
<li>
<a href="https://string-db.org/cgi/help?sessionId=bshQSgoux29C" target="_blank">APIs</a>
</li>
<li>
<a>Researchers Worldwide</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>