diff --git a/demo/index.html b/index.html
similarity index 96%
rename from demo/index.html
rename to index.html
index a020f2d..0863ce6 100644
--- a/demo/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
 		<link rel="profile" href="https://gmpg.org/xfn/11" />
 
 		<title>personal-code-to-birthday</title>
-		<link rel="icon" href="favicon.svg" type="image/svg+xml" />
+		<link rel="icon" href="demo/favicon.svg" type="image/svg+xml" />
 
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -288,13 +288,13 @@
 		<header class="flex direction-column align-center gap-48 mb-80">
 			<div class="flex align-center justify-center gap-64 mb-48">
 				<a href="https://www.npmjs.com/package/@remato/personal-code-to-birthday">
-					<img src="npm.svg" width="32" height="32" class="hover-scale" />
+					<img src="demo/npm.svg" width="32" height="32" class="hover-scale" />
 				</a>
 				<a href="https://remato.com">
-					<img src="remato.svg" width="64" height="64" class="hover-scale" />
+					<img src="demo/remato.svg" width="64" height="64" class="hover-scale" />
 				</a>
 				<a href="https://github.com/rematocorp/personal-code-to-birthday">
-					<img src="github.svg" width="32" height="32" class="hover-scale" />
+					<img src="demo/github.svg" width="32" height="32" class="hover-scale" />
 				</a>
 			</div>
 
@@ -400,7 +400,7 @@ <h1>
 			</div>
 		</footer>
 
-		<script src="./index.js"></script>
+		<script src="demo/index.js"></script>
 		<script>
 			function go(value, isDirty) {
 				const output = personalCodeToBirthday.default(value)