Skip to content

Commit 5919710

Browse files
committed
Use header & footer from LibrePCB website
For consistent navigation between /docs/ and the other pages. A bit hacky, but seems to work.
1 parent 7993ec1 commit 5919710

File tree

14 files changed

+11068
-8
lines changed

14 files changed

+11068
-8
lines changed

supplemental-ui/bootstrap/bootstrap.bundle.min.js

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

supplemental-ui/css/site.css

Lines changed: 2204 additions & 0 deletions
Large diffs are not rendered by default.

supplemental-ui/css/website-style.css

Lines changed: 681 additions & 0 deletions
Large diffs are not rendered by default.

supplemental-ui/fontawesome/brands.css

Lines changed: 1516 additions & 0 deletions
Large diffs are not rendered by default.

supplemental-ui/fontawesome/fontawesome.css

Lines changed: 6360 additions & 0 deletions
Large diffs are not rendered by default.

supplemental-ui/fontawesome/solid.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
/*!
2+
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
3+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4+
* Copyright 2022 Fonticons, Inc.
5+
*/
6+
:root, :host {
7+
--fa-style-family-classic: 'Font Awesome 6 Free';
8+
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
9+
10+
@font-face {
11+
font-family: 'Font Awesome 6 Free';
12+
font-style: normal;
13+
font-weight: 900;
14+
font-display: block;
15+
src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
16+
17+
.fas,
18+
.fa-solid {
19+
font-weight: 900; }

supplemental-ui/partials/footer-content.hbs

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,21 @@
1+
<div class="bootstrap">
2+
<footer class="container-fluid p-3 d-flex align-items-center justify-content-center bg-light">
3+
<div class="mx-3 text-muted">
4+
<i class="fa-brands fa-creative-commons fa-2x my-1"></i>
5+
<i class="fa-brands fa-creative-commons-by fa-2x my-1"></i>
6+
</div>
7+
<div class="text-center fst-italic small">
8+
Unless otherwise stated, text and images on this site are licensed
9+
under the
10+
<a href="https://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution License 3.0</a>
11+
or later.
12+
<br>
13+
This does not include any source code, libraries, documentation,
14+
and third party tools or products mentioned on this site.
15+
</div>
16+
</footer>
17+
</div>
18+
119
{{#if (eq page.url @root.page.componentVersion.url)}}
220
<script>
321
/* Redirects of legacy anchors from docs.librepcb.org */
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,6 @@
11
<link rel="icon" href="{{siteRootPath}}/favicon.ico" type="image/x-icon">
2+
<link href="{{uiRootPath}}/css/website-style.css" rel="stylesheet">
3+
<link href="{{uiRootPath}}/fontawesome/fontawesome.css" rel="stylesheet">
4+
<link href="{{uiRootPath}}/fontawesome/brands.css" rel="stylesheet">
5+
<link href="{{uiRootPath}}/fontawesome/solid.css" rel="stylesheet">
6+
<script defer src="{{uiRootPath}}/bootstrap/bootstrap.bundle.min.js"></script>
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<title>{{{detag (or page.title defaultPageTitle)}}}{{#if (ne page.title site.title)}}{{#with site.title}} | {{this}}{{/with}}{{/if}}</title>

supplemental-ui/partials/header-content.hbs

Lines changed: 259 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,262 @@
1-
<header class="header">
2-
<nav class="navbar">
3-
<div class="navbar-brand">
4-
<div class="navbar-item">
5-
<img src="{{{uiRootPath}}}/img/librepcb_monochrome.svg" height="35px" width="35px">
6-
<a href="https://librepcb.org">LibrePCB</a>
7-
<span class="separator">::</span>
8-
<a href="{{{relativize @root.page.componentVersion.url}}}">Documentation</a>
1+
<header class="bootstrap sticky-top">
2+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"
3+
aria-label="Navigation bar">
4+
<div class="container-fluid">
5+
<a class="navbar-brand ms-1" href="{{siteRootPath}}/">
6+
<img src="https://librepcb.org/img/librepcb-monochrome.svg" alt=""
7+
width="30" height="30"/>
8+
</a>
9+
<a class="navbar-brand" href="{{siteRootPath}}/">LibrePCB</a>
10+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
11+
data-bs-target="#navbar-content"
12+
aria-controls="navbar-content" aria-expanded="false"
13+
aria-label="Toggle navigation">
14+
<span class="navbar-toggler-icon"></span>
15+
</button>
16+
<div class="collapse navbar-collapse" id="navbar-content">
17+
<ul class="navbar-nav me-auto mb-2 mb-md-0">
18+
19+
<li class="nav-item">
20+
<a class="nav-link"
21+
22+
href="{{siteRootPath}}/blog/">
23+
24+
Blog
25+
</a>
26+
27+
</li>
28+
29+
<li class="nav-item">
30+
<a class="nav-link"
31+
32+
href="{{siteRootPath}}/features/for-everyone/">
33+
34+
Features
35+
</a>
36+
37+
<ul class="dropdown-menu dropdown-menu-dark">
38+
39+
<li>
40+
<a class="dropdown-item"
41+
href="{{siteRootPath}}/features/for-everyone/">
42+
A Tool For Everyone
43+
</a>
44+
</li>
45+
46+
<li>
47+
<a class="dropdown-item"
48+
href="{{siteRootPath}}/features/schematic-editor/">
49+
Schematic Editor
50+
</a>
51+
</li>
52+
53+
<li>
54+
<a class="dropdown-item"
55+
href="{{siteRootPath}}/features/board-editor/">
56+
Board Editor
57+
</a>
58+
</li>
59+
60+
<li>
61+
<a class="dropdown-item"
62+
href="{{siteRootPath}}/features/fabrication-service/">
63+
Fabrication Service
64+
</a>
65+
</li>
66+
67+
<li>
68+
<a class="dropdown-item"
69+
href="{{siteRootPath}}/features/library-management/">
70+
Library Management
71+
</a>
72+
</li>
73+
74+
<li>
75+
<a class="dropdown-item"
76+
href="{{siteRootPath}}/features/library-editor/">
77+
Library Editor
78+
</a>
79+
</li>
80+
81+
<li>
82+
<a class="dropdown-item"
83+
href="{{siteRootPath}}/features/library-concept/">
84+
Library Concept
85+
</a>
86+
</li>
87+
88+
<li>
89+
<a class="dropdown-item"
90+
href="{{siteRootPath}}/features/file-format/">
91+
File Format
92+
</a>
93+
</li>
94+
95+
<li>
96+
<a class="dropdown-item"
97+
href="{{siteRootPath}}/features/cli/">
98+
Command-Line Interface
99+
</a>
100+
</li>
101+
102+
</ul>
103+
104+
</li>
105+
106+
<li class="nav-item">
107+
<a class="nav-link active"
108+
109+
href="{{siteRootPath}}/docs/">
110+
111+
Documentation
112+
</a>
113+
114+
</li>
115+
116+
<li class="nav-item">
117+
<a class="nav-link"
118+
119+
href="{{siteRootPath}}/help/">
120+
121+
Help
122+
</a>
123+
124+
<ul class="dropdown-menu dropdown-menu-dark">
125+
126+
<li>
127+
<a class="dropdown-item"
128+
href="{{siteRootPath}}/help/">
129+
Get Help
130+
</a>
131+
</li>
132+
133+
<li>
134+
<a class="dropdown-item"
135+
href="{{siteRootPath}}/faq/">
136+
FAQ
137+
</a>
138+
</li>
139+
140+
</ul>
141+
142+
</li>
143+
144+
<li class="nav-item">
145+
<a class="nav-link"
146+
147+
href="{{siteRootPath}}/download/">
148+
149+
Download
150+
</a>
151+
152+
</li>
153+
154+
<li class="nav-item">
155+
<a class="nav-link"
156+
157+
href="{{siteRootPath}}/sponsors/">
158+
159+
Sponsors
160+
</a>
161+
162+
</li>
163+
164+
<li class="nav-item">
165+
<a class="nav-link"
166+
167+
href="{{siteRootPath}}/donate/">
168+
169+
Donate
170+
</a>
171+
172+
</li>
173+
174+
<li class="nav-item">
175+
<a class="nav-link"
176+
177+
href="{{siteRootPath}}/contribute/">
178+
179+
Contribute
180+
</a>
181+
182+
</li>
183+
184+
<li class="nav-item">
185+
<a class="nav-link"
186+
187+
href="{{siteRootPath}}/about/">
188+
189+
About
190+
</a>
191+
192+
<ul class="dropdown-menu dropdown-menu-dark">
193+
194+
<li>
195+
<a class="dropdown-item"
196+
href="{{siteRootPath}}/about/">
197+
About the Project
198+
</a>
199+
</li>
200+
201+
<li>
202+
<a class="dropdown-item"
203+
href="{{siteRootPath}}/roadmap/">
204+
Roadmap
205+
</a>
206+
</li>
207+
208+
<li>
209+
<a class="dropdown-item"
210+
href="{{siteRootPath}}/license/">
211+
License
212+
</a>
213+
</li>
214+
215+
<li>
216+
<a class="dropdown-item"
217+
href="{{siteRootPath}}/contact/">
218+
Contact
219+
</a>
220+
</li>
221+
222+
</ul>
223+
224+
</li>
225+
226+
</ul>
227+
<ul class="navbar-nav mb-2 mb-md-0">
228+
<li class="nav-item text-nowrap">
229+
<a href="https://fab.librepcb.org" title="LibrePCB Fab"
230+
class="nav-link">
231+
<i class="fa-solid fa-industry fa-xl d-lg-none me-1"></i>
232+
<span class="d-lg-none">LibrePCB</span> Fab
233+
</a>
234+
</li>
235+
<li class="nav-item d-none d-lg-flex py-1">
236+
<div class="vr h-100 mx-2 text-white"></div>
237+
</li>
238+
<li class="nav-item">
239+
<a href="https://github.com/LibrePCB/LibrePCB" title="GitHub"
240+
class="nav-link icon icon-github">
241+
<i class="fa-brands fa-github fa-xl"></i>
242+
<span class="d-lg-none ms-1">GitHub</span>
243+
</a>
244+
</li>
245+
<li class="nav-item">
246+
<a href="https://www.patreon.com/librepcb" title="Patreon"
247+
class="nav-link icon icon-patreon">
248+
<i class="fa-brands fa-patreon fa-xl"></i>
249+
<span class="d-lg-none ms-1">Patreon</span>
250+
</a>
251+
</li>
252+
<li class="nav-item">
253+
<a href="https://twitter.com/librepcb" title="Twitter"
254+
class="nav-link icon icon-twitter">
255+
<i class="fa-brands fa-twitter fa-xl"></i>
256+
<span class="d-lg-none ms-1">Twitter</span>
257+
</a>
258+
</li>
259+
</ul>
9260
</div>
10261
</div>
11262
</nav>
182 KB
Binary file not shown.
105 KB
Binary file not shown.
388 KB
Binary file not shown.
147 KB
Binary file not shown.

0 commit comments

Comments
 (0)