Update index.html

index.html

@@ -87,7 +87,7 @@
 
 		document.addEventListener('DOMContentLoaded', function () {
 
-			const phrases = ['Distributed AI', ' Free-To-Play ', ' Code-To-Win ', 'Open-Sourced', 'Retro Sci-fi', 'Java\'s Syntax', 'Scratch\'s Simplicity']
+			const phrases = [' Code Gamified ', ' Free To Play ', ' Code To Win ', ' Open Sourced ', ' Java Syntax ']
 
 			const el = document.getElementById("buzzWords")
 			const fx = new TextScramble(el)
@@ -161,17 +161,17 @@ <h2>BitNaughts</h2>
 		<nav id="nav">
 			<ul class="links">
 				<li class="active"><a href="#">Home</a></li>
-				<li><a href="play">Play</a></li>
+				<li><a href="play">Play Demo</a></li>
 				<li><a href="#">Download (soon)</a></li>
-				<li><a href="#">Learn (soon)</a></li>
+				<!-- <li><a href="#">Learn (soon)</a></li> -->
 				<!-- <li><a href="alpha">Wiki</a></li> -->
 				<!-- <li><a href="alpha">Portal</a></li> -->
 				<!-- <li><a href="#">Info()</a></li> -->
 			</ul>
 			<ul class="icons">
 				<li><a href="https://github.com/bitnaughts" class="icon fa-github"><span class="label">GitHub</span></a></li>
-				<li><a href="https://twitter.com/bitnaughts" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
-				<li><a href="https://codefied.substack.com/" class="icon fa-bookmark"><span class="label">Substack</span></a></li>
+				<!-- <li><a href="https://twitter.com/bitnaughts" class="icon fa-twitter"><span class="label">Twitter</span></a></li> -->
+				<!-- <li><a href="https://codefied.substack.com/" class="icon fa-bookmark"><span class="label">Substack</span></a></li> -->
 				<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
 				<!-- <li><div class="icon fa-ellipsis-v"></div></li>
 				<li><a href="portal.html" class="icon fa-user-circle"><span class="label">Log-in</span></a></li> -->
@@ -188,25 +188,50 @@ <h2>BitNaughts is
 						<br>
 						<div id="buzzWords" style="font-family: 'Courier New', monospace;">Retro Sci-fi</div>
 					</h2>
-				</header>					
-				<p style="font-family: 'Courier New', monospace;">
-					Build your object-oriented space-ship;<br>
+				</header>	
+
+				<p style="font-family: 'Courier New', monospace; text-align: center;">
+					Construct your object-oriented space-ship;<br>
 					Learn programming to code your systems;<br>
-					Set out to save Earth from invasion;<br>
+					Save the Earth from Martian invasion;<br>
 				</p>
 				<!-- <a href="#" class="image main"><img src="images/pic01.jpg" alt="" /></a> -->
 				<ul class="actions special">
-					<li><a href="play" class="button large">Play</a></li>
+					<li><a href="play" class="button large">Play Demo</a></li>
 					<li><a href="#" class="button large">Download (soon)</a></li>
-					<li><a href="#" class="button large">Learn (soon)</a></li>
+					<!-- <li><a href="#" class="button large">Learn (soon)</a></li> -->
 				</ul>
 			</article>
 
 			<!-- Posts -->
 			<section class="posts">
+				<!-- <article>
+					<header>
+						<span class="date">July, 2020</span>
+						<h2><a href="#">Microsoft Hackathon '20<br />
+								"HackADuo"</a></h2>
+					</header>
+					<a href="#" class="image fit"><img src="images/fighter.png" alt="" /></a>
+					<p style="font-family: 'Courier New', monospace;">Plug-and-play ship modules have enabled rapid prototyping. See the archive of saved ship designs.</p>
+					<ul class="actions special">
+						<li><a href="#" class="button">Learn</a></li>
+					</ul>
+				</article>
+				<article>
+					<header>
+						<span class="date">July, 2021</span>
+						<h2><a href="#">Martians<br />
+								have invaded!</a></h2>
+					</header>
+					<a href="#" class="image fit"><img src="images/martian.png" alt="" /></a>
+					<p style="font-family: 'Courier New', monospace;">Global economies unite to coordinate defensive efforts. Power lines are down. You are our only hope!</p>
+					<ul class="actions special">
+						<li><a href="play" class="button">Play Campaign</a></li>
+					</ul>
+				</article>
 				<article>
 					<header>
-						<span class="date">December, 2018</span>
+						<span class="date">September, 2022</span>
 						<h2><a href="#">Modular ships<br />
 								have arrived!</a></h2>
 					</header>
@@ -218,7 +243,7 @@ <h2><a href="#">Modular ships<br />
 				</article>
 				<article>
 					<header>
-						<span class="date">December, 2022</span>
+						<span class="date">September, 2023</span>
 						<h2><a href="#">Martians<br />
 								have invaded!</a></h2>
 					</header>
@@ -227,7 +252,7 @@ <h2><a href="#">Martians<br />
 					<ul class="actions special">
 						<li><a href="play" class="button">Play Campaign</a></li>
 					</ul>
-				</article>
+				</article> -->
 				<!--
 				<article>
 					<header>
@@ -315,8 +340,8 @@ <h2><a href="#">Augue lorem<br />
 
 		<!-- Footer -->
 		<footer id="footer">
-			<section>
-				<!-- <form method="post" action="#">
+			<!-- <section>
+				<form method="post" action="#">
 					<div class="fields">
 						<div class="field">
 							<label for="name">Name</label>
@@ -330,9 +355,9 @@ <h2><a href="#">Augue lorem<br />
 					<ul class="actions">
 						<li><input type="submit" value="MailList.Add()" /></li>
 					</ul>
-				</form> -->
-			</section>
-			<section class="split contact">
+				</form> 
+			</section> -->
+			<!-- <section class="split contact">
 				<section>
 					<h3>Email</h3>
 					<p><a href="#">[email protected]</a></p>
@@ -346,13 +371,13 @@ <h3>Links</h3>
 						<li><a href="mailto:[email protected]" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
 					</ul>
 				</section>
-			</section>
+			</section> -->
 		</footer>
 
 		<!-- Copyright -->
 		<div id="copyright">
 			<ul>
-				<li>&copy; 2022 BitNaughts</li>
+				<li>&copy; 2023 BitNaughts</li>
 				<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
 			</ul>
 		</div>