Skip to content

Commit 3dca768

Browse files
committed
design: reduce the size of navbar and make it more mobile friendly
1 parent 1435a1f commit 3dca768

File tree

1 file changed

+32
-30
lines changed

1 file changed

+32
-30
lines changed

index.html

Lines changed: 32 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -14,41 +14,43 @@
1414
<link rel="canonical" href="https://python-pillow.org/">
1515
</head>
1616
<body>
17-
<nav class="navbar navbar-expand-lg bg-dark">
18-
<div class="container-fluid">
17+
<nav class="navbar navbar-dark bg-dark">
18+
<div class="container">
1919
<a class="navbar-brand" href="/">
2020
<img src="images/pillow-logo-light-text-1280x640.png"
21-
height="120"
21+
height="60"
2222
alt="Pillow Logo"
2323
class="d-inline-block align-text-top">
2424
</a>
25-
<ul class="nav">
26-
<li class="nav-item">
27-
<a class="nav-link"
28-
target="_blank"
29-
href="https://github.com/python-pillow/Pillow">
30-
<i class="fab fa-github fa-2x text-light"></i></a>
31-
</li>
32-
<li class="nav-item">
33-
<a class="nav-link"
34-
target="_blank"
35-
href="https://www.facebook.com/Python-Pillow-102023528073709">
36-
<i class="fab fa-facebook fa-2x text-light"></i></a>
37-
</li>
38-
<li class="nav-item">
39-
<a class="nav-link"
40-
target="_blank"
41-
href="https://twitter.com/PythonPillow">
42-
<i class="fab fa-twitter fa-2x text-light"></i></a>
43-
</li>
44-
<li class="nav-item">
45-
<a class="nav-link"
46-
target="_blank"
47-
href="https://fosstodon.org/@pillow"
48-
rel="me">
49-
<i class="fab fa-mastodon fa-2x text-light"></i></a>
50-
</li>
51-
</ul>
25+
<div id="nav-content">
26+
<ul class="nav">
27+
<li class="nav-item">
28+
<a class="nav-link px-2"
29+
target="_blank"
30+
href="https://github.com/python-pillow/Pillow">
31+
<i class="fab fa-github fa-xl text-light"></i></a>
32+
</li>
33+
<li class="nav-item">
34+
<a class="nav-link px-2"
35+
target="_blank"
36+
href="https://www.facebook.com/Python-Pillow-102023528073709">
37+
<i class="fab fa-facebook fa-xl text-light"></i></a>
38+
</li>
39+
<li class="nav-item">
40+
<a class="nav-link px-2"
41+
target="_blank"
42+
href="https://twitter.com/PythonPillow">
43+
<i class="fab fa-twitter fa-xl text-light"></i></a>
44+
</li>
45+
<li class="nav-item">
46+
<a class="nav-link px-2"
47+
target="_blank"
48+
href="https://fosstodon.org/@pillow"
49+
rel="me">
50+
<i class="fab fa-mastodon fa-xl text-light"></i></a>
51+
</li>
52+
</ul>
53+
</div>
5254
</div>
5355
</nav>
5456
<main>

0 commit comments

Comments
 (0)