diff --git a/src/components/link.html b/src/components/link.html
new file mode 100644
index 0000000..90c5694
--- /dev/null
+++ b/src/components/link.html
@@ -0,0 +1,10 @@
+<script props>
+  module.exports = {
+    show: props.show,
+    href: props.href
+  }
+</script>
+<a href="/src/{{href}}#{{show}}" hx-get="/partials/{{href}}" hx-push-url="/{{href}}#{{show}}"
+  hx-swap="innerHtml show:#{{show}}:top">
+  <yield></yield>
+</a>
\ No newline at end of file
diff --git a/src/components/project.html b/src/components/project.html
index b0e8f96..4166fab 100644
--- a/src/components/project.html
+++ b/src/components/project.html
@@ -14,9 +14,7 @@
     <if condition="text != '' && !$slots.text?.filled">
       <p style="font-size: 200px; text-align: center; margin: 0; padding: 0;">{{text}}</p>
     </if>
-    <markdown>
-      <slot:title />
-    </markdown>
+    <slot:title />
     <div class="links">
       <slot:links></slot:links>
     </div>
diff --git a/src/partials/interests.html b/src/partials/interests.html
index fe0a017..1cacc32 100644
--- a/src/partials/interests.html
+++ b/src/partials/interests.html
@@ -5,7 +5,11 @@
     </x-blockquote>
   </x-section-head>
   <x-project text="?">
-    <fill:title># Coming soon to theaters</fill:title>
+    <fill:title>
+      <markdown>
+        # Coming soon to theaters
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## This website is under construction
diff --git a/src/partials/page_four.html b/src/partials/page_four.html
index 6529096..4a47dd6 100644
--- a/src/partials/page_four.html
+++ b/src/partials/page_four.html
@@ -5,7 +5,11 @@
     </x-blockquote>
   </x-section-head>
   <x-project text="?">
-    <fill:title># Coming soon to theaters</fill:title>
+    <fill:title>
+      <markdown>
+        # Coming soon to theaters
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## This website is under construction
diff --git a/src/partials/projects.html b/src/partials/projects.html
index d803b2e..e6c7a6c 100644
--- a/src/partials/projects.html
+++ b/src/partials/projects.html
@@ -4,7 +4,7 @@
       Wow, such professionalism! What are these guys working on now?
     </x-blockquote>
   </x-section-head>
-  <x-project>
+  <x-project id="tysoncloud">
     <fill:links>
       <x-link::github href="timmyjinks/TYSONCLOUD"></x-link::github>
       <x-link::website href="https://tysoncloud.tysonjenkins.dev/"></x-link::website>
@@ -12,7 +12,11 @@
     <fill:img>
       <img src="/assets/tysoncloud.svg">
     </fill:img>
-    <fill:title># TYSONCLOUD</fill:title>
+    <fill:title>
+      <markdown>
+        # TYSONCLOUD
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## When she compute your serve 'till you edge
@@ -29,7 +33,7 @@
     </fill:description>
   </x-project>
   <x-project onclick="spaghetti()" class="project-alt" titlestyle="font-family: 'Apex Mk2'"
-    headerstyle="font-family: 'Apex Mk2'">
+    headerstyle="font-family: 'Apex Mk2'" id="simulo">
     <fill:links>
       <x-link::github href="richgrov/simulo"></x-link::github>
       <x-link::website href="https://simulo.grover.sh"></x-link::website>
@@ -37,7 +41,11 @@
     <fill:img>
       <img src="/assets/simulo.svg">
     </fill:img>
-    <fill:title># Simulo</fill:title>
+    <fill:title>
+      <markdown>
+        # Simulo
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## Roblox for the real world!
@@ -58,7 +66,7 @@
       </div>
     </fill:description>
   </x-project>
-  <x-project>
+  <x-project id="c0re">
     <fill:links>
       <x-link::website href="https://c0re.com"></x-link::website>
     </fill:links>
@@ -66,8 +74,10 @@
       <include src="assets/c0re.svg"></include>
     </fill:img>
     <fill:title>
-      # c0re
-      #### So shiny!
+      <markdown>
+        # c0re
+        #### So shiny!
+      </markdown>
     </fill:title>
     <fill:subtitle>
       <markdown>
@@ -116,14 +126,19 @@
     Please stop sending your projects to the review department
   </x-blockquote>
   <x-project class="project-alt"
-    titlestyle="background-image: linear-gradient(to right, oklch(0.714 0.203 305.504) 0px, oklch(0.718 0.202 349.761) 100%); background-clip: text; color: transparent">
+    titlestyle="background-image: linear-gradient(to right, oklch(0.714 0.203 305.504) 0px, oklch(0.718 0.202 349.761) 100%); background-clip: text; color: transparent"
+    id="braindance">
     <fill:links>
       <x-link::website href="https://braindance.live"></x-link::website>
     </fill:links>
     <fill:img>
       <img src="/assets/braindance.svg">
     </fill:img>
-    <fill:title># Braindance</fill:title>
+    <fill:title>
+      <markdown>
+        # Braindance
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## Bringing the Coachella to you!
@@ -136,11 +151,15 @@
       </markdown>
     </fill:description>
   </x-project>
-  <x-project text="e">
+  <x-project text="e" id="grezi">
     <fill:links>
       <x-link::github href="StratusFearMe21/grezi-next"></x-link::github>
     </fill:links>
-    <fill:title># Grezi</fill:title>
+    <fill:title>
+      <markdown>
+        # Grezi
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## When the power is point
@@ -159,8 +178,12 @@
       </markdown>
     </fill:description>
   </x-project>
-  <x-project text="?" class="project-alt">
-    <fill:title># Mystery</fill:title>
+  <x-project text="?" class="project-alt" id="mystery">
+    <fill:title>
+      <markdown>
+        # Mystery
+      </markdown>
+    </fill:title>
     <fill:subtitle>
       <markdown>
         ## _Oooooooo_