Where people come together to learn, code, and play. Custom-built HTTP server, site generator, and website from scratch using no external libraries. Goal is to be as minimalistic and fun as possible. http://projectdivar.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
SigPlace/out/arcade.html

87 lines
2.9 KiB

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/reset.css">
<link rel="stylesheet" type="text/css" href="/sig.css">
<meta charset="UTF-8">
<script type="text/javascript">
function loadCodeBackground() {
fetch("/codeBackground").then((data)=>data.text())
.then((data)=>{
document.getElementById("codeForeground").innerText=data
document.getElementById("codeBackground").innerText=data
})
}
loadCodeBackground();
</script>
</head>
<body>
<div class="navbar">
<div class="navbaritem"><a href="/">HOME</a></div>
<div class="navbaritem"><a href="/blog.html">BLOG</a></div>
<div class="navbaritem"><a href="/arcade.html">ARCADE</a></div>
<div class="navbaritem"><a href="/stream.html">STREAM</a></div><div id="liveindicator"></div>
<div class="navbaritem"><a href="/code.html">CODING SERVICES</a></div>
<div class="socials">
<div class="navbaritem"><a href="/code.html">DISCORD</a></div>
<div class="navbaritem"><a href="/code.html">GITHUB</a></div>
<div class="navbaritem"><a href="/code.html">TWITCH</a></div>
<div class="navbaritem"><a href="/code.html">YOUTUBE</a></div>
<div class="navbaritem"><a href="/code.html">TWITTER</a></div>
</div>
</div>
<script type="text/javascript">
function getLiveStatus() {
document.getElementById("liveindicator").innerHTML="<a href=\"/stream.html\">🔴 LIVE</a>"
}
getLiveStatus()
</script>
<div class="contentBody">
SigPlace
-SigPlace
===
<div class="gamenav">
<div class="game">DDR</div>
<div class="game">ITG</div>
<div class="game">Sound Voltex</div>
<div class="game">Pop'n Music</div>
<div class="game">Love Live</div>
</div>
<div id="arcade_content">
</div>
<br/><br/>
<script type="text/javascript">
function grabData(field,location){
fetch(location,{cache: "no-cache"}).then((data)=>data.text())
.then((data)=>{
var c = document.getElementById(field)
var split = data.split("\n")
var count=0;
for (var play of split) {
if (play!=="") {
var obj = JSON.parse(play)
c.innerHTML+=`<div id="${field}${count++}">${obj.game}: ${obj.rank} [${obj.difficulty}] ${obj.title} ${obj.score} (${obj.notes})</div>`
}
}
})
}
function recentPlays(){
var content = document.getElementById("arcade_content")
grabData("records","/RECORDS")
grabData("plays","/PLAYS")
content.innerHTML=`
<h2>Recent Records</h2>
<div id="records"></div>
<h2>Recent Plays</h2>
<div id="plays"></div>`
}
recentPlays()
</script>
</div> <!--End Content Body-->
<div class="codeForeground" id="codeForeground"></div>
<div class="codeBackground" id="codeBackground"></div>
</body>
<footer>
</footer>
</html>