Breakout social icons into separate file

This commit is contained in:
John Studnicka 2024-05-04 03:41:16 -07:00 committed by Unknown
parent dfcdaf6594
commit 34d6a27ab4
10 changed files with 89 additions and 283 deletions

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -38,35 +43,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -52,35 +57,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -74,35 +79,6 @@
<div style="height: 30%"></div> -->
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -38,35 +43,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -38,35 +43,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -38,35 +43,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

28
Pages/socials.html Normal file
View file

@ -0,0 +1,28 @@
<body>
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -177,35 +182,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -38,35 +43,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<div id="socials"></div>
</body>
</html>

View file

@ -13,6 +13,11 @@
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
@ -228,42 +233,7 @@
</section>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
<div id="socials"></div>
</section>
</main>
</body>