diff --git a/index.html b/index.html
index 16efb34..d1a1416 100644
--- a/index.html
+++ b/index.html
@@ -17,8 +17,6 @@
     type="text/css">
   <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
   <link rel="stylesheet" href="neon.css">
-  <!-- Script: Make my navbar transparent when the document is scrolled to top -->
-  <script src="js/navbar-ontop.js"></script>
   <link rel="stylesheet" href="css/animations.css">
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/table.css">
diff --git a/js/navbar-ontop.js b/js/navbar-ontop.js
deleted file mode 100644
index ad306a4..0000000
--- a/js/navbar-ontop.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * navbar-ontop.js 1.0.0
- * Add .navbar-ontop class to navbar when the page is scrolled to top
- * Make sure to add this script to the <head> of page to avoid flickering on load
- */
-
-(function() {
-
-	var className = "navbar-ontop"
-	
-	// we start hidden, to avoid flickering
-	document.write("<style id='temp-navbar-ontop'>.navbar {opacity:0; transition: none !important}</style>")
-
-	function update() {
-		// toggle className based on the scrollTop property of document
-		var nav = document.querySelector(".navbar")
-
-		if (window.scrollY > 15)
-			nav.classList.remove(className)
-		else
-			nav.classList.add(className) 
-	}
-
-	document.addEventListener("DOMContentLoaded", function(event) {
-		$(window).on('show.bs.collapse', function (e) {
-			$(e.target).closest("." + className).removeClass(className);
-		})
-
-		$(window).on('hidden.bs.collapse', function (e) {
-			update()
-		})
-		update()
-		// still hacking to avoid flickering
-		setTimeout(function() {
-			document.querySelector("#temp-navbar-ontop").remove()
-		})
-  	});
-
-	window.addEventListener("scroll", function() {
-		update()			
-	})
-
-})();
\ No newline at end of file