Skip to content

Commit 60f9b34

Browse files
khancyrkhancyr
committed
fronend: inline topbar for speedup
1 parent 1f3f53b commit 60f9b34

File tree

2 files changed

+92
-108
lines changed

2 files changed

+92
-108
lines changed

‎frontend/includes/_topbar.html‎

Lines changed: 0 additions & 88 deletions
This file was deleted.

‎frontend/index.html‎

Lines changed: 92 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -39,23 +39,6 @@
3939

4040
<link rel="stylesheet" href="css/main.css">
4141
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
42-
<script>
43-
function loadContent(elementId, file) {
44-
fetch(file)
45-
.then(response => {
46-
if (!response.ok) {
47-
throw new Error(`HTTP error! status: ${response.status}`);
48-
}
49-
return response.text();
50-
})
51-
.then(text => document.getElementById(elementId).innerHTML = text)
52-
.catch(e => console.error('Error:', e));
53-
}
54-
55-
document.addEventListener("DOMContentLoaded", function () {
56-
loadContent("headerID", "includes/_topbar.html");
57-
});
58-
</script>
5942
<script defer data-domain="ardupilot.org"
6043
src="https://plausible.ardupilot.org/js/script.outbound-links.js"></script>
6144

@@ -64,9 +47,98 @@
6447
<body>
6548

6649
<header>
67-
<div id="headerID">
68-
<!-- NAVBAR -->
69-
</div>
50+
<nav class="navbar navbar-expand-md navbar-dark bg-dark ">
51+
52+
<div class="container">
53+
54+
<a class="navbar-brand" href="#">
55+
<picture>
56+
<source media="(max-height: 480px)" type="image/webp"
57+
srcset="images/ArduPilot-Motto.webp">
58+
<source media="(max-height: 480px)" type="image/png" srcset="images/ArduPilot-Motto.png">
59+
<img src="images/ArduPilot-Motto.png" alt="ArduPilot" class="img-fluid">
60+
</picture>
61+
</a>
62+
63+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
64+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
65+
<span class="navbar-toggler-icon"></span>
66+
</button>
67+
68+
69+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
70+
71+
<ul class="navbar-nav mr-auto ">
72+
73+
<li class="nav-item active">
74+
<a class="nav-link" href="https://www.ardupilot.org">HOME</a>
75+
</li>
76+
77+
<li class="nav-item dropdown">
78+
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
79+
aria-haspopup="true" aria-expanded="false">ABOUT</a>
80+
<div class="dropdown-menu" aria-labelledby="dropdown01">
81+
<a class="dropdown-item" href="https://ardupilot.org/dev/docs/events.html">Events</a>
82+
<a class="dropdown-item"
83+
href="https://ardupilot.org/dev/docs/common-history-of-ardupilot.html">History</a>
84+
<a class="dropdown-item" href="https://ardupilot.org/dev/docs/license-gplv3.html">License</a>
85+
<a class="dropdown-item"
86+
href="https://ardupilot.org/ardupilot/docs/common-partners.html">Partners</a>
87+
<!-- There is a partners.html waiting for be enhanced -->
88+
<a class="dropdown-item"
89+
href="https://ardupilot.org/dev/docs/common-training-centers.html">Schools</a>
90+
<a class="dropdown-item" href="https://ardupilot.org/ardupilot/docs/common-team.html">Team</a>
91+
<!-- There is a team.html waiting for be enhanced -->
92+
<a class="dropdown-item" href="https://ardupilot.org/dev/docs/common-team.html">Top
93+
Contributors</a>
94+
<a class="dropdown-item" href="https://ardupilot.org/dev/docs/job-openings.html">Volunteer</a>
95+
</div>
96+
</li>
97+
98+
<li class="nav-item">
99+
<a class="nav-link" href="https://discuss.ardupilot.org/c/blog">BLOGS </a>
100+
</li>
101+
102+
<li class="nav-item">
103+
<a class="nav-link text-nowrap"
104+
href="https://ardupilot.org/copter/docs/common-use-cases-and-applications.html">USE CASES</a>
105+
</li>
106+
107+
<li class="nav-item">
108+
<a class="nav-link" href="https://ardupilot.org/ardupilot">DOCUMENTATION</a>
109+
</li>
110+
111+
<li class="nav-item">
112+
<a class="nav-link" href="https://ardupilot.org/ardupilot/docs/common-stores.html">STORES</a>
113+
</li>
114+
115+
<li class="nav-item dropdown">
116+
<a class="nav-link dropdown-toggle" href="#" id="dropdown02" data-toggle="dropdown"
117+
aria-haspopup="true" aria-expanded="false">COMMUNITY</a>
118+
<div class="dropdown-menu" aria-labelledby="dropdown02">
119+
<a class="dropdown-item"
120+
href="https://ardupilot.org/ardupilot/docs/common-commercial-support.html">Commercial
121+
Support</a>
122+
<a class="dropdown-item"
123+
href="https://ardupilot.org/ardupilot/docs/common-contact-us.html">Contact Us</a>
124+
<a class="dropdown-item"
125+
href="https://ardupilot.org/dev/docs/ardupilot-discord-server.html">Developer Chat</a>
126+
<a class="dropdown-item" href="https://discuss.ardupilot.org">Discuss Forums</a>
127+
<a class="dropdown-item" href="https://www.facebook.com/groups/ArduPilot.org">Facebook</a>
128+
<a class="dropdown-item" href="https://ardupilot.org/dev/docs/gsoc.html">GSOC</a>
129+
<a class="dropdown-item" href="https://twitter.com/hashtag/Ardupilot?src=hash">Twitter</a>
130+
<a class="dropdown-item"
131+
href="https://www.youtube.com/channel/UCtqkaA8BWDpISGNAfivUSHw">YouTube</a>
132+
<a class="dropdown-item"
133+
href="https://www.instagram.com/explore/tags/ardupilot/?hl=en">Instagram</a>
134+
</div>
135+
</li>
136+
137+
</ul>
138+
</div>
139+
140+
</div>
141+
</nav>
70142
</header>
71143

72144
<main role="main" class="container">

0 commit comments

Comments
 (0)