Skip to content

Commit 21eb6ea

Browse files
oshorawaloshorawal
committed
made icave page
1 parent cee426a commit 21eb6ea

File tree

4 files changed

+148
-2
lines changed

4 files changed

+148
-2
lines changed

‎src/icave.css

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
body {
2+
margin: 0;
3+
font-family: Arial, sans-serif;
4+
background-color: black;
5+
6+
}
7+
.header {
8+
background-color: #000000;
9+
padding: 20px;
10+
display: flex;
11+
justify-content: space-between;
12+
align-items: center;
13+
}
14+
15+
.copyright {
16+
color:#ccc;
17+
height: 80px;
18+
display: flex;
19+
align-items: center;
20+
border-top: 1px solid grey;
21+
}
22+
23+
.copyright span {
24+
padding-left: 45%;
25+
}
26+
27+
.header p {
28+
color: #ccc;
29+
text-decoration: None;
30+
font-weight: bold;
31+
text-align: left;
32+
padding: 0px;
33+
margin: 0px;
34+
}
35+
36+
.header .name {
37+
color: white;
38+
padding: 5px;
39+
font-size: 25px;
40+
font-weight: bold;
41+
}
42+
43+
.header .lab {
44+
font-weight: 200;
45+
}
46+
47+
.header .nav-links {
48+
display: flex;
49+
align-items: center;
50+
}
51+
.header .nav-links a {
52+
color: grey;
53+
margin-left: 20px;
54+
text-decoration: None;
55+
font-weight: bold;
56+
text-align: right;
57+
font-size: 13px;
58+
59+
}
60+
61+
.header .nav-links .selected {
62+
color: white;
63+
}
64+
65+
.nav-links a:hover {
66+
color: white;
67+
}
68+
69+
.content {
70+
display: flex;
71+
flex-direction: column;
72+
align-items: center;
73+
text-align: center;
74+
background-color: white;
75+
/* margin-top: 50px; */
76+
padding: 20px;
77+
color: black;
78+
}
79+
80+
.content .software-img {
81+
width: 60%;
82+
}
83+
84+
.content .software-content {
85+
width: 60%;
86+
line-height: 1.5;
87+
text-align: justify;
88+
}
89+
90+
.footer-class {
91+
display: flex;
92+
justify-content: center;
93+
align-items: center;
94+
height: 300px;
95+
margin-top: 50px;
96+
/* border: 1px solid yellow; */
97+
}
98+
99+
.footer-class iframe {
100+
width:60%;
101+
height:100%;
102+
}

‎src/icave.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="icave.css">
7+
<title>Gumus Lab</title>
8+
</head>
9+
<body>
10+
<div class="header">
11+
<p><span class="name">GÜMÜŞ</span><span class="lab">LAB</span></p>
12+
<div class="nav-links">
13+
<a href="../index.html">HOME</a>
14+
<a href="publications.html">PUBLICATIONS</a>
15+
<a href="software.html">SOFTWARE</a>
16+
<a href="ourteam.html">TEAM</a>
17+
</div>
18+
</div>
19+
<div class="content">
20+
<img src="../static/ICAVE.gif" class="software-img">
21+
<p class="software-content">
22+
Visualization and analysis of molecular interaction networks are necessary to achieve fundamental and practical understanding of cellular processes involved in disease; they as well support drug discovery and biomarker identification, and have therefore become key tools in basic and translational research. While networks are increasingly informed by data generated from high-throughput experiments, current tools do not adequately scale with concominant increase in their size and complexity. interactome-CAVE (iCAVE_example_imageiCAVE) is a novel integrative visualization platform that introduces novel sophisticated algorithms to automatically generate intuitive visualizations, leveraged on advanced sterescopic (3D) immersive display technologies to address the scalability limitations of traditional 2D representations. iCAVE utilizes its built-in analyses of network topological properties to enable effective representations that maximize understanding of the underlying network structures in complex networks.
23+
</p>
24+
25+
<p class="software-content">
26+
iCAVE has multiple built-in database resources available for user query to generate networks for enabling the integrative visualization of diverse data (e.g. disease, drug, protein, metabolite, phenotype, genotype). Alternatively, the user can utilize iCAVE functionalities for her user-generated data. The iCAVE platform can effectively address the complexities that arise from integrated data analysis within large and dense networks with many data properties (e.g. weight, directionality, color, clusters, pathway memberships). Readily usable and portable between personal computers or CAVE environments, iCAVE provides a freely available resource for gaining novel insights from complex HT datasets. iCAVE is freely available only for academic users. For any other use, contact Zeynep H. Gümüş directly.
27+
</p>
28+
29+
<p class="software-content">
30+
In order to obtain iCAVE download link please download and fill the iCAVE registration form, which can be found <a href="https://labs.icahn.mssm.edu/gumuslab/wp-content/uploads/sites/295/2019/08/iCAVE_registration_form.pdf" target="_blank">here</a>.
31+
32+
Please send the filled form directly to Zeynep H. Gümüş at zeynep.gumus AT mssm.edu.
33+
</p>
34+
</div>
35+
<div class="footer-class">
36+
<iframe src="footer.html" frameborder="0" scrolling="no"></iframe>
37+
</div>
38+
<div class="copyright">
39+
<span>© Zeynep H Gümüş Lab 2023</span>
40+
</div>
41+
</body>
42+
</html>

‎src/software.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,13 @@
2020
<h1>SOFTWARE</h1>
2121
<div class="softwares">
2222
<div class="software">
23-
<a href="https://gumuslab.github.io/lab-website/iCAVE/" target="_blank">
23+
<!-- <a href="https://gumuslab.github.io/lab-website/iCAVE/" target="_blank"> -->
24+
<a href="icave.html">
2425
<img src="../static/ICAVE.gif" class="software-img">
2526
</a>
2627
<div class="software-content">
27-
<a href="https://gumuslab.github.io/lab-website/iCAVE/" target="_blank">
28+
<!-- <a href="https://gumuslab.github.io/lab-website/iCAVE/" target="_blank"> -->
29+
<a href="icave.html">
2830
<p class="software-headline">interactome-CAVE (iCAVE)</p>
2931
</a>
3032
<p>iCAVE automatically generates intuitive visualizations that maximize understanding of the underlying network structures in complex networks.</p>

‎static/.DS_Store

0 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)