Skip to content

Commit

Permalink
webapp
Browse files Browse the repository at this point in the history
  • Loading branch information
ThanosFisherman committed Jul 28, 2024
1 parent 01e0189 commit 6d77cfd
Show file tree
Hide file tree
Showing 5 changed files with 278 additions and 1,872 deletions.
87 changes: 2 additions & 85 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,85 +1,2 @@
<!DOCTYPE html>
<html>
<head>
<title>Apollonian Gasket by Thanos!</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
body {
justify-content: center;
align-items: center;
background: #000;
height: 100vh;
margin: 0;
padding: 0;
overflow: hidden
}
#progress {
position: fixed;
display: block;
box-sizing: border-box;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 500px;
height: 80px;
margin-top: -40px;
margin-left: -250px;
}
#progress-img {
padding-bottom: 5px;
}
#progress-box {
background: rgba(255,255,255,0.1);
justify-content: flex-start;
border: 2px solid #fff;
align-items: center;
position: relative;
padding: 0px 5px;
display: flex;
height: 30px;
width: 487px;
float: left;
clear: both;
}
#progress-bar {
display: block;
box-shadow: 0 10px 30px -10px #fff;
background: #fff;
height: 20px;
width: 0%;
}
</style>
</head>
<body oncontextmenu="return false" onload="main()">
<div>
<div id="progress">
<img id="progress-img" src="startup-logo.png">
<div id="progress-box">
<div id="progress-bar"></div>
</div>
</div>
<canvas id="canvas" width="900" height="900"></canvas>
</div>
<script>
var maxPercentage = 25;
var delay = 500;
var bar = document.getElementById("progress-bar");
if (bar) {
var barStyle = bar.style;
barStyle.width = "0%";
function barUpdater() {
var percentage = parseInt(barStyle.width, 10);
if (percentage < maxPercentage) {
percentage++;
barStyle.width = percentage + "%";
delay += 25;
setTimeout(barUpdater, delay);
}
}
}
setTimeout(barUpdater, delay);
</script>
<script type="text/javascript" charset="utf-8" src="teavm/app.js"></script>
</body>
</html>
<!doctype html><title>Apollonian Gasket by Thanos!</title>
<meta charset=utf-8><style>body{justify-content:center;align-items:center;background:#000;height:100vh;margin:0;padding:0;overflow:hidden}#progress{position:fixed;display:block;box-sizing:border-box;position:absolute;z-index:1;top:50%;left:50%;width:500px;height:80px;margin-top:-40px;margin-left:-250px}#progress-img{padding-bottom:5px}#progress-box{background:rgba(255,255,255,.1);justify-content:flex-start;border:2px solid #fff;align-items:center;position:relative;padding:0 5px;display:flex;height:30px;width:487px;float:left;clear:both}#progress-bar{display:block;box-shadow:0 10px 30px -10px #fff;background:#fff;height:20px;width:0%}</style><body oncontextmenu=return!1 onload=main()><div><div id=progress><img id=progress-img src=startup-logo.png><div id=progress-box><div id=progress-bar></div></div></div><canvas id=canvas width=900 height=900></canvas></div><script>var maxPercentage=25,barStyle,delay=500,bar=document.getElementById("progress-bar");if(bar){barStyle=bar.style,barStyle.width="0%";function barUpdater(){var e=parseInt(barStyle.width,10);e<maxPercentage&&(e++,barStyle.width=e+"%",delay+=25,setTimeout(barUpdater,delay))}}setTimeout(barUpdater,delay)</script><script src=teavm/app.js></script>
199 changes: 196 additions & 3 deletions scripts/Tone.js

Large diffs are not rendered by default.

60 changes: 1 addition & 59 deletions scripts/gdx.wasm.js

Large diffs are not rendered by default.

5 changes: 1 addition & 4 deletions scripts/howler.js

Large diffs are not rendered by default.

Loading

0 comments on commit 6d77cfd

Please sign in to comment.