Skip to content

Commit d9004bd

Browse files
clewis7clewis7
committed
add example pages and navigation to them
1 parent 302bc8b commit d9004bd

File tree

6 files changed

+182
-4
lines changed

6 files changed

+182
-4
lines changed

‎ephys.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="stylesheet" href="style.css" />
6+
</head>
7+
8+
<body>
9+
<div class="page">
10+
<main>
11+
<nav class="nav">
12+
<a href="index.html">Home</a>
13+
<a href="https://github.com/fastplotlib/fastplotlib" target="_blank"
14+
>GitHub</a
15+
>
16+
<a href="https://www.fastplotlib.org/ver/dev/" target="_blank"
17+
>Documentation</a
18+
>
19+
<a href="index.html">Paper</a>
20+
<a href="people.html">People</a>
21+
<a href="sponsors.html">Sponsors</a>
22+
</nav>
23+
</main>
24+
25+
<footer class="footer">
26+
<p>
27+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
28+
rights reserved. Cite design inspired by
29+
<a
30+
href="https://research.janelia.org/zebrafish/index.html"
31+
target="_blank"
32+
>Janelia</a
33+
>.
34+
</p>
35+
36+
<img src="images/logo_face.png" alt="Footer logo" class="footer-logo" />
37+
</footer>
38+
</div>
39+
<script src="script.js"></script>
40+
</body>
41+
</html>

‎index.html‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,34 @@ <h1>fastplotlib for neuroscience</h1>
2727
</header>
2828

2929
<div class="grid">
30-
<div class="grid-item">
31-
<img src="images/fpl.jpg" alt="ephys" />
32-
<div class="overlay">Description for Image 1</div>
33-
</div>
30+
<a href="ephys.html" class="grid-link">
31+
<div class="grid-item">
32+
<img src="images/fpl.jpg" alt="ephys" />
33+
<div class="overlay">Description for Image 1</div>
34+
</div>
35+
</a>
3436

37+
<a href="ophys.html" class="grid-link">
3538
<div class="grid-item">
3639
<img src="images/fpl.jpg" alt="ophys" />
3740
<div class="overlay">Description for Image 2</div>
3841
</div>
42+
</a>
3943

44+
<a href="tracker.html" class="grid-link">
4045
<div class="grid-item">
4146
<img src="images/fpl.jpg" alt="tracking" />
4247
<div class="overlay">Description for Image 3</div>
4348
</div>
49+
</a>
4450

51+
<a href="pathology.html" class="grid-link">
4552
<div class="grid-item">
4653
<img src="images/fpl.jpg" alt="pathology" />
4754
<div class="overlay">Description for Image 4</div>
4855
</div>
4956
</div>
57+
</a>
5058

5159
<p class="quad-text">
5260
fastplotlib is an open source Python-based library for GPU-accerated

‎ophys.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="stylesheet" href="style.css" />
6+
</head>
7+
8+
<body>
9+
<div class="page">
10+
<main>
11+
<nav class="nav">
12+
<a href="index.html">Home</a>
13+
<a href="https://github.com/fastplotlib/fastplotlib" target="_blank"
14+
>GitHub</a
15+
>
16+
<a href="https://www.fastplotlib.org/ver/dev/" target="_blank"
17+
>Documentation</a
18+
>
19+
<a href="index.html">Paper</a>
20+
<a href="people.html">People</a>
21+
<a href="sponsors.html">Sponsors</a>
22+
</nav>
23+
</main>
24+
25+
<footer class="footer">
26+
<p>
27+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
28+
rights reserved. Cite design inspired by
29+
<a
30+
href="https://research.janelia.org/zebrafish/index.html"
31+
target="_blank"
32+
>Janelia</a
33+
>.
34+
</p>
35+
36+
<img src="images/logo_face.png" alt="Footer logo" class="footer-logo" />
37+
</footer>
38+
</div>
39+
<script src="script.js"></script>
40+
</body>
41+
</html>

‎pathology.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="stylesheet" href="style.css" />
6+
</head>
7+
8+
<body>
9+
<div class="page">
10+
<main>
11+
<nav class="nav">
12+
<a href="index.html">Home</a>
13+
<a href="https://github.com/fastplotlib/fastplotlib" target="_blank"
14+
>GitHub</a
15+
>
16+
<a href="https://www.fastplotlib.org/ver/dev/" target="_blank"
17+
>Documentation</a
18+
>
19+
<a href="index.html">Paper</a>
20+
<a href="people.html">People</a>
21+
<a href="sponsors.html">Sponsors</a>
22+
</nav>
23+
</main>
24+
25+
<footer class="footer">
26+
<p>
27+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
28+
rights reserved. Cite design inspired by
29+
<a
30+
href="https://research.janelia.org/zebrafish/index.html"
31+
target="_blank"
32+
>Janelia</a
33+
>.
34+
</p>
35+
36+
<img src="images/logo_face.png" alt="Footer logo" class="footer-logo" />
37+
</footer>
38+
</div>
39+
<script src="script.js"></script>
40+
</body>
41+
</html>

‎style.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,12 @@ main .grid {
146146
opacity: 1;
147147
}
148148

149+
.grid-link {
150+
text-decoration: none;
151+
color: inherit;
152+
display: block;
153+
}
154+
149155
/* Homepage Description */
150156
main .quad-text {
151157
margin-top: 8px;

‎tracker.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="stylesheet" href="style.css" />
6+
</head>
7+
8+
<body>
9+
<div class="page">
10+
<main>
11+
<nav class="nav">
12+
<a href="index.html">Home</a>
13+
<a href="https://github.com/fastplotlib/fastplotlib" target="_blank"
14+
>GitHub</a
15+
>
16+
<a href="https://www.fastplotlib.org/ver/dev/" target="_blank"
17+
>Documentation</a
18+
>
19+
<a href="index.html">Paper</a>
20+
<a href="people.html">People</a>
21+
<a href="sponsors.html">Sponsors</a>
22+
</nav>
23+
</main>
24+
25+
<footer class="footer">
26+
<p>
27+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
28+
rights reserved. Cite design inspired by
29+
<a
30+
href="https://research.janelia.org/zebrafish/index.html"
31+
target="_blank"
32+
>Janelia</a
33+
>.
34+
</p>
35+
36+
<img src="images/logo_face.png" alt="Footer logo" class="footer-logo" />
37+
</footer>
38+
</div>
39+
<script src="script.js"></script>
40+
</body>
41+
</html>

0 commit comments

Comments
 (0)