diff --git a/quest/jinja2/quest/chat.html b/quest/jinja2/quest/chat.html
new file mode 100644
index 0000000..fe505c8
--- /dev/null
+++ b/quest/jinja2/quest/chat.html
@@ -0,0 +1,20 @@
+<div id="chatPane" style="display:{% if request.session.get("hide_chat") == True %}none{% else %}flex{% endif %};">
+	<h1>Chat</h1>
+	<div id="chatWindow">
+		{% autoescape false %}
+		{% for message in chat_messages %}
+		<div id="msg-{{ message.id }}" class="message">
+			<div class="messageHeader">
+				<span class="messageName">{% if quest.owner.username == message.user.username or not quest.anonymize %}{{ message.user.username or quest.anon_name }}{% else %}{{ quest.anon_name }}{% endif %}</span>
+				<span class="messageDate">{{ localtime(message.timestamp).strftime('%Y-%m-%d %H:%M:%S') }}</span>
+				<span class="messageID">No.<a href="javascript:quote('{{ message.id }}')">{{ message.id }}</a></span>
+			</div>
+			<div class="messageContent">{{ message.message }}</div>
+		</div>
+		<hr>
+		{% endfor %}
+		{% endautoescape %}
+	</div>
+	<div id="messageTextDiv"><textarea id="messageTextArea" maxlength="512"></textarea></div>
+</div>
+<div id="preview" style="display:none;"></div>
diff --git a/quest/jinja2/quest/quest.html b/quest/jinja2/quest/quest.html
index 56ddf8b..4127d1b 100644
--- a/quest/jinja2/quest/quest.html
+++ b/quest/jinja2/quest/quest.html
@@ -175,24 +175,5 @@
 		</div>
 		{% endif %}
 	</div>
-	<div id="chatPane" style="display:{% if request.session.get("hide_chat") == True %}none{% else %}flex{% endif %};">
-		<h1>Chat</h1>
-		<div id="chatWindow">
-			{% autoescape false %}
-			{% for message in chat_messages %}
-			<div id="msg-{{ message.id }}" class="message">
-				<div class="messageHeader">
-					<span class="messageName">{% if quest.owner.username == message.user.username or not quest.anonymize %}{{ message.user.username or quest.anon_name }}{% else %}{{ quest.anon_name }}{% endif %}</span>
-					<span class="messageDate">{{ localtime(message.timestamp).strftime('%Y-%m-%d %H:%M:%S') }}</span>
-					<span class="messageID">No.<a href="javascript:quote('{{ message.id }}')">{{ message.id }}</a></span>
-				</div>
-				<div class="messageContent">{{ message.message }}</div>
-			</div>
-			<hr>
-			{% endfor %}
-			{% endautoescape %}
-		</div>
-		<div id="messageTextDiv"><textarea id="messageTextArea" maxlength="512"></textarea></div>
-	</div>
-	<div id="preview" style="display:none;"></div>
+	{% include "quest/chat.html" %}
 {% endblock %}
diff --git a/quest/jinja2/quest/quest_homepage.html b/quest/jinja2/quest/quest_homepage.html
index 27ccc66..a423ce8 100644
--- a/quest/jinja2/quest/quest_homepage.html
+++ b/quest/jinja2/quest/quest_homepage.html
@@ -2,6 +2,14 @@
 {% block title %}{{ quest.title }}{% endblock %}
 {% block head %}
 	<link rel="stylesheet" type="text/css" href="{{ static('quest.css') }}">
+	<script>
+		const quest_id = {{ quest.id }};
+		const page_num = '{{ page_num }}';
+		const SCRIPT_NAME = '{{ request.META["SCRIPT_NAME"] }}';
+		const anon_name = '{{ quest.anon_name }}';
+	</script>
+	<script type="text/javascript" src="{{ static('quest.js') }}"></script>
+	<script>window.onload = load;</script>
 {% endblock %}
 {% block header %}
 {% if request.user == quest.owner %}
@@ -77,24 +85,5 @@
 		</div>
 		{% endif %}
 	</div>
-	<div id="chatPane" style="display:{% if request.session.get("hide_chat") == True %}none{% else %}flex{% endif %};">
-		<h1>Chat</h1>
-		<div id="chatWindow">
-			{% autoescape false %}
-			{% for message in chat_messages %}
-			<div id="msg-{{ message.id }}" class="message">
-				<div class="messageHeader">
-					<span class="messageName">{{ message.user.username or quest.anon_name }}</span>
-					<span class="messageDate">{{ localtime(message.timestamp).strftime('%Y-%m-%d %H:%M:%S') }}</span>
-					<span class="messageID">No.<a href="javascript:quote('{{ message.id }}')">{{ message.id }}</a></span>
-				</div>
-				<div class="messageContent">{{ message.message }}</div>
-			</div>
-			<hr>
-			{% endfor %}
-			{% endautoescape %}
-		</div>
-		<div id="messageTextDiv"><textarea id="messageTextArea" maxlength="512"></textarea></div>
-	</div>
-	<div id="preview" style="display:none;"></div>
+	{% include "quest/chat.html" %}
 {% endblock %}