https://hktss.github.io/assets/js/components.js

1const curYear = new Date().getFullYear();
2
3const navbar = `
4<nav class="navbar navbar-expand-lg  navbar-light">
5    <div class="container nbl">
6        <a class="navbar-brand" href="index.html">
7            <img src="assets/img/logo/tss.png">
8        </a>
9
10        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
11            <span class="text-white lnr lnr-menu"></span>
12        </button>
13
14        <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
15            <ul class="navbar-nav">
16                <li><a href="index.html#project">最新消息</a></li>
17                <li><a href="index.html#faq">常見問題</a></li>
18                <li><a href="links.html">相關連結</a></li>
19                <li><a href="sims.html">模擬器系列</a></li>
20                <li><a href="download.html" class="selecteditem">作品下載</a></li>
21            </ul>
22        </div>
23    </div>
24</nav>
25`
26
27const footer = `
28<footer class="footer-area section-gap">
29    <div class="container">
30        <div class="row">
31            <div class="single-footer-widget">
32                <h6>關於我們</h6>
33                <p>一間制作不同模擬遊戲作品的工作室。<br> 目前主力開發OpenBVE作品，希望能帶給大家真實又高質的模擬體驗。</p>
34
35                <!-- Social Icons -->
36
37                <div class="footer-social d-flex align-items-center">
38                    <a href="https://www.facebook.com/HKTransportSimulationStudio" target="_blank"><i class="fa-brands fa-facebook"></i></a>
39                    <a href="https://www.instagram.com/hktransportsimulationstudio" target="_blank"><i class="fa-brands fa-instagram"></i></a>
40                    <a href="https://www.threads.com/@hktransportsimulationstudio" target="_blank"><i class="fa-brands fa-threads"></i></a>
41                    <a href="https://www.youtube.com/@HKTSS" target="_blank"><i class="fa-brands fa-youtube"></i></a>
42                    <a href="https://forms.gle/gGQuevPA9cJ64YyV9" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
43                    <a href="https://github.com/HKTSS" target="_blank"><i class="fa-brands fa-github"></i></a>
44                </div>
45
46                <br>
47
48                <p class="footer-text">Copyright &copy; ${curYear} Hong Kong Transport Simulation Studio. Some rights reserved.</p>
49                <p>Member of the HKRSDA</p>
50                <p class="footer-text">Template by <a href="https://colorlib.com" target="_blank">Colorlib</a> licensed under CC BY 3.0.</p>
51            </div>
52        </div>
53    </div>
54</footer>
55`;
56
57document.getElementById("navbar").innerHTML = navbar;
58document.getElementById("footer").innerHTML = footer;