diff --git a/src/wp-content/themes/wp-cms-example-theme/404.php b/src/wp-content/themes/wp-cms-example-theme/404.php
new file mode 100644
index 00000000..92984158
--- /dev/null
+++ b/src/wp-content/themes/wp-cms-example-theme/404.php
@@ -0,0 +1,13 @@
+
+
+
+
+ 280 && event.clientX < window.innerWidth * 0.45) {
+ navigation.style.flexBasis = event.clientX + 'px';
+ updateLineNumbers();
+ }
+}
+
+function destroyEditorResizerCallback() {
+ document.documentElement.removeEventListener('mousemove', dragEditorResizerCallback, false);
+ document.documentElement.removeEventListener('mouseup', destroyEditorResizerCallback, false);
+}
+
+function updateLineNumbers() {
+ // Remove all line numbers
+ lineNumbers.querySelectorAll('i').forEach(n => n.remove());
+
+ // Set up the line numbers container height
+ lineNumbers.style.height = mainContent.scrollHeight + 'px';
+
+ // Calculate how many line numbers we want and append them to the DOM
+ const totalNumbers = (mainContent.scrollHeight) / 35;
+ Array.from({length: totalNumbers}, () => {
+ lineNumbers.appendChild(document.createElement("i"));
+ });
+}
diff --git a/src/wp-content/themes/wp-cms-example-theme/footer.php b/src/wp-content/themes/wp-cms-example-theme/footer.php
new file mode 100644
index 00000000..0d90547e
--- /dev/null
+++ b/src/wp-content/themes/wp-cms-example-theme/footer.php
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+