-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
382 lines (355 loc) · 24.1 KB
/
index.html
File metadata and controls
382 lines (355 loc) · 24.1 KB
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
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" property="og:title" content="Just-DNA-Seq"/>
<meta name="type" property="og:type" content="Open-source genetics project">
<meta name="image" property="og:image" content="https://github.com/dna-seq/dna-seq.github.io/blob/main/images/just_dna_seq.png?raw=true">
<meta name="description" property="og:description" content="Just-DNA-Seq is an open-source project that helps you analyze your genome">
<meta name="twitter:title" content="Just-DNA-Seq">
<meta name="twitter:description" content="Just-DNA-Seq is an open-source project that helps you analyze your genome">
<meta name="twitter:image" content="https://github.com/dna-seq/dna-seq.github.io/blob/main/images/just_dna_seq.png?raw=true">
<meta name="twitter:card" content="https://github.com/dna-seq/dna-seq.github.io/blob/main/images/mini_logo_1.png?raw=true">
<link rel="stylesheet" href="./styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<link rel="icon" href="./images/just_dna_seq.png">
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src="./scripts.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Just-DNA-Seq</title>
</head>
<body>
<!-- Top Navigation Menu -->
<div class="topnav">
<a href="#home" class="active"> </a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<a class="main-links" href="./index.html#just-dna-seq" class="header-element">Just-DNA-Seq:</a>
<ul>
<li><a href="./index.html#tutorial">Tutorial</a></li>
<li><a href="./index.html#report">Report example</a></li>
<li><a href="./index.html#modules">Modules</a></li>
<li><a href="./index.html#team" class="header-element">About team</a></li>
</ul>
<a class="main-links" href="./how_it_works.html" class="header-element">How it works</a>
<a class="main-links" href="./why_just_dna.html" class="header-element">Why Just-DNA-Seq?</a>
<a class="main-links" href="https://arxiv.org/abs/2403.19087" target=”_blank” class="header-element">Our paper</a>
<a class="main-links" href="https://github.com/dna-seq" target=”_blank” class="header-element">Github</a>
<a class="main-links" href="https://just-dna-seq.readthedocs.io/en/oakvar/" target=”_blank” class="header-element">Documentation</a>
<a class="main-links" href="https://longevity-genie.github.io/" target=”_blank” class="header-element">Longevity-Genie project</a>
<p>Register on our platform:</p>
<a href="http://agingkills.eu:8081/index.html#" target=”_blank”><div class="login">Login/Sign in</div></a>
<p class="details">Use our demo account:</p>
<p class="details"><b>login:</b> <i>jdnaseq@gmail.com</i></p>
<p class="details"><b>password: </b><i>123456</i></p>
<!-- <div class="gitcoin gitcoin2">
<a class="gitcoin-a" href="https://explorer.gitcoin.co/#/round/42161/39/20" target=”_blank” >Support us on <span style="text-decoration: underline;">GitCoin!</span></a>
</div> -->
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon1" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="sidenav">
<!-- <div class="gitcoin">
<a class="gitcoin-a" href="https://explorer.gitcoin.co/#/round/42161/39/20" target=”_blank” >Support us on <span style="text-decoration: underline;">GitCoin!</span></a>
</div> -->
<a class="main-links" href="./index.html#just-dna-seq" class="header-element">Just-DNA-Seq:</a>
<ul>
<li><a href="./index.html#tutorial">Tutorial</a></li>
<li><a href="./index.html#report">Report example</a></li>
<li><a href="./index.html#modules">Modules</a></li>
<li><a href="./index.html#team" class="header-element">About team</a></li>
</ul>
<a class="main-links" href="./how_it_works.html" class="header-element">How it works</a>
<a class="main-links" href="./why_just_dna.html" class="header-element">Why Just-DNA-Seq?</a>
<a class="main-links" href="https://arxiv.org/abs/2403.19087" target=”_blank” class="header-element">Our paper</a>
<a class="main-links" href="https://github.com/dna-seq" target=”_blank” class="header-element">Github</a>
<a class="main-links" href="https://just-dna-seq.readthedocs.io/en/oakvar/" target=”_blank” class="header-element">Documentation</a>
<a class="main-links" href="https://longevity-genie.github.io/" target=”_blank” class="header-element">Longevity-Genie project</a>
<p>Register on our platform:</p>
<a href="http://agingkills.eu:8081/index.html#" target=”_blank”><div class="login">Login/Sign in</div></a>
<p class="details">Use our demo account:</p>
<p class="details"><b>login:</b> <i>jdnaseq@gmail.com</i></p>
<p class="details"><b>password: </b><i>123456</i></p>
</div>
<div class="main">
<div id="toTop">
<section class="line arrow">
</section>
<section class="bodypart arrow">
</section>
</div>
<div class="container">
<h1 id="just-dna-seq"><span class="just">Just</span> <span class="D">D</span><span class="N">N</span><span class="A">A</span><span class="seq">-Seq</span></h1>
<div class="block">
<div class="inner-div innder-div0">
<img class="vertical" src="images/old_couple.avif">
<div class="textt"><p class="boldd">Your DNA Guide to a Longer Life</p>
<p>Our reports use detailed genetic data to give you a clear picture of your longevity chances.</p>
</div>
</div>
<div class="inner-div inner-div1">
<div class="textt-1"><p class="boldd">Understand What Your Genes Say About Your Health</p>
<p>Find out how your genetic makeup could impact your risk for heart disease and cancer, with clear explanations from trusted sources.</p>
</div>
<img class="old_couple" src="images/dna.jpg">
</div>
<div class="inner-div inner-div2">
<img class="doctor" src="images/doctor.avif">
<div class="textt-2"><p class="boldd">Personalize Your Medicine Cabinet</p>
<p>Discover which drugs work best for you and which to avoid, all based on your unique genetic profile.</p>
</div>
</div>
</div>
<h3 class="big-text">Lead a Longer, Healthier Life with Just-DNA-Seq!</h3>
<div>
<div class="not">
<section class="white white-how">
<p class="small-paragraph">Just-DNA-Seq is an open-source project that helps you analyze your genome:</p>
<ol class="other-ol">
<li>Sequence your genome with the help of Nebula, Dante, or any other sequencing company</li>
<li>Obtain a VCF (Variant Call Format) file containing your genomic data</li>
<li>Upload this file to <a href="http://agingkills.eu:8081/index.html#" target=”_blank”>our platform</a> for annotation</li>
<li>Get a <a href="#report">personalized report</a> detailing your predisposition to age-related diseases, significant health risks, and insights into your longevity based on your genomic information.</li>
</ol>
<img src="./images/how-it-works.jpg" class="image">
<p id="tutorial">Tutorial on how to use the Just-DNA-Seq platform:</p>
<div class="inframe-container">
<iframe class="responsive-iframe" src="https://www.youtube.com/embed/H23UCty82ag" style="height: 100%; " frameborder="0" allowfullscreen allow="autoplay"></iframe>
</div>
</section>
</div>
<div class="not">
<div class="check-it">
<p style="margin-top:3vw;">Try Just-DNA-Seq <a href="http://agingkills.eu:8081/index.html">now!</a> </p>
<p class="small">Use our demo account to see already generated reports (<b>login:</b> <i>jdnaseq@gmail.com</i> <b>password: </b><i>123456</i>)</p>
</div>
</section>
</div>
<div class="not intro">
<p id="report" class="description">An example of the report you get:</p>
<p class="description"><a href="https://dna-seq.github.io/example/">Full report example</a></p>
<img src="./images/report.png" class="report" alt="report">
</div>
<div style="display:none;"class="not">
<section class="white white-how support-section">
<p class="support">Our side projects participate in GitCoin! Please support us!</p>
<div class="small-conteiner">
<p><a href="https://dna-seq.github.io/dna-stories/">Just-DNA-Seq Stories: My Genes and Longevity</a> is a comic created using MidJourney, focusing on genetics and longevity</p>
<a href="https://explorer.gitcoin.co/#/round/10/0x5b95acf46c73fd116f0fedadcbedf453530e35d0/0x5b95acf46c73fd116f0fedadcbedf453530e35d0-28"><img src="./images/dna-stories-qr.png" class="qr" alt="qr-code"></a>
</div>
<p style="text-align: center; color:rgb(148, 148, 148);">Scan QR-code or click on it to follow the link</p>
<div class="small-conteiner">
<p><a href="https://longevity-genie.github.io/">Longevity-Genie</a> is a conversational chat-bot that will answer all your questions related to longevity</p>
<a href="https://explorer.gitcoin.co/#/round/10/0x5b95acf46c73fd116f0fedadcbedf453530e35d0/0x5b95acf46c73fd116f0fedadcbedf453530e35d0-30"><img src="./images/genie-qr.png" class="qr" alt="qr-code"></a>
</div>
<p style="text-align: center; color: gray;">If you don't know how to donate here is the <a href="https://docs.google.com/presentation/d/1QXOCVwxwfX5o8yLAfqK-5TvXlCgoBadQ7s20-hdK-JY/edit#slide=id.p">instruction</a></p>
</section>
</div>
<div class="tables">
<h2 id="modules" class="why why-2">At the moment we have the following modules in our report:</h2>
<div class="sections-wrapper sections-wrapper1">
<section class="sections sections1">
<table>
<tr class="row1">
<th>
<img src="./images/longevity-variants.png" class="icon">
</th>
<th>
<section>
Longevity variants report is based on 1900 variants from LongevityMap and other data sources which are scored and prioritized according to multiple criteria. It also depends on ClinGene, dbSNP and ClinVar modules. To help you better understand the role your genes play in longevity, we have categorized them into 11 distinct groups.
</section>
<section class="gith gith1">Github repository: <a href="https://github.com/dna-seq/just_longevitymap">just_longevitymap</a></section>
</th>
</tr>
</table>
</section>
</div>
<div class="sections-wrapper sections-wrapper2">
<section class="sections sections2">
<table>
<tr class="row2">
<th>
<img src="./images/longevity-PRS.png" class="icon">
</th>
<th>
<section>
<p style="color:rgb(206, 120, 120)"><i><b>(Currently deprecated and removed)</b></i></p>
Longevity PRS report is based on existing longevity polygenic scores. At the moment, our best performing PRS is implements the score presented in [<a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8087277/">PMC8087277</a>] and comprises 330 variants. This PRS was shown to be significantly associated with cognitively healthy aging and with prolonged survival. While it is not enough to have “centenarian” genes to become one, they are still needed to cut down major health risks and therefore gain longevity escape velocity.
</section>
<section class="gith gith2">Github repository: <a href="https://github.com/dna-seq/just_prs">just_prs</a></section>
</th>
</tr>
</table>
</section>
</div>
<div class="sections-wrapper sections-wrapper3">
<section class="sections sections3">
<table>
<tr class="row3">
<th>
<img src="./images/oncorisks.png" class="icon">
</th>
<th>
<section>
Of the major life threatening risks, Hereditary Cancers are the ones reliably predictable based on genetic variants data. Certain genetic variants determine a higher-than-average risk of developing a specific kind of cancer. The Oncological risks report includes about 300 genes, which are related to cancer predisposition, cancer progression and tumor cell motility.
</section>
<section class="gith gith3">Github repository: <a href="https://github.com/dna-seq/just_cancer">just_cancer</a></section>
</th>
</tr>
</table>
</section>
</div>
<div class="sections-wrapper sections-wrapper4">
<section class="sections sections4">
<table>
<tr class="row4">
<th>
<img src="./images/longevity-drugs.png" class="icon">
</th>
<th>
<section>
Aging is commonly associated with deteriorating health. As a result, plenty of drugs are commonly prescribed at an older age. Moreover, some of these drugs are now known to have geroprotective action in addition to their primary indications for medicine use (e.g. statins, metformin, rapamycin, etc.). To a large extent Drug metabolism is highly dependent on a person’s genetic polymorphisms because these variations affect the activity of xenobiotics-transforming enzymes. As a result, individual dose correction or even medication replacement is frequently required in order to avoid adverse effects. Longevity-drugs report is mostly based on data from PharmGKB database (https://www.pharmgkb.org/) and DrugAge and provides insight into one’s drug metabolism dispositions for a number of widely used drugs.
</section>
<section class="gith gith4">Github repository: <a href="https://github.com/dna-seq/just_drugs">just_drugs</a></section>
</th>
</tr>
</table>
</section>
</div>
<div class="sections-wrapper sections-wrapper5">
<section class="sections sections5">
<table>
<tr class="row5">
<th>
<img src="./images/cardiohereditary.png" class="icon">
</th>
<th>
<section>
We keep expanding our “Major risks” module with information about other common diseases which are among leading causes of death worldwide and are major contributors to decreased longevity. This part contains the information about hereditary cardio desisease and coronary artery disease (CAD). Timely detection and diagnosis of heart disorders can lead to enhanced treatment options, help to prevent sudden cardiac death, and improve prognosis. Our report analyzes the most relevant genes for arrhythmias, congenital heart disease, and cardiomyopathies. Analyzed gene abnormalities may cause the following syndromes: Long and short QT, Brugada syndrome, catecholaminergic polymorphic ventricular tachycardia, cardiomyopathies dilated and hypertrophic, and congenital heart defects. In addition, this panel includes vascular abnormalities, such as dolichoectasia and hereditary hemorrhagic telangiectasia.Identifying individuals with a genetic predisposition to CAD allows for earlier detection and intervention, which can prevent serious complications and improve outcomes. And understanding a person’s genetic makeup can help tailor treatment plans to their specific needs. For example, if a person has a genetic variant that increases their risk of CAD, their healthcare provider may recommend more aggressive treatment or lifestyle changes.
</section>
<section class="gith gith5">Github repositories: <a href="https://github.com/dna-seq/just_cardio">just_cardio</a> and <a href="https://github.com/dna-seq/just_coronary">just_coronary</a></section>
</th>
</tr>
</tbody>
</table>
</section>
<section class="sections sections2 section22">
<table>
<tr class="row3">
<th>
<img src="./images/thrombophilia.png" class="icon">
</th>
<th>
<section>
Thrombophilia is a condition in which an individual has an increased tendency to develop blood clots. This can be caused by genetic or acquired factors, and the risk of developing thrombophilia increases with age. This report contains data of blood clot or deep vein thrombosis (<a href="https://www.pgscatalog.org/score/PGS000931/">PGS000931</a>), and the list with genes, associated with an increased risk of thrombophilia.
</section>
<section class="gith gith3">Github repository: <a href="https://github.com/dna-seq/just_thrombophilia">just_thrombophilia</a></section>
</th>
</tr>
</table>
</section>
<section class="sections sections1 section11">
<table>
<tr class="row4">
<th>
<img src="./images/Lipidmetabolism.png" class="icon">
</th>
<th>
<section>
Genetics plays an important role in lipid metabolism and the development of heart disease. Genes control the production, transport, and metabolism of cholesterol and other lipids. Lipid metabolism plays an important role in the development of heart disease, and this risk increases with age. This report contains the list with genes, associated with an increased risk of CAD.
</section>
<section class="gith gith1">Github repository: <a href="https://github.com/dna-seq/just_lipidmetabolism">just_lipidmetabolism</a></section>
</th>
</tr>
</table>
</section>
</div>
</div>
</div>
<div id="team" class="contact-info">
<div class="not">
<h2 class="work">Our team</h2>
</div>
<div class="not contacts">
<ul>
<li><a href="https://github.com/antonkulaga">@antonkulaga</a> - bioinformatician at <a href="https://aging-research.group/">Systems Biology of Aging Group</a> and <a href="https://cellfabrik.bio/">CellFabrik</a></li>
<li><a href="https://github.com/winternewt">@winternewt</a> - software developer with a chemical background, bioinformatic pipelines developer</li>
<li><a href="https://github.com/OlgaBorysova">@OlgaBorysova</a> - biologist, geneticist, mitochondria expert, and founder of <a href="http://www.mt-eva.space/en/">MitoSpace</a></li>
<li><a href="https://github.com/Alex-Karmazin">@Alex-Karmazin</a> - senior computer vision engineer, web developer</li>
<li><a href="https://github.com/lnalinaf">@lnalinaf</a> - bioinformatician</li>
<li><a href="https://github.com/Lady3mlnm">@Lady3mlnm</a> - junior programmer and volunteer at International Longevity Alliance and HEALES</li>
<li><a href="https://github.com/marfantyk">@marfantyk</a> - software developer with a medical background</li>
</ul>
</div>
</div>
</div>
<footer>
<div class="footer-container">
<a href="https://github.com/dna-seq/" class="link1" target="_blank" rel="noopener noreferrer"><li>Our Github </li></a>
<a href="https://gitcoin.co/grants/4048/just-dna-seq" class="link2" target="_blank" rel="noopener noreferrer"><li>Our Gitcoin </li></a>
<a href="https://twitter.com/just_dna_seq" class="link3" target="_blank" rel="noopener noreferrer"><li>Our Twitter </li></a>
<a href="https://www.youtube.com/channel/UCKJPXRJgi4Rxh9Lb1G_9SZw" class="link4" target="_blank" rel="noopener noreferrer"><li>Our YouTube </li></a>
<a href="https://discord.com/invite/5WU6aSANXy" class="link5" target="_blank" rel="noopener noreferrer"><li> Our Discord</li></a>
</div>
</footer>
</div>
</body>
<script>
const BtnBackToTop = document.querySelector("#toTop")
window.addEventListener("scroll", scrollFunction);
function scrollFunction() {
if (window.pageYOffset > 300) { // Show backToTopButton
if(!BtnBackToTop.classList.contains("btnEntrance")) {
BtnBackToTop.classList.remove("btnExit");
BtnBackToTop.classList.add("btnEntrance");
BtnBackToTop.style.display = "block";
}
}
else { // Hide backToTopButton
if(BtnBackToTop.classList.contains("btnEntrance")) {
BtnBackToTop.classList.remove("btnEntrance");
BtnBackToTop.classList.add("btnExit");
setTimeout(function() {
BtnBackToTop.style.display = "none";
}, 250);
}
}
}
BtnBackToTop.addEventListener("click", backToTop);
function backToTop() {
window.scrollTo(0, 0);
}
let currentWidth = document.body.clientWidth;
let styles = calculatingStyles(currentWidth);
window.addEventListener("resize", function(event) {
currentWidth = document.body.clientWidth;
styles = calculatingStyles(currentWidth);
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
if (acc[i].classList.contains("panel-description")){
acc[i].classList.toggle("active");
acc[i].style.borderRadius = "10px 10px 0px 0px"
var panel = acc[i].nextElementSibling;
panel.style.display="block"
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
})
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</html>