diff --git a/assets/styles/mask.scss b/assets/styles/mask.scss
index 858ed24..ba31509 100644
--- a/assets/styles/mask.scss
+++ b/assets/styles/mask.scss
@@ -524,12 +524,21 @@ span.navbar-line {
 		display: none;
 	}
 
-	.footer-open {
-		position: absolute;
+	.fake-footer, .fake-footer-open {
+		position: fixed;
 		bottom: 0;
+		bottom: 0;
+		left: 0;
+		background-color: var(--red);
+		transition: 0.3s;
+		height: 70px;
+		width: 100%;
+		display: none;
+		justify-content: center;
+		z-index: 30;
 	}
 
-	.container-open {
-		margin-bottom: 70px;
+	.fake-footer-open {
+		display: flex;
 	}
 }
\ No newline at end of file
diff --git a/templates/_base.njk b/templates/_base.njk
index 0a4883a..cfabc67 100644
--- a/templates/_base.njk
+++ b/templates/_base.njk
@@ -47,7 +47,7 @@
 	</head>
 	<body>
 		{# <div style="max-height:0;max-width:0;overflow:hidden"><input autofocus/></div> #}
-		<div id="page-container">
+		<div id="page-container" class="hi">
 			{% block navbar %}
 				<div class="navbar-full">
 					<ul>
@@ -105,26 +105,6 @@
 					{% endif %}
 					{# <hr class="border-bottom"/> #}
 				</div>
-				
-				<script>
-					let open = 0;
-					document.querySelector('.burger').addEventListener('click', function () {
-						open = (open + 1) % 2;
-						this.classList.toggle('open');
-						document.querySelector('.hamburger-menu').classList.toggle('slide');
-						document.querySelector('footer').classList.toggle('footer-open');
-						document.querySelector('#interface-container').classList.toggle('container-open');
-						if (open === 1) {
-							setTimeout (() => {
-								document.querySelector('#page-container').classList.toggle('burger-open');
-								document.querySelector('#interface-container').classList.toggle('burger-open');
-							}, 300);
-						} else {
-							document.querySelector('#page-container').classList.toggle('burger-open');
-							document.querySelector('#interface-container').classList.toggle('burger-open');
-						}		
-					});
-				</script>
 			{% endblock %}
 			<div id="pagecontent">
 				{% block pagecontent %}
@@ -132,10 +112,7 @@
 				{% endblock %}
 			</div>
 			{% block footer %}
-				<footer>
-					{# <a id="footer-logo" href="/"><img src="/assets/logo.jpeg" alt="MASK"/></a>
-					<a href="/" id="footer-name"><p>Manga and Anime<br/>Society Kharagpur</p></a>
-					<div id="contact-us"><span class="float-middle">Find us!</span></div> #}
+				<footer id="footer" class="footer">
 					<a href="https://www.youtube.com/@maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/youtube.png" alt="Youtube"/></a>
 					<a href="https://www.instagram.com/maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/instagram.png" alt="Instagram"/></a>
 					<a href="https://www.facebook.com/maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/facebook.png" alt="Facebook"/></a>
@@ -149,5 +126,35 @@
 				</script>
 			{% endblock %}
 		</div>
+		<div id="fake-footer" class="fake-footer">
+			<a href="https://www.youtube.com/@maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/youtube.png" alt="Youtube"/></a>
+			<a href="https://www.instagram.com/maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/instagram.png" alt="Instagram"/></a>
+			<a href="https://www.facebook.com/maskiitkgp" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/facebook.png" alt="Facebook"/></a>
+			<a href="mailto:maskiitkgp@gmail.com" target="_blank" target="_self" class="social-link"><img class="social-icon" id="gmail" src="/assets/icons/gmail.png" alt="Gmail"/></a>
+			<a href="https://github.com/kgpmask/MASK" target="_blank" target="_self" class="social-link"><img class="social-icon" src="/assets/icons/github.png" alt="GitHub"></a>
+		</div>
+		<script>
+			let open = 0;
+			document.querySelector('.burger').addEventListener('click', function () {
+				open = (open + 1) % 2;
+				this.classList.toggle('open');
+				document.querySelector('.hamburger-menu').classList.toggle('slide');
+				document.getElementById('fake-footer').classList.toggle('fake-footer');
+				document.getElementById('fake-footer').classList.toggle('fake-footer-open');
+				if (open === 1) {
+					setTimeout (() => {
+						document.getElementById('page-container').classList.toggle('burger-open');
+						if (!!document.getElementById('interface-container') !== false) {
+							document.getElementById('interface-container').classList.toggle('burger-open');
+						}
+					}, 300);
+				} else {
+					document.getElementById('page-container').classList.toggle('burger-open');
+					if (!!document.getElementById('interface-container') !== false) {
+						document.getElementById('interface-container').classList.toggle('burger-open');
+					}
+				}
+			});
+		</script>
 	</body>
 </html>
diff --git a/templates/live/interface.njk b/templates/live/interface.njk
index ea497c4..43f0f0b 100644
--- a/templates/live/interface.njk
+++ b/templates/live/interface.njk
@@ -275,12 +275,12 @@
 				<div id="location-code">
 					{% call forms.form() %}
 					<div class="question">
-						<h3 id="question-title"></h3>
+						<h3 class="question-title"></h3>
 						<p id="location-question"></p>
 					</div>
 					<div class="form-field">
 						<div style="width: 250px">
-							{{ forms.field('locationcode', 'Location Code', autocomplete = false, type='password') }}
+							{{ forms.field('locationcode', 'Location Code', autocomplete = false) }}
 						</div>
 					</div>
 					<div class="buttons">
@@ -291,7 +291,7 @@
 				<div id="riddle-form">
 					{% call forms.form() %}
 					<div class="question">
-						<h3 id="question-title"></h3>
+						<h3 class="question-title"></h3>
 						<p id="riddle-question"></p>
 					</div>
 					{# {{ forms.field('riddleanswer','Answer') }} #}
@@ -510,7 +510,10 @@
 		
 		// locationCode.style.display = state === 'location-code' ? 'block' : 'none';
 		// riddleForm.style.display = ['riddle-question', 'riddle-timeout'].find((e) => e === state) ? 'block' : 'none';
-		document.getElementById('question-title').innerHTML = 'Question #' + (attempted + 1);
+		let titles = document.getElementsByClassName('question-title');
+		for (let i = 0; i < titles.length; i++) {
+			titles[i].innerHTML = 'Question #' + (attempted + 1);
+		}
 		messageBox.innerHTML = '';
 		messageCover.style.display = 'none';
 			if (state === 'completed') {
@@ -629,6 +632,7 @@
 	async function submit() {
 		const data = getData();
 		console.log(data)
+		document.getElementById('locationcode').value = '';
 		try {
 			console.log(data.locationcode.trim());
 			const response = await axios.post('/live/submit', {state: state, answer: state === 'location-code'? data.locationcode.trim() : ((state === 'riddle-question') ? data.riddleanswer : "blablabla"), questionNo: attempted});
