2019-10-15 22:42:47 -04:00
< head >
< title > Map Packs< / title >
< meta charset = "utf-8" >
2021-01-19 00:56:21 -05:00
< link href = "../assets/css/browser.css?" type = "text/css" rel = "stylesheet" >
2019-10-15 22:42:47 -04:00
< 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." >
2019-10-18 16:48:33 -04:00
< meta id = "meta-image" name = "og:image" itemprop = "image" content = "https://gdbrowser.com/assets/folder.png" >
2021-01-21 20:28:04 -05:00
< meta name = "twitter:card" content = "summary" >
2019-10-15 22:42:47 -04:00
< / head >
2019-10-23 02:54:19 +03:00
< body class = "levelBG" style = "overflow-y:auto;" onbeforeunload = "saveUrl()" >
2019-10-15 22:42:47 -04:00
< 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 >
2021-01-18 21:54:18 -05:00
< img id = "loading" style = "margin-top: 1%" class = "spin noSelect" src = "../assets/loading.png" height = "12%" >
2019-10-15 22:42:47 -04:00
< 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()" >
2020-11-02 11:16:35 -05:00
< / div >
2019-10-15 22:42:47 -04:00
< br >
< / div >
< / body >
2019-10-21 08:20:25 -07:00
< script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script >
2021-01-18 21:54:18 -05:00
< script type = "text/javascript" src = "../sizecheck.js?" > < / script >
2019-10-15 22:42:47 -04:00
< script >
fetch('../api/mappacks').then(res => res.json()).then(packs => {
2021-01-18 21:54:18 -05:00
$('#loading').hide()
2020-11-02 11:16:35 -05:00
packs.forEach(x => {
2019-10-15 22:42:47 -04:00
$('#packList').append(`
< div class = "mappack" >
2020-11-02 11:16:35 -05:00
< a href = "../search/${x.levels.join(" , " ) } ? list & header = ${encodeURIComponent(x.name)}" >
2021-01-04 10:21:58 -05:00
< img src = "../assets/difficulties/${x.difficulty}.png" width = "42%" > < br >
2020-11-02 11:16:35 -05:00
< h3 class = "gauntletText" " > ${x.name.replace("Pack", "< br > Pack")}< br >
< span style = "color: rgb(${x.textColor})" > ${x.stars}< / span > < img class = "valign" src = "../assets/star.png" style = "cursor: help; width: 14%; margin-left: 2%; transform: translateY(-10%);" title = "Stars" >
< span style = "color: rgb(${x.barColor})" > ${x.coins}< / span > < img class = "valign" src = "../assets/coin.png" style = "cursor: help; width: 14%; margin-left: 2%; transform: translateY(-10%);" title = "Secret Coins" >
< / h3 > < / div > < / a > `)
2019-10-15 22:42:47 -04:00
})
2019-10-23 02:54:19 +03:00
});
2019-10-15 22:42:47 -04:00
2019-10-18 16:48:42 -04:00
< / script >
