Skip to content

Commit aef297e

Browse files
clewis7clewis7
committed
progress on title page
1 parent 4ac3010 commit aef297e

5 files changed

Lines changed: 94 additions & 41 deletions

File tree

‎images/logo_face.png‎

72.3 KB
Loading

‎index.html‎

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

‎people.html‎

Whitespace-only changes.

‎sponsors.html‎

Whitespace-only changes.

‎style.css‎

Lines changed: 54 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,73 @@
1-
2-
html, body {
1+
/* Reset + layout */
2+
html,
3+
body {
34
height: 100%;
45
margin: 0;
56
}
67

8+
/* Page layout */
79
.page {
810
min-height: 100vh;
911
display: flex;
1012
flex-direction: column;
1113
}
1214

15+
/* Main content expands */
1316
main {
14-
flex: 1;
15-
}
16-
17-
.footer {
18-
background: #e9e9e9;
19-
color: #000000;
20-
text-align: left;
21-
padding: 1rem;
17+
flex: 1 0 auto;
2218
}
2319

24-
20+
/* Title section */
2521
main .title {
2622
padding: 3rem 2rem;
2723
text-align: center;
2824
}
2925

30-
main .title h1 {
31-
font-size: 3rem;
26+
/* Title text */
27+
.title h1 {
28+
font-family: "Monaco", monospace;
29+
font-size: 3.5rem;
30+
font-weight: 400;
31+
margin: 0;
32+
line-height: 1.1;
33+
margin-top: 1rem;
34+
}
35+
36+
/* Footer */
37+
.footer {
38+
background-color: #e9e9e9;
39+
color: #000;
40+
align-items: center;
41+
padding: 1rem 2rem;
42+
display: flex;
43+
justify-content: space-between;
44+
flex-direction: row-reverse;
45+
}
46+
47+
.footer p {
3248
margin: 0;
33-
}
49+
}
50+
51+
.footer-logo {
52+
height: 42px;
53+
}
54+
55+
/* Navigation */
56+
.nav {
57+
display: flex;
58+
justify-content: center;
59+
gap: 2.5rem;
60+
margin-top: 2rem;
61+
}
62+
63+
.nav a {
64+
text-decoration: none;
65+
font-family: Georgia, serif;
66+
font-size: 1.1rem;
67+
color: #000;
68+
position: relative;
69+
}
70+
71+
.nav a:hover {
72+
text-decoration: underline;
73+
}

0 commit comments

Comments
 (0)