451c933301
You can now read, write, and delete messages through GDBrowser! Blocking and viewing sent messages have not been done yet. Also, a message now appears if you're comment banned
138 lines
No EOL
6.6 KiB
HTML
138 lines
No EOL
6.6 KiB
HTML
<head>
|
|
<title>Geometry Dash Browser!</title>
|
|
<meta charset="utf-8">
|
|
<link href="../css/browser.css" type="text/css" rel="stylesheet">
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135255146-3"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-135255146-3');</script>
|
|
<link rel="icon" href="../assets/coin.png">
|
|
<meta id="meta-title" property="og:title" content="Geometry Dash Browser!">
|
|
<meta id="meta-desc" property="og:description" content="Browse all of Geometry Dash's online features, right from this handy little website! Levels, profiles, leaderboards, comments, and more!">
|
|
<meta id="meta-image" name="og:image" itemprop="image" content="https://gdbrowser.com/assets/coin.png">
|
|
</head>
|
|
|
|
<body class="levelBG" onbeforeunload="saveUrl()">
|
|
|
|
<div id="everything">
|
|
|
|
<div class="popup" id="credits">
|
|
</div>
|
|
|
|
<div style="position:absolute; bottom: 0%; left: 0%; width: 100%; pointer-events: none">
|
|
<img class="cornerPiece" src="../assets/corner.png" width=7%;>
|
|
</div>
|
|
|
|
<div style="position:absolute; top: 0%; left: 0%; width: 100%; pointer-events: none">
|
|
<img class="cornerPiece" src="../assets/corner.png" width=7%; style="transform: scaleY(-1)">
|
|
</div>
|
|
|
|
<div style="position:absolute; top: 1.7%; right: 2%; text-align: right; width: 10%;">
|
|
<img id="creditsButton" class="gdButton" src="../assets/credits.png" width="60%" onclick="loadCredits()">
|
|
</div>
|
|
|
|
<div style="position:absolute; top: -1.5%; right: 10%; text-align: right; width: 10%;">
|
|
<a href="../iconkit"><img class="iconRope" src="../assets/iconrope.png" width="40%"></a>
|
|
</div>
|
|
|
|
<div style="position:absolute; top: -1.7%; left: 5%; text-align: right; width: 10%;">
|
|
<a href="../messages"><img class="iconRope" src="../assets/messagerope.png" width="40%"></a>
|
|
</div>
|
|
|
|
<div class="supercenter center" id="menuButtons" style="bottom: 5%;">
|
|
<table>
|
|
<tr>
|
|
<td><a href="./search/levels?type=saved"><img class="menubutton" src="../assets/category-saved.png"></a></td>
|
|
<td><a href="./daily"><img class="menubutton" src="../assets/category-daily.png"></a></td>
|
|
<td><a href="./weekly"><img class="menubutton" src="../assets/category-weekly.png"></a></td>
|
|
<td><a href="./gauntlets"><img class="menubutton" src="../assets/category-gauntlets.png"></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="./leaderboard"><img class="menubutton" src="../assets/category-scores.png"></a></td>
|
|
<td><a href="./search/levels?type=hof"><img class="menubutton" src="../assets/category-hof.png"></a></td>
|
|
<td><a href="./mappacks"><img class="menubutton" src="../assets/category-packs.png"></a></td>
|
|
<td><a href="./search"><img class="menubutton" src="../assets/category-search.png"></a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p>Website created by GD Colon.<br>Pretty much everything other than that belongs to RobTopGames.</p>
|
|
<p style="margin-top: -0.5%"><a class="menuLink" href="https://gdcolon.com/tools">GD Tools</a>
|
|
|
|
<a class="menuLink" href="./api">API</a>
|
|
|
|
<a class="menuLink" href="https://github.com/GDColon/GDBrowser">GitHub</a>
|
|
|
|
<a class="menuLink" href="https://store.steampowered.com/app/322170/Geometry_Dash/">Buy Geometry Dash!</a>
|
|
</div>
|
|
|
|
<div class="center" width="100%" style="margin-top: 2%">
|
|
<img src="../assets/gdlogo.png" height="11.5%"><br>
|
|
<img id="browserlogo" src="../assets/browser.png" height="7%" style="margin: 0.5% 0% 0% 30%">
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script async type="text/javascript" src="../assets/sizecheck.js"></script>
|
|
<script>
|
|
|
|
let page = 1
|
|
$('#browserlogo').css('filter', `hue-rotate(${Math.floor(Math.random() * (330 - 60)) + 60}deg) saturate(${Math.floor(Math.random() * (150 - 100)) + 100}%)`)
|
|
|
|
function loadCredits() {
|
|
$('.subCredits').hide()
|
|
$('#credits' + page).show()
|
|
$('#credits').show()
|
|
}
|
|
|
|
fetch(`./api/credits`).then(res => res.json()).then(res => {
|
|
|
|
res.credits.forEach((x, y) => {
|
|
$('#credits').append(`<div id="credits${y+1}" class="subCredits" style="display: none;">
|
|
<div class="brownBox center supercenter" style="width: 80vh; height: 43%; padding-top: 1.5%; padding-bottom: 3.5%;">
|
|
<h1>${x.header}</h1><br>
|
|
<h2 style="margin-bottom: 1.5%" class="gdButton"><a href="./profile/${x.ign || x.name}">${x.name}</h2></a>
|
|
<img src="./icon/${x.ign || x.name}" height=30%; style="margin-bottom: 7%"><br>
|
|
<a target=_blank href="${x.youtube[0]}"><img src="../assets/${x.youtube[1]}.png" width="11%" class="gdButton"></a>
|
|
<a target=_blank href="${x.twitter[0]}"><img src="../assets/${x.twitter[1]}.png" width="11%" class="sideSpace gdButton"></a>
|
|
<a target=_blank href="${x.github[0]}"><img src="../assets/${x.github[1]}.png" width="11%" class="sideSpace gdButton"></a>
|
|
<br>
|
|
</div>
|
|
<img class="gdButton" src="../assets/arrow-right.png" width="60vh" style="position: absolute; top: 45%; left: 75%" onclick="page += 1; loadCredits()">
|
|
<img class="gdButton" src="../assets/arrow-left.png" width="60vh" style="${y == 0 ? "display: none; " : ""}position: absolute; top: 45%; right: 75%" onclick="page -= 1; loadCredits()">
|
|
</div>`)
|
|
})
|
|
|
|
$('#credits').append(`<div id="credits${res.credits.length + 1}" class="subCredits" style="display: none;">
|
|
<div id="specialthanks" class="brownBox center supercenter" style="width: 80vh; height: 43%; padding-top: 1.5%; padding-bottom: 3.5%;">
|
|
<h1>Special Thanks!</h1><br>
|
|
</div>
|
|
<img class="gdButton" src="../assets/arrow-left.png" width="60vh" style="position: absolute; top: 45%; right: 75%" onclick="page -= 1; loadCredits()">
|
|
</div>`)
|
|
|
|
res.specialThanks.forEach((x, y) => {
|
|
$('#specialthanks').append(`<div class="specialThanks">
|
|
<h2 class="gdButton smaller"><a href="./profile/${x}">${x}</h2></a>
|
|
<img src="./icon/${x}" height=85%><br>
|
|
</div>`)
|
|
})
|
|
|
|
$('#credits').append(`<div class="center supercenter" style="width: 80vh; height: 43%; pointer-events: none;">
|
|
<img class="closeWindow gdButton" src="../assets/close.png" height="25%" style="position: absolute; top: -24%; left: -7vh; pointer-events: all;" onclick="$('#credits').hide(); page = 1;"></div>`)
|
|
|
|
$(document).keydown(function(k) {
|
|
|
|
if ($('#credits').is(':hidden')) return
|
|
|
|
if (k.which == 37 && page > 1) { //left
|
|
page -= 1; loadCredits();
|
|
}
|
|
|
|
if (k.which == 39 && page < res.credits.length + 1) { //right
|
|
page += 1; loadCredits();
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
</script> |