Skip to content

Commit efe2aec

Browse files
lutsiklutsik
authored
Create index2.html
added an improved version
1 parent 820603f commit efe2aec

File tree

1 file changed

+163
-0
lines changed

1 file changed

+163
-0
lines changed

‎index2.html‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Computational Cancer Biology & Epigenomics Lab</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
9+
<style>
10+
* {
11+
margin: 0;
12+
padding: 0;
13+
box-sizing: border-box;
14+
}
15+
16+
body {
17+
font-family: 'Inter', sans-serif;
18+
line-height: 1.6;
19+
background-color: #f9f9f9;
20+
color: #222;
21+
}
22+
23+
header {
24+
background-color: #003366;
25+
color: #fff;
26+
padding: 1rem;
27+
position: sticky;
28+
top: 0;
29+
z-index: 1000;
30+
}
31+
32+
nav {
33+
display: flex;
34+
justify-content: space-between;
35+
flex-wrap: wrap;
36+
}
37+
38+
nav a {
39+
color: white;
40+
text-decoration: none;
41+
margin: 0.5rem;
42+
}
43+
44+
section {
45+
padding: 2rem;
46+
max-width: 1000px;
47+
margin: auto;
48+
}
49+
50+
.hero {
51+
background: url('https://compepigen.github.io/images/lab.jpg') center/cover no-repeat;
52+
height: 50vh;
53+
display: flex;
54+
align-items: center;
55+
justify-content: center;
56+
color: white;
57+
text-align: center;
58+
}
59+
60+
.hero h1 {
61+
background-color: rgba(0, 0, 0, 0.6);
62+
padding: 1rem;
63+
border-radius: 8px;
64+
}
65+
66+
.card-grid {
67+
display: grid;
68+
gap: 1rem;
69+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
70+
}
71+
72+
.card {
73+
background-color: white;
74+
padding: 1rem;
75+
border-radius: 12px;
76+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
77+
}
78+
79+
footer {
80+
background-color: #003366;
81+
color: white;
82+
text-align: center;
83+
padding: 1rem;
84+
margin-top: 2rem;
85+
}
86+
87+
@media (max-width: 600px) {
88+
.hero h1 {
89+
font-size: 1.5rem;
90+
}
91+
}
92+
</style>
93+
</head>
94+
95+
<body>
96+
<header>
97+
<nav>
98+
<div><strong>Compepigen Lab</strong></div>
99+
<div>
100+
<a href="#research">Research</a>
101+
<a href="#team">Team</a>
102+
<a href="#software">Software</a>
103+
<a href="#publications">Publications</a>
104+
<a href="#positions">Positions</a>
105+
<a href="#contact">Contact</a>
106+
</div>
107+
</nav>
108+
</header>
109+
110+
<div class="hero">
111+
<h1>Computational Cancer Biology & Epigenomics</h1>
112+
</div>
113+
114+
<section id="research">
115+
<h2>Research Focus</h2>
116+
<div class="card-grid">
117+
<div class="card">Methylome Deconvolution</div>
118+
<div class="card">Cancer Cell-of-Origin Inference</div>
119+
<div class="card">Single-Cell and Spatial Epigenomics</div>
120+
<div class="card">Oncohistone Malignancies</div>
121+
</div>
122+
</section>
123+
124+
<section id="team">
125+
<h2>Our Team</h2>
126+
<p>Team members from KU Leuven and DKFZ. Photos and links can be added here.</p>
127+
</section>
128+
129+
<section id="software">
130+
<h2>Software Tools</h2>
131+
<div class="card-grid">
132+
<div class="card">MeDeCom, MethylBERT</div>
133+
<div class="card">RnBeads, methrix, AmpliconDesign</div>
134+
<div class="card">scMAUI, epiCHAOS</div>
135+
<div class="card">workflUX, figeno</div>
136+
</div>
137+
</section>
138+
139+
<section id="publications">
140+
<h2>Publications</h2>
141+
<ul>
142+
<li><a href="https://pubmed.ncbi.nlm.nih.gov/" target="_blank">PubMed</a></li>
143+
<li><a href="https://scholar.google.com/" target="_blank">Google Scholar</a></li>
144+
<li><a href="https://lirias.kuleuven.be/" target="_blank">KU Leuven Lirias</a></li>
145+
</ul>
146+
</section>
147+
148+
<section id="positions">
149+
<h2>Open Positions</h2>
150+
<p>PhD Student in Single-Cell Multiomics of Skeletal Stem Cells – [Apply Link]</p>
151+
</section>
152+
153+
<section id="contact">
154+
<h2>Contact</h2>
155+
<p>Department of Oncology<br />KU Leuven<br />Herestraat 49<br />3001 Leuven<br />Email: pavlo.lutsik@kuleuven.be</p>
156+
</section>
157+
158+
<footer>
159+
<p>Affiliated with KU Leuven and German Cancer Research Center (DKFZ)</p>
160+
</footer>
161+
</body>
162+
163+
</html>

0 commit comments

Comments
 (0)