GDBrowser/html/mappacks.html
GDColon f815ce338e Added compact mode to comments + renamed CSS
- Renamed level.css to browser.css
- Compact comment mode makes comments smaller and fetches 20 comments instead of 10
2019-10-23 18:40:31 -04:00

47 lines
1.8 KiB
HTML

<head>
<title>Map Packs</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/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/folder.png">
</head>
<body class="levelBG" style="overflow-y:auto;" onbeforeunload="saveUrl()">
<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 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>
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>