diff --git a/src/index.html b/src/index.html
index 6c61832..4baf034 100644
--- a/src/index.html
+++ b/src/index.html
@@ -83,6 +83,8 @@
         {% include './templates/stage.html' %}
         {% include './templates/gameUi.html' %}
         {% include './templates/menu.html' %}
+        {% include './templates/dialogs.html' %}
+
       </a-entity>
 
       <!-- Wrong + miss beat visual indicators. -->
diff --git a/src/templates/dialogs.html b/src/templates/dialogs.html
new file mode 100644
index 0000000..9407756
--- /dev/null
+++ b/src/templates/dialogs.html
@@ -0,0 +1,25 @@
+<a-entity id="pauseDialog" position="0 1.6 -2" bind__visible="pause.active">
+    <a-entity position="0 0.35 0"
+      bind-toggle__raycastable="pause.active"
+      animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
+      animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
+      mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
+      <a-entity mixin="font" text="align: center; wrapCount: 17; value: CONTINUE; color: #AAA" position="0 -0.070 0.01"></a-entity>
+    </a-entity>
+    <a-entity
+      bind-toggle__raycastable="pause.active"
+      animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
+      animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
+      mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
+      <a-entity mixin="font" text="align: center; wrapCount: 17; value: RESTART SONG; color: #AAA" position="0 -0.070 0.01"></a-entity>
+    </a-entity>
+
+    <a-entity position="0 -0.35 0"
+      bind-toggle__raycastable="pause.active"
+      animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
+      animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
+      mixin="slice" slice9="width: 1; height: 0.27; padding: 0.04">
+      <a-entity mixin="font" text="align: center; wrapCount: 17; value: EXIT TO MENU; color: #AAA" position="0 -0.070 0.01"></a-entity>
+    </a-entity>
+
+</a-entity>
\ No newline at end of file