diff --git a/assets/css/browser.css b/assets/css/browser.css
index ed75dc6..80f1acc 100644
--- a/assets/css/browser.css
+++ b/assets/css/browser.css
@@ -115,6 +115,10 @@ img, .noSelect {
     filter: brightness(50%);
 }
 
+.darken {
+    filter: brightness(65%);
+}
+
 #everything {
     width: 100%;
     height: 100%;
diff --git a/assets/dragscroll.js b/assets/dragscroll.js
index 42a1f81..8646f7f 100644
--- a/assets/dragscroll.js
+++ b/assets/dragscroll.js
@@ -24,7 +24,7 @@ $('.dragscroll').each(function(_, el) {
       el.style['-webkit-user-select'] = 'none';
       previouslyMouseDown = true;
     }
-    el.scrollLeft -= e.movementX;
+    //el.scrollLeft -= e.movementX;
     el.scrollTop -= e.movementY;
   }, {passive: true});
 });
\ No newline at end of file
diff --git a/assets/leaderboard-top.png b/assets/leaderboard-top.png
new file mode 100644
index 0000000..27443f2
Binary files /dev/null and b/assets/leaderboard-top.png differ
diff --git a/assets/leaderboard-week.png b/assets/leaderboard-week.png
new file mode 100644
index 0000000..6e87294
Binary files /dev/null and b/assets/leaderboard-week.png differ
diff --git a/html/comments.html b/html/comments.html
index e309094..ffcd8fa 100644
--- a/html/comments.html
+++ b/html/comments.html
@@ -89,7 +89,8 @@ $('#compactMode').attr('src', `../assets/compact-${compact ? "on" : "off"}.png`)
 let target = `../api/level/${lvlID}`
 
 if (lvlID > 99999999 || lvlID < -99999999) window.location.href = window.location.href.replace("comments", "search")
-if (!Number(lvlID)) {history = true; target = `../api/profile/${lvlID}`}
+if (!Number.isInteger(+lvlID)) {history = true; target = `../api/profile/${lvlID}`}
+else lvlID = Math.round(+lvlID)
 
 fetch(target).then(res => res.json()).then(lvl => {
 
diff --git a/html/filters.html b/html/filters.html
index fd57005..0d5b4b9 100644
--- a/html/filters.html
+++ b/html/filters.html
@@ -38,7 +38,7 @@
 
 	<div class="transparentBox center" style="width: 115vh; height: 9%; margin: 1.5% auto 3% auto; padding-bottom: 0.2%">
 		<div>
-		<input type="text" id="levelName" placeholder="Enter a level, user, or ID" maxlength=19>
+		<input type="text" id="levelName" placeholder="Enter a level, user, or ID" maxlength=20>
 		<img search="0" src="../assets/search.png" id="searchBtn" width="20%" class="valign gdButton levelSearch" style="margin-left: 1%; margin-bottom: 2.2%">
 		<img id="userSearch" src="../assets/search-user.png" width="9.6%" class="valign gdButton" style="margin-left: 1%; margin-bottom: 2.2%">
 		</div>
diff --git a/html/level.html b/html/level.html
index 82857c8..d744f4c 100644
--- a/html/level.html
+++ b/html/level.html
@@ -26,16 +26,6 @@
 		</div>
 	</div>
 
-	<div class="popup" id="scoreDiv">
-		<div class="fancybox bounce center supercenter">
-			<h2 class="smaller center" style="font-size: 5.5vh">Leaderboards</h2>
-			<p class="bigger center" style="line-height: 5vh; margin-top: 1.5vh;">
-				<span style="color:yellow">Leaderboards</span> are coming soon™
-			</p>
-			<img src="../assets/ok.png" width=20%; class="gdButton center closeWindow">
-		</div>
-	</div>
-
 	<div class="popup" id="saveDiv">
 		<div class="fancybox bounce center supercenter">
 			<h2 class="smaller center" style="font-size: 5.5vh">Saved!</h2>
@@ -121,7 +111,7 @@
 		<img class="gdButton sideButton" id="infoButton"  src="../assets/info.png" onclick="$('#infoDiv').show()"><br>
 		<a href="./comments/[[ID]]"><img class="gdButton sideButton" src="../assets/comment.png"></a><br>
 		<a href="./analyze/[[ID]]"><img class="gdButton sideButton" src="../assets/edit.png"></a><br>
-		<img class="gdButton sideButton outOfOrder" id="scoreButton" src="../assets/leaderboard.png" onclick="$('#scoreDiv').show()"><br>
+		<a href="./leaderboard/[[ID]]"><img class="gdButton sideButton" src="../assets/leaderboard.png"></a><br>
 	</div>
 
 	<div style="position:absolute; top: 2%; left: 1.5%; width: 10%; height: 25%; pointer-events: none">
diff --git a/html/levelboard.html b/html/levelboard.html
new file mode 100644
index 0000000..2c4368a
--- /dev/null
+++ b/html/levelboard.html
@@ -0,0 +1,149 @@
+<head>
+	<title>Leaderboard</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/trophy.png">
+	<meta id="meta-title" property="og:title" content="Level Leaderboard">
+	<meta id="meta-desc" property="og:description" content="View the leaderboard of a Geometry Dash level!">
+	<meta id="meta-image" name="og:image" itemprop="image" content="https://gdbrowser.com/assets/trophy.png">
+</head>
+
+<body class="levelBG" onbeforeunload="saveUrl()">
+
+<div id="everything" style="overflow: auto;">
+
+	<div class="popup" id="infoDiv">
+		<div class="fancybox bounce center supercenter">
+			<h2 class="smaller center" style="font-size: 5.5vh">Leaderboard Info</h2>
+			<p class="bigger center" id="infoText" style="line-height: 5vh; margin-top: 1.5vh"></p>
+			<img src="../assets/ok.png" width=20%; class="gdButton center" onclick="$('.popup').hide()">
+		</div>
+	</div>
+
+	<div style="position:absolute; bottom: 0%; left: 0%; width: 100%">
+		<img class="cornerPiece" src="../assets/corner.png" width=7%;>
+	</div>
+
+	<div style="position:absolute; bottom: 0%; right: 0%; width: 100%; text-align: right;">
+		<img class="cornerPiece" src="../assets/corner.png" width=7%; style="transform: scaleX(-1)">
+	</div>
+
+	<div id="searchBox" class="supercenter dragscroll"; style="width: 124vh">
+		<div style="height: 4.5%"></div>
+	</div>
+	
+	<div class="epicbox supercenter gs" style="width: 126vh; height: 80%; pointer-events: none"></div>
+
+	<div class="center" style="position:absolute; top: 8%; left: 0%; right: 0%">
+		<h1 id="header"></h1>
+	</div>
+
+	<div style="position:absolute; top: 2%; left: 1.5%; width: 10%; height: 25%; pointer-events: none">
+		<img class="gdButton yesClick" id="backButton" src="../assets/back.png" height="30%" onclick="backButton()">
+	</div>
+
+	<div class="supercenter" id="loading" style="height: 10%; top: 47%; display: none;">
+		<img class="spin noSelect" src="../assets/loading.png" height="105%">
+	</div>
+
+	<div class="supercenter" style="left: 87%; top: 24%; height: 10%">
+		<img class="gdButton darken" id="topMode" src="../assets/leaderboard-top.png" height="90%">
+	</div>
+
+	<div class="supercenter" style="left: 87%; top: 35%; height: 10%">
+		<img class="gdButton" id="weekMode" src="../assets/leaderboard-week.png" height="90%">
+	</div>
+
+</div>
+
+</body>
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
+<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
+<script async type="text/javascript" src="../assets/sizecheck.js"></script>
+<script type="text/javascript" src="../assets/dragscroll.js"></script>
+<script>
+
+let loading = false;
+let lvlID = window.location.pathname.split('/')[2]
+
+if (!Number.isInteger(+lvlID) || lvlID > 99999999 || lvlID < -99999999) window.location.href = window.location.href.replace("leaderboard", "search")
+lvlID = Math.round(+lvlID)
+
+function leaderboard() {
+
+	if (loading == true) return;
+
+	$('#searchBox').html(`<div style="height: 4.5%"></div>`)
+	loading = true;
+	$('#loading').show()
+
+	fetch(`../api/level/${lvlID}`).then(lvl => lvl.json()).then(lvl => {
+		if (lvl == "-1") return $('#header').html("Nonexistent level " + lvlID)
+
+		$('#header').html(lvl.name)
+		$('#meta-title').attr('content',  "Leaderboards for " + lvl.name)
+		$('#meta-desc').attr('content',  'View the leaderboard for ' + lvl.name + ' by ' + lvl.author + '!')
+	})
+	
+
+	fetch(`../api/leaderboardLevel/${lvlID}?count=200${weekly ? "&week" : ""}`).then(res => res.json()).then(res => {
+
+		if (res == "-1" || !res || !res.length) return $('#loading').hide()
+
+		res.forEach((x, y) => {
+
+		let shift = x.rank >= 100 ? [0.4, 50] : x.rank >= 10 ? [0.2, 25] : [0, 10] 
+
+		$('#searchBox').append(`<div class="searchresult leaderboardSlot" style="padding-left: 25.5vh; height: 15%">
+			<h2 class="small inline gdButton" style="margin-top: 1.5%; font-size: 6.5vh; margin-right: 3%;"><a href="../profile/${x.username}">${x.username}</a></h2>
+		
+			<h3 class="inline lessSpaced leaderboardStats" style="transform:translateY(-10%)">
+				${x.percent}%
+				${'<div class="inline" style="width: 12%"><img class="valign" src="../assets/silvercoin.png" style="height: 33%"></div>'.repeat(x.coins)}
+			</h3>
+		
+			<div class="center" style="position:absolute; top: ${6.5 + (y * 16.58)}%; left: 2.2%; transform:scale(0.82); height: 10%; width: 12.5%;">
+				<div class="inline" style="width: 50%; margin: 0% 20% 0% 10%; transform:translateY(-15%)"><h2 class="inline center" style="transform:scale(${1-shift[0]}) translateX(-${shift[1]}%)">${x.rank}</h2></div>
+				<img class="inline spaced lazyLoad" data-src="../icon/${x.username}" height="120%" style="margin-bottom: 0%; transform:scale(1.1)">
+			</div>
+
+			<div class="center" style="position:absolute; top: ${20.5 + (y * 16.58)}%; right: 0.3%; height: 10%; width: 12.5%;">
+				<p class="commentDate">${x.date}</p>
+			</div>
+
+
+		</div>`)
+		})
+
+		$('#searchBox').append('<div style="height: 4.5%"></div>')
+		loading = false;
+		$('#loading').hide();
+		$('.lazyLoad').Lazy({
+			appendScroll: '#searchBox'
+		});
+	})
+
+}
+
+	let weekly = false;
+	leaderboard()
+
+	$('#topMode').click(function() {
+		if (!weekly || loading) return;
+		weekly = false
+		leaderboard()
+		$('#weekMode').removeClass('darken')
+		$('#topMode').addClass('darken')
+	})
+
+	$('#weekMode').click(function() {
+		if (weekly || loading) return;
+		weekly = true
+		leaderboard()
+		$('#topMode').removeClass('darken')
+		$('#weekMode').addClass('darken')
+	});
+
+</script>
\ No newline at end of file
diff --git a/html/profile.html b/html/profile.html
index 2ec6891..687eaba 100644
--- a/html/profile.html
+++ b/html/profile.html
@@ -150,9 +150,6 @@ else $('#pageDown').show()
 
 fetch(`../api/comments/[[ACCOUNTID]]?type=profile&page=${page}`).then(res => res.json()).then(res => {
 
-
-	console.log(res)
-
 	if (res.length != 10) $('#pageUp').hide()
 	else $('#pageUp').show()
 
diff --git a/index.js b/index.js
index f73d5e7..41b83e6 100644
--- a/index.js
+++ b/index.js
@@ -71,6 +71,10 @@ app.get("/leaderboard", function(req, res) {
   res.sendFile(__dirname + "/html/leaderboard.html")
 }) 
 
+app.get("/leaderboard/:text", function(req, res) {
+  res.sendFile(__dirname + "/html/levelboard.html")
+})   
+
 app.get("/profile/:id", function(req, res) {
   app.modules.profile(app, req, res)
 })