Skip to content

Commit fbe0a35

Browse files
vishwaparekhvishwaparekh
authored
Refactor index.html to new layout and update content
Replaced the old HTML structure with a new layout using a templating format. Updated content to reflect current research and tools.
1 parent 9ad893d commit fbe0a35

File tree

1 file changed

+41
-263
lines changed

1 file changed

+41
-263
lines changed

‎index.html‎

Lines changed: 41 additions & 263 deletions
Original file line numberDiff line numberDiff line change
@@ -1,273 +1,51 @@
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-
<title>BioIntelligence Lab</title>
7-
8-
<style>
9-
body {
10-
margin: 0;
11-
font-family: "Inter", sans-serif;
12-
color: #222;
13-
line-height: 1.6;
14-
background: #ffffff;
15-
}
16-
17-
/* NAVIGATION BAR */
18-
nav {
19-
width: 100%;
20-
padding: 15px 40px;
21-
box-sizing: border-box;
22-
position: sticky;
23-
top: 0;
24-
background: rgba(255,255,255,0.90);
25-
backdrop-filter: blur(8px);
26-
display: flex;
27-
justify-content: space-between;
28-
align-items: center;
29-
border-bottom: 1px solid #eee;
30-
z-index: 1000;
31-
}
32-
33-
nav .brand {
34-
display: flex;
35-
align-items: center;
36-
gap: 12px;
37-
}
38-
39-
nav .brand img {
40-
height: 42px;
41-
width: auto;
42-
}
43-
44-
nav .brand .title {
45-
font-size: 1.4em;
46-
font-weight: 700;
47-
color: #003d99;
48-
}
49-
50-
nav ul {
51-
list-style: none;
52-
display: flex;
53-
gap: 30px;
54-
margin: 0;
55-
padding: 0;
56-
}
57-
58-
nav ul li a {
59-
text-decoration: none;
60-
color: #222;
61-
font-weight: 500;
62-
transition: color 0.2s;
63-
}
64-
65-
nav ul li a:hover {
66-
color: #003d99;
67-
}
68-
69-
/* HERO SECTION */
70-
.hero {
71-
text-align: center;
72-
padding: 140px 20px 120px;
73-
background: #f7f9fc;
74-
}
75-
76-
.hero h1 {
77-
font-size: 3.0em;
78-
font-weight: 700;
79-
margin-bottom: 10px;
80-
color: #111;
81-
}
82-
83-
.hero p {
84-
margin-top: 10px;
85-
font-size: 1.25em;
86-
color: #666;
87-
max-width: 700px;
88-
margin-left: auto;
89-
margin-right: auto;
90-
}
91-
92-
.btn-primary {
93-
display: inline-block;
94-
padding: 12px 24px;
95-
background: #0055cc;
96-
color: white;
97-
text-decoration: none;
98-
border-radius: 6px;
99-
font-weight: 500;
100-
margin-top: 30px;
101-
transition: background 0.3s;
102-
}
103-
.btn-primary:hover {
104-
background: #003f99;
105-
}
106-
107-
/* SECTION HEADERS */
108-
h2.section-title {
109-
text-align: center;
110-
margin-top: 80px;
111-
margin-bottom: 40px;
112-
font-size: 2em;
113-
font-weight: 600;
114-
}
115-
116-
/* THREE PILLAR CARDS */
117-
.pillars {
118-
display: flex;
119-
flex-wrap: wrap;
120-
justify-content: center;
121-
gap: 30px;
122-
padding: 0 20px;
123-
}
124-
125-
.pillar-card {
126-
background: #ffffff;
127-
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
128-
border-radius: 10px;
129-
width: 300px;
130-
padding: 30px;
131-
text-align: left;
132-
transition: transform 0.2s, box-shadow 0.2s;
133-
}
134-
135-
.pillar-card:hover {
136-
transform: translateY(-5px);
137-
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
138-
}
139-
140-
.pillar-card h3 {
141-
margin-top: 0;
142-
font-size: 1.3em;
143-
color: #003d99;
144-
}
145-
146-
.pillar-card p {
147-
margin: 15px 0 25px;
148-
color: #444;
149-
}
150-
151-
.pillar-card a {
152-
color: #0055cc;
153-
text-decoration: none;
154-
font-weight: 600;
155-
}
156-
157-
/* FEATURED TOOLS */
158-
.tools {
159-
display: flex;
160-
flex-wrap: wrap;
161-
justify-content: center;
162-
gap: 25px;
163-
padding: 20px;
164-
margin-bottom: 50px;
165-
}
166-
167-
.tool-card {
168-
background: #f7f9fc;
169-
border-radius: 10px;
170-
padding: 25px 30px;
171-
width: 260px;
172-
text-align: center;
173-
box-shadow: 0 1px 6px rgba(0,0,0,0.08);
174-
}
175-
176-
/* FOOTER */
177-
footer {
178-
background: #f1f3f6;
179-
padding: 40px 20px;
180-
text-align: center;
181-
font-size: 0.9em;
182-
color: #777;
183-
margin-top: 60px;
184-
}
185-
</style>
186-
</head>
187-
188-
<body>
189-
190-
<!-- NAVIGATION BAR WITH LOGO -->
191-
<nav>
192-
<div class="brand">
193-
<img src="images/Lab_logo3.png" alt="BioIntelligence Lab Logo">
194-
<div class="title">BioIntelligence Lab</div>
195-
</div>
196-
197-
<ul>
198-
<li><a href="#research">Research</a></li>
199-
<li><a href="#tools">Software</a></li>
200-
<li><a href="#people">People</a></li>
201-
<li><a href="#contact">Contact</a></li>
202-
</ul>
203-
</nav>
204-
205-
<!-- HERO -->
206-
<section class="hero">
207-
<h1>BioIntelligence Lab</h1>
208-
<p>Understanding biological systems with artificial intelligence.</p>
209-
<a href="#research" class="btn-primary">Explore Our Research</a>
210-
</section>
211-
212-
<!-- RESEARCH AREAS -->
213-
<h2 class="section-title" id="research">Research Areas</h2>
214-
215-
<div class="pillars">
216-
217-
<!-- Fundamental AI -->
1+
---
2+
layout: default
3+
title: BioIntelligence Lab
4+
---
5+
6+
<section class="hero">
7+
<h1>BioIntelligence Lab</h1>
8+
<p class="subtitle">Understanding biological systems with Artificial Intelligence.</p>
9+
10+
<p class="lead">
11+
We develop AI methods and imaging-based models to reveal hidden structure in disease and population health.
12+
Our work spans foundational AI, computational biomedical discovery, and the informatics tools that make
13+
these advances usable in practice.
14+
</p>
15+
16+
<a href="{{ '/research/biomedical-imaging/' | relative_url }}" class="btn-primary">
17+
Explore our research
18+
</a>
19+
</section>
20+
21+
<section>
22+
<h2 class="section-title">Research Pillars</h2>
23+
<div class="pillar-grid">
21824
<div class="pillar-card">
219-
<h3>Fundamental AI Research</h3>
220-
<p> This research vertical focuses on developing the core AI methods needed to understand complex biological systems.
221-
Our work spans lifelong learning <strong>(ShELL)</strong>, counterfactual modeling,
222-
AI safety and trustworthiness, and autonomous agentic systems capable of scientific reasoning.</p>
223-
<a href="fundamental-ai.html">Learn More →</a>
25+
<h3>Fundamental AI</h3>
26+
<p>
27+
Algorithms for safe, trustworthy, and collaborative AI systems, including bias modeling,
28+
uncertainty, and human–AI ecosystems such as SheLL.
29+
</p>
30+
<a href="{{ '/research/fundamental-ai/' | relative_url }}">Learn more →</a>
22431
</div>
22532

226-
<!-- Biomedical Discovery -->
22733
<div class="pillar-card">
22834
<h3>Computational Biomedical Discovery</h3>
229-
<p> This research vertical focuses on using AI to uncover mechanistic signatures of disease and population health.
230-
Our work focuses on modeling how diseases evolve, how treatments work, and how clinical imaging can reveal
231-
hidden biological patterns across individuals and populations.</p>
232-
<a href="biomedical-discovery.html">Learn More →</a>
35+
<p>
36+
Imaging-based models that characterize disease mechanisms and population-level patterns, from tumor
37+
connectomics to opportunistic screening and dementia risk.
38+
</p>
39+
<a href="{{ '/research/biomedical-imaging/' | relative_url }}">Learn more →</a>
23340
</div>
23441

235-
<!-- Informatics -->
23642
<div class="pillar-card">
237-
<h3>Computational Systems & Informatics</h3>
238-
<p>This research vertical focuses on building tools that enable scientific discovery at scale.
239-
These systems make imaging research faster, reproducible, and more accessible —
240-
supporting both our AI foundations and biomedical discovery efforts.</p>
241-
<a href="informatics.html">Learn More →</a>
242-
</div>
243-
244-
</div>
245-
246-
<!-- TOOLS -->
247-
<h2 class="section-title" id="tools">Featured Tools</h2>
248-
249-
<div class="tools">
250-
<div class="tool-card">
251-
<h3>MIST</h3>
252-
<p>Medical Image Streaming Toolkit for resource-efficient imaging AI.</p>
253-
</div>
254-
255-
<div class="tool-card">
256-
<h3>VoxelInsight</h3>
257-
<p>An agentic imaging platform for automated analysis and scientific workflows.</p>
258-
</div>
259-
260-
<div class="tool-card">
261-
<h3>ISLE</h3>
262-
<p>Intelligent streaming for clinical AI inference using progressive encoding.</p>
43+
<h3>Informatics &amp; Tools</h3>
44+
<p>
45+
Software platforms such as MIST and VoxelInsight that enable scalable data access, analysis, and
46+
automated research workflows in medical imaging.
47+
</p>
48+
<a href="{{ '/research/informatics/' | relative_url }}">Learn more →</a>
26349
</div>
26450
</div>
265-
266-
<!-- FOOTER -->
267-
<footer id="contact">
268-
<p>© 2025 BioIntelligence Lab · UTHealth Houston</p>
269-
<p>Contact: vishwa.s.parekh@uth.tmc.edu</p>
270-
</footer>
271-
272-
</body>
273-
</html>
51+
</section>

0 commit comments

Comments
 (0)