2019-10-15 22:42:47 -04:00
< head >
< title > Geometry Dash Browser!< / title >
< meta charset = "utf-8" >
2019-10-23 18:40:31 -04:00
< link href = "../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/coin.png" >
< meta id = "meta-title" property = "og:title" content = "Geometry Dash Browser!" >
2019-10-19 20:23:54 -04:00
< 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!" >
2019-10-15 22:42:47 -04:00
< meta id = "meta-image" name = "og:image" itemprop = "image" content = "https://gdbrowser.com/assets/coin.png" >
< / head >
2019-10-23 02:54:19 +03:00
< body class = "levelBG" onbeforeunload = "saveUrl()" >
2019-10-15 22:42:47 -04:00
< div id = "everything" >
< div class = "popup" id = "credits" >
< / div >
< div style = "position:absolute; bottom: 0%; left: 0%; width: 100%; pointer-events: none" >
2019-10-18 16:48:33 -04:00
< img class = "cornerPiece" src = "../assets/corner.png" width = 7%; >
2019-10-15 22:42:47 -04:00
< / div >
< div style = "position:absolute; top: 0%; left: 0%; width: 100%; pointer-events: none" >
2019-10-18 16:48:33 -04:00
< img class = "cornerPiece" src = "../assets/corner.png" width = 7%; style = "transform: scaleY(-1)" >
2019-10-15 22:42:47 -04:00
< / 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 >
2019-12-29 18:59:29 -05:00
< 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 >
2019-10-15 22:42:47 -04:00
< div class = "supercenter center" id = "menuButtons" style = "bottom: 5%;" >
< table >
< tr >
2020-03-17 02:46:34 +00:00
< td > < a href = "./search/*?type=saved" > < img class = "menubutton" src = "../assets/category-saved.png" > < / a > < / td >
2019-10-15 22:42:47 -04:00
< 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 >
2020-11-13 22:32:46 -05:00
<!-- <img src="./assets/exclamation.png" style="position: absolute; height: 18%; left: 3.5%; bottom: 23%; pointer - events: none; z - index: 50;"> -->
2020-03-17 02:46:34 +00:00
< td > < a href = "./search/*?type=hof" > < img class = "menubutton" src = "../assets/category-hof.png" > < / a > < / td >
2019-10-15 22:42:47 -04:00
< 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 >
2020-11-07 19:20:44 -05:00
< p > Website created by < a class = "menuLink" href = "https://gdcolon.com" > GD Colon< / a > .< br > Pretty much everything other than that belongs to < a class = "menuLink" href = "http://robtopgames.com" > RobTopGames< / a > .< / p >
2019-10-15 22:42:47 -04:00
< p style = "margin-top: -0.5%" > < a class = "menuLink" href = "https://gdcolon.com/tools" > GD Tools< / a >
< a class = "menuLink" href = "./api" > API< / a >
2019-10-15 23:29:47 -04:00
< a class = "menuLink" href = "https://github.com/GDColon/GDBrowser" > GitHub< / a >
2019-10-15 22:42:47 -04:00
2020-09-10 09:02:40 -04:00
< a class = "menuLink" href = "https://store.steampowered.com/app/322170/Geometry_Dash/" > Buy Geometry Dash!< / a > < / p >
2019-10-15 22:42:47 -04:00
< / 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 >
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 >
< script async type = "text/javascript" src = "../assets/sizecheck.js" > < / script >
2019-10-15 22:42:47 -04:00
< 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}%)`)
2020-10-13 10:25:07 -04:00
let xButtonPos = '43%'
let lastPage
2019-10-15 22:42:47 -04:00
function loadCredits() {
$('.subCredits').hide()
$('#credits' + page).show()
$('#credits').show()
2020-10-13 10:25:07 -04:00
if (page == lastPage) $('#closeCredits').css('height', '52%')
else $('#closeCredits').css('height', xButtonPos)
2020-11-16 11:38:03 -05:00
$('.creditsicon:visible').each(function() { // only load icons when necessary
$(this).attr('src', $(this).attr('icon'))
})
2019-10-15 22:42:47 -04:00
}
2019-10-20 23:33:01 -04:00
fetch(`./api/credits`).then(res => res.json()).then(res => {
2020-10-13 10:25:07 -04:00
lastPage = res.credits.length + 1
2019-10-20 23:33:01 -04:00
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 >
2020-09-29 21:42:18 -04:00
< h2 style = "margin-bottom: 1.5%" class = "gdButton" > < a href = "./u/${x.ign || x.name}" > ${x.name}< / h2 > < / a >
2020-11-16 11:38:03 -05:00
< img class = "creditsicon" icon = "./icon/${x.ign || x.name}" height = 30%; style = "margin-bottom: 7%" > < br >
2019-10-20 23:33:01 -04:00
< 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 > `)
})
2020-10-13 10:25:07 -04:00
$('#credits').append(`< div id = "credits${lastPage}" class = "subCredits" style = "display: none;" >
< div id = "specialthanks" class = "brownBox center supercenter" style = "width: 80vh; height: 55%; padding-top: 1.5%; padding-bottom: 3.5%;" >
2019-11-05 18:43:04 -05:00
< h1 > Special Thanks!< / h1 > < br >
2019-10-20 23:33:01 -04:00
< / div >
< img class = "gdButton" src = "../assets/arrow-left.png" width = "60vh" style = "position: absolute; top: 45%; right: 75%" onclick = "page -= 1; loadCredits()" >
< / div > `)
2019-11-05 18:43:04 -05:00
res.specialThanks.forEach((x, y) => {
2020-10-13 10:25:07 -04:00
n = x.split("/")
2019-11-05 18:43:04 -05:00
$('#specialthanks').append(`< div class = "specialThanks" >
2020-10-13 10:25:07 -04:00
< h2 class = "gdButton smaller" > < a href = "./u/${n[1] || n[0]}" > ${n[0]}< / h2 > < / a >
2020-11-16 11:38:03 -05:00
< img class = "creditsicon" icon = "./icon/${n[1] || n[0]}" height = 77% > < br >
2019-10-20 23:33:01 -04:00
< / div > `)
})
2020-10-13 10:25:07 -04:00
$('#credits').append(`< div id = "closeCredits" class = "center supercenter" style = "width: 80vh; height: ${xButtonPos}%; pointer-events: none;" >
< img class = "closeWindow gdButton" src = "../assets/close.png" width = "14%" style = "position: absolute; top: -24%; left: -7vh; pointer-events: all;" onclick = "$('#credits').hide(); page = 1;" > < / div > `)
2019-10-20 23:33:01 -04:00
2019-10-21 11:46:50 -04:00
$(document).keydown(function(k) {
2019-10-15 22:42:47 -04:00
if ($('#credits').is(':hidden')) return
if (k.which == 37 & & page > 1) { //left
page -= 1; loadCredits();
}
2020-10-13 10:25:07 -04:00
if (k.which == 39 & & page < lastPage ) { / / right
2019-10-15 22:42:47 -04:00
page += 1; loadCredits();
2019-10-21 11:46:50 -04:00
}
2019-10-15 22:42:47 -04:00
});
2019-10-23 02:54:19 +03:00
});
2019-10-15 22:42:47 -04:00
< / script >
