GDBrowser/html/mappacks.html
GDColon c6ec922809 I've officially fallen down the rabbit hole that is GitHub
First commit, baby! Maybe I should Google what that means.
2019-10-15 22:42:47 -04:00

50 lines
No EOL
1.8 KiB
HTML

<head>
<title>Map Packs</title>
<meta charset="utf-8">
<link href="../assets/level.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/folder.png">
<meta id="meta-title" property="og:title" content="Map Packs">
<meta id="meta-desc" property="og:description" content="Collections of terrible Geometry Dash levels that people only play because of the absurd number of icons they unlock.">
<meta id="meta-image" name="og:image" itemprop="image" content="https://gdbrowser.com/assets/gauntlet.png">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script async type="text/javascript" src="../assets/sizecheck.js"></script>
</head>
<body class="levelBG" style="overflow-y:auto;">
<div id="everything" class="center">
<div class="center" style="margin: 2.5% auto 2% auto; width: 50%;">
<h1 style="transform:scale(1.2)">Map Packs</h1>
</div>
<div id="packList">
<br>
</div>
<div style="position:absolute; top: 2%; left: -1.95%; width: 10%; height: 25%; pointer-events: none">
<img class="gdButton yesClick" id="backButton" src="../assets/back.png" height="30%" onclick="backButton()">
</div>
<br>
</div>
</body>
<script>
fetch('../api/mappacks').then(res => res.json()).then(packs => {
keys = Object.keys(packs)
keys.forEach(x => {
$('#packList').append(`
<div class="mappack">
<a href="../search/${x}?mappack=1">
<img src="../difficulty/${packs[x][3]}.png" height="220%"><br>
<h3 class="gauntletText"">${x.replace("Pack", "<br>Pack")}</h3></div></a>`)
})
})
</script>