-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathapp.js
88 lines (81 loc) · 3.87 KB
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
function toggleMobileMenu(menu) {
menu.classList.toggle('open');
}
function Footer () {
with(document) {
write('<footer class="p-5 bg-dark text-white text-center position-relative">');
write('<div class="container">');
write('<p class="lead"><span class="text-warning">Copyright © 2024 TTV Bühlertal e.V.</span></p>');
write('<a class="my_footer_datenschutz_impressum p-1" href="impressum.html">Impressum</a>');
write('<a class="my_footer_datenschutz_impressum p-1" href="datenschutz.html">Datenschutz</a>');
write('<a class="my_footer_datenschutz_impressum p-1" href="verein.html#mitgliedsantrag">Mitgliedsantrag</a>');
write('<div class="position-absolute bottom-0 start-0 p-5 footer_my_a d-none d-sm-block">');
write('<a class="footer_my_a" href="#" id="facebook_color">');
write('<i class="fa fa-facebook my_icons_footer"></i>');
write('</a>');
write('<a class="footer_my_a" href="#" id="instagram_color"><i class="fa fa-instagram my_icons_footer"></i></a>');
write('</div>');
write('</div>');
write('<a href="#" class="position-absolute bottom-0 end-0 p-5"><i class="fa-solid fa-arrow-up my_arrow"></i></a>');
write('</div>');
write('</footer>');
}
}
function Header () {
with(document) {
write('<header>');
write('<div id="brand"><a class="text-wrap" href="/">TTV Bühlertal</a></div>');
write('<nav>');
write('<ul id="desktop">');
write('<li><a href="/index.html">Start</a></li>');
write('<li><a href="/training.html">Training</a></li>');
write('<li><a href="/verein.html">Verein</a></li>');
write('<li><a href="/mannschaften.html" >Mannschaften</a></li>');
write('<li><a href="/vorstand.html">Vorstand</a></li>');
write('<li id="contact"><a href="/kontakt.html">Kontakt</a></li>');
write('</ul>');
write('</nav>');
write('<div id="hamburger-icon" onclick="toggleMobileMenu(this)">');
write('<div class="bar1"></div>');
write('<div class="bar2"></div>');
write('<div class="bar3"></div>');
write('<ul class="mobile-menu">');
write('<li><a href="/index.html">Start</a></li>');
write('<li><a href="/training.html">Training</a></li>');
write('<li><a href="/verein.html">Verein</a></li>');
write('<li><a href="/mannschaften.html" >Mannschaften</a></li>');
write('<li><a href="/vorstand.html">Vorstand</a></li>');
write('<li id="contact"><a href="/kontakt.html">Kontakt</a></li>');
write('</ul>');
write('</div>');
write('</header>');
}
}
var insertFooter = () => {
const year = new Date().getFullYear();
var footer = document.getElementById("in_foot");
footer.innerHTML = `
<footer class="p-5 bg-dark text-white text-center position-relative">
<div class="container">
<p class="lead"><span class="text-warning">Copyright © ${year} TTV Bühlertal e.V.</span></p>
<a class="my_footer_datenschutz_impressum p-1" href="impressum.html">Impressum</a>
<a class="my_footer_datenschutz_impressum p-1" href="datenschutz.html">Datenschutz</a>
<a class="my_footer_datenschutz_impressum p-1" href="verein.html#mitgliedsantrag">Mitgliedsantrag</a>
<div class="position-absolute bottom-0 start-0 p-5 footer_my_a d-none d-sm-block">
<a class="footer_my_a" href="#" id="facebook_color">
<i class="fa fa-facebook my_icons_footer"></i>
</a>
<a class="footer_my_a" href="#" id="instagram_color">
<i class="fa fa-instagram my_icons_footer"></i>
</a>
</div>
<a href="#" class="position-absolute bottom-0 end-0 p-5">
<i class="fa-solid fa-arrow-up my_arrow"></i>
</a>
</div>
</footer>
`;
}
let yearEl = document.getElementById("year-el")
var inYear = new Date().getFullYear();
yearEl.textContent = "Copyright © TTV Bühlertal e.V."