Skip to content

Commit 74b12af

Browse files
clewis7clewis7
committed
website updates
1 parent aef297e commit 74b12af

6 files changed

Lines changed: 206 additions & 7 deletions

File tree

‎images/fpl.jpg‎

204 KB
Loading

‎images/sponsors.png‎

207 KB
Loading

‎index.html‎

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,12 @@
1111
<main>
1212
<nav class="nav">
1313
<a href="index.html">Home</a>
14-
<a href="https://github.com/fastplotlib/fastplotlib">GitHub</a>
15-
<a href="https://www.fastplotlib.org/ver/dev/">Documentation</a>
14+
<a href="https://github.com/fastplotlib/fastplotlib" target="_blank"
15+
>GitHub</a
16+
>
17+
<a href="https://www.fastplotlib.org/ver/dev/" target="_blank"
18+
>Documentation</a
19+
>
1620
<a href="index.html">Paper</a>
1721
<a href="people.html">People</a>
1822
<a href="sponsors.html">Sponsors</a>
@@ -21,13 +25,35 @@
2125
<header class="title">
2226
<h1>fastplotlib for neuroscience</h1>
2327
</header>
28+
29+
<div class="quad">
30+
<img src="/images/fpl.jpg" alt="ephys" />
31+
<img src="/images/fpl.jpg" alt="ophys" />
32+
<img src="/images/fpl.jpg" alt="tracking" />
33+
<img src="/images/fpl.jpg" alt="pathology" />
34+
</div>
35+
36+
<p class="quad-text">
37+
fastplotlib is an open source Python-based library for GPU-accerated
38+
scientific visualization. <br /><br />
39+
This next-generation plotting library is built using the
40+
<a href="https://github.com/pygfx/pygfx" target="_blank">pygfx</a>
41+
rendering engine. <br /><br />
42+
This website is a companion to the following paper:
43+
<br /><br />
44+
The examples above highlight how fastplotlib can be used for
45+
neuroscience.
46+
</p>
2447
</main>
2548

2649
<footer class="footer">
2750
<p>
2851
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
2952
rights reserved. Cite design inspired by
30-
<a href="https://research.janelia.org/zebrafish/index.html">Janelia</a
53+
<a
54+
href="https://research.janelia.org/zebrafish/index.html"
55+
target="_blank"
56+
>Janelia</a
3157
>.
3258
</p>
3359

‎people.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
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+
24+
<header class="other">
25+
<h1>People</h1>
26+
</header>
27+
</main>
28+
29+
<footer class="footer">
30+
<p>
31+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
32+
rights reserved. Cite design inspired by
33+
<a
34+
href="https://research.janelia.org/zebrafish/index.html"
35+
target="_blank"
36+
>Janelia</a
37+
>.
38+
</p>
39+
40+
<img
41+
src="/images/logo_face.png"
42+
alt="Footer logo"
43+
class="footer-logo"
44+
/>
45+
</footer>
46+
</div>
47+
<script src="script.js"></script>
48+
</body>
49+
</html>

‎sponsors.html‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
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+
24+
<div class="center">
25+
<img src="/images/sponsors.png" alt="sponsors" />
26+
</div>
27+
28+
<header class="site-header">
29+
<h1>
30+
We would like to thank the institutions who have been involved with
31+
<br />
32+
fastplotlib over the past few years.
33+
</h1>
34+
</header>
35+
</main>
36+
37+
<footer class="footer">
38+
<p>
39+
&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All
40+
rights reserved. Cite design inspired by
41+
<a
42+
href="https://research.janelia.org/zebrafish/index.html"
43+
target="_blank"
44+
>Janelia</a
45+
>.
46+
</p>
47+
48+
<img
49+
src="/images/logo_face.png"
50+
alt="Footer logo"
51+
class="footer-logo"
52+
/>
53+
</footer>
54+
</div>
55+
<script src="script.js"></script>
56+
</body>
57+
</html>

‎style.css‎

Lines changed: 71 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,30 @@ main {
1919

2020
/* Title section */
2121
main .title {
22-
padding: 3rem 2rem;
22+
padding: 1rem;
2323
text-align: center;
2424
}
2525

2626
/* Title text */
2727
.title h1 {
28-
font-family: "Monaco", monospace;
28+
font-family: Helvetica, Arial, sans-serif;
29+
/* font-family: "Monaco", monospace; */
30+
font-size: 4.5rem;
31+
font-weight: 500;
32+
margin: 0;
33+
line-height: 1.1;
34+
margin-top: 1.2rem;
35+
}
36+
37+
.other h1 {
38+
font-family: "Times New Roman", Times, serif;
2939
font-size: 3.5rem;
30-
font-weight: 400;
40+
font-weight: 500;
3141
margin: 0;
3242
line-height: 1.1;
33-
margin-top: 1rem;
43+
margin-left: 1rem;
44+
margin-top: 2rem;
45+
text-align: center;
3446
}
3547

3648
/* Footer */
@@ -71,3 +83,58 @@ main .title {
7183
.nav a:hover {
7284
text-decoration: underline;
7385
}
86+
87+
/* Sponsors page */
88+
.site-header {
89+
text-align: center;
90+
font-family: "Times New Roman", Times, serif;
91+
font-size: 1.1rem;
92+
margin-bottom: 3.8rem;
93+
}
94+
95+
.site-header h1 {
96+
margin: 0;
97+
font-weight: normal;
98+
}
99+
100+
.center {
101+
display: flex;
102+
justify-content: center; /* horizontal */
103+
align-items: center; /* vertical */
104+
height: 70vh;
105+
}
106+
107+
.center img {
108+
width: auto;
109+
max-height: 85%;
110+
max-width: 90%;
111+
height: auto;
112+
}
113+
114+
/* Quad images */
115+
main .quad {
116+
display: grid;
117+
grid-template-columns: repeat(2, 1fr);
118+
grid-auto-rows: auto;
119+
column-gap: 8px;
120+
row-gap: 4px;
121+
max-width: 900px;
122+
margin: 0 auto;
123+
}
124+
125+
main .quad img {
126+
width: 100%;
127+
height: auto;
128+
display: block;
129+
object-fit: cover;
130+
}
131+
132+
/* Homepage Description */
133+
main .quad-text {
134+
margin-top: 8px;
135+
font-size: 20px;
136+
line-height: 1.4;
137+
margin-left: 525px;
138+
/* color: #444; */
139+
text-align: left;
140+
}

0 commit comments

Comments
 (0)