Xtra

clipboard.js

@@ -28,9 +28,13 @@ function resetCopy() {
 const minecraft = document.getElementById('minecraft-clip');
 minecraft.addEventListener('click', function (event) { copyToClipboard('minecraft-server'); });
 
+const terraria = document.getElementById('terraria-clip');
+terraria.addEventListener('click', function (event) { copyToClipboard('terraria-server'); });
+
 var tooltipped = document.getElementsByClassName('tooltipped');
 for (var i = 0; i < tooltipped.length; i++) {
 	//tooltipped[i].addEventListener('click', function (event) { copyToClipboard(); });
+	// this clipboard
 	tooltipped[i].addEventListener('mouseout', function (event) { resetCopy(); });
 }
 

expenses.html

@@ -75,6 +75,24 @@
 		</section>
 
 	</main>
+
+	<footer>
+		<div class="layout-wrapper">
+
+			<div class="footer__column">
+				<p><a href="#">Servers</a></p>
+				<p><a href="/">Minecraft</a></p>
+			</div>
+			<div class="footer__column">
+				<p>Community</p>
+			</div>
+
+			<div class="sub-footer">
+				<p>&copy; aNetwork | Website by <a href="https://aney.co.uk" target="_blank" rel="noopener noreferrer">Aney</a></p>
+			</div>
+		</div>
+	</footer>
+
 </body>
 
 

index.html

@@ -20,8 +20,8 @@
 		<nav>
 			<ul class="inline-list">
 				<li><a href="/">Home</a></li>
-				<!--<li><a href="#">Servers</a></li>
+				<!--<li><a href="#">Servers</a></li>-->
-				<li><a href="#">About</a></li>-->
+				<!--<li><a href="#">About</a></li>-->
 				<li><a href="/discord">Discord</a></li>
 			</ul>
 		</nav>
@@ -67,20 +67,34 @@
 				<p>Map: <a href="https://mcmap.anetwork.uk">mcmap.anetwork.uk</a></p>
 			</div>
 
+			<div class="home-server home-server--terraria">
+				<img class="centre-image" src="terraria.png"/>
+				<p class="heading">Terraria</p>
+				<p class="content">
+					A publically available terraria server that is currenly a WIP. i.e. We are trying plugins, and administration to see what people would like best.
+				</p>
+				<p id="terraria-clip" class="tooltipped">
+					IP: 
+					<span id="terraria-server" class="clipboard">anetwork.uk</span>
+					 Port: 7777
+					<span class="tooltiptext" id="tooltip">Copy to clipboard</span>
+				</p>
+			</div>
+
 		</section>
 
 		<section class="moar">
 			<div class="layout-wrapper">
 				<img class="centre-image" src="moo-cow.gif"/>
 				<p>aNetwork is a small gaming community with the aim of setting up servers, and events for all to enjoy.</p>
-				<p>Formed sometime in 2021 as a private, and small growing group, the aim has become to create a more public community, venturing into server hosting to allow people to play the games they want with friends.</p>
+				<p>Formed sometime in 2021 as a private, and small growing group. Since them the aim has become to create a more public community, venturing into server hosting to allow people to play the games they want with friends.</p>
 			</div>
 		</section>
 
 		<section class="extra">
 			<div class="layout-wrapper">
 				<h2>Contribute</h2>
-				<p>aNetwork hosts and maintains a number of <a href="servers" target="_blank">servers</a>, and to keep these servers operational we need to pay the big bucks.</p>
+				<p>aNetwork hosts and maintains a number of <a href="#" target="_blank">servers</a>, and to keep these servers operational we need to pay the big bucks.</p>
 				<p>If you'd like to contribute, or see a breakdown of our outgoings click below</p>
 				<a class="button" href="#">Contribute</a>
 				<a class="button" href="expenses.html">Our Costs</a>
@@ -91,7 +105,7 @@
 			<div class="layout-wrapper">
 
 				<div class="footer__column">
-					<p>Games</p>
+					<p><a href="#">Servers</a></p>
 					<p><a href="/">Minecraft</a></p>
 				</div>
 				<div class="footer__column">