diff --git a/dist/blogIndex.js b/dist/blogIndex.js
index f950af3..316c370 100644
--- a/dist/blogIndex.js
+++ b/dist/blogIndex.js
@@ -1 +1 @@
-({481:function(){var t=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))((function(o,i){function u(t){try{a(r.next(t))}catch(t){i(t)}}function c(t){try{a(r.throw(t))}catch(t){i(t)}}function a(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(u,c)}a((r=r.apply(t,e||[])).next())}))},e=this&&this.__generator||function(t,e){var n,r,o,i,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(a){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(u=0)),u;)try{if(n=1,r&&(o=2&c[0]?r.return:c[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,c[1])).done)return o;switch(r=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,r=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!((o=(o=u.trys).length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){u=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){u.label=c[1];break}if(6===c[0]&&u.label<o[1]){u.label=o[1],o=c;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(c);break}o[2]&&u.ops.pop(),u.trys.pop();continue}c=e.call(t,u)}catch(t){c=[6,t],r=0}finally{n=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,a])}}};function n(n){return t(this,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,n.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(\d{4}-\d{2}-\d{2})/g," $1").replace(/\b\w/g,(function(t){return t.toUpperCase()}))];case 1:return[2,t.sent()]}}))}))}!function(){t(this,void 0,void 0,(function(){var r=this;return e(this,(function(o){return document.getElementById("blogIndex")&&document.getElementById("latestPost")?(document.getElementById("blogIndex").innerHTML="",document.getElementById("latestPost").innerHTML="",fetch("/blogindex.txt").then((function(t){return t.text()})).then((function(o){var i=o.split("\n").filter((function(t){return""!==t.trim()})).map((function(t){var e=t.split(" ");return{timestamp:parseInt(e[0]),uri:e[1]||""}}));i.sort((function(t,e){return e.timestamp-t.timestamp}));var u=document.createElement("ul");i.forEach((function(o){return t(r,void 0,void 0,(function(){var t,r,i,c;return e(this,(function(e){switch(e.label){case 0:return o.uri?[4,n(t=o.uri.split("/").pop().replace(".html",""))]:[3,2];case 1:r=e.sent(),"index"!==t.toLowerCase()&&(i=document.createElement("li"),(c=document.createElement("a")).href=o.uri.substring(o.uri.indexOf("/blog/")),c.textContent=r,i.appendChild(c),u.appendChild(i)),e.label=2;case 2:return[2]}}))}))})),document.getElementById("blogIndex").appendChild(u)})).catch((function(t){console.error("Error fetching and processing blog index:",t)})),[2]):[2]}))}))}()}})[481]();
\ No newline at end of file
+({481:function(){var e=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function c(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,c)}l((r=r.apply(e,t||[])).next())}))},t=this&&this.__generator||function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(c){return function(l){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,c[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&c[0]?r.return:c[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;switch(r=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return a.label++,{value:c[1],done:!1};case 5:a.label++,r=c[1],c=[0];continue;case 7:c=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==c[0]&&2!==c[0])){a=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){a.label=c[1];break}if(6===c[0]&&a.label<i[1]){a.label=i[1],i=c;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(c);break}i[2]&&a.ops.pop(),a.trys.pop();continue}c=t.call(e,a)}catch(e){c=[6,e],r=0}finally{n=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}};function n(n){return e(this,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,n.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(\d{4}-\d{2}-\d{2})/g," $1").replace(/\b\w/g,(function(e){return e.toUpperCase()}))];case 1:return[2,e.sent()]}}))}))}!function(){e(this,void 0,void 0,(function(){var r=this;return t(this,(function(i){return document.getElementById("blogIndex")&&document.getElementById("latestPost")?(document.getElementById("blogIndex").innerHTML="",document.getElementById("latestPost").innerHTML="",fetch("/blogindex.txt").then((function(e){return e.text()})).then((function(i){var o=i.split("\n").filter((function(e){return""!==e.trim()})).map((function(e){var t=e.split(" ");return{timestamp:parseInt(t[0]),uri:t[1]||""}}));o.sort((function(e,t){return t.timestamp-e.timestamp}));var a=document.createElement("ul");o.forEach((function(i){return e(r,void 0,void 0,(function(){var e,r,o,c,l,u;return t(this,(function(t){switch(t.label){case 0:return i.uri?(e=i.uri.split("/").pop().replace(".html",""),o="".concat,[4,n(e)]):[3,2];case 1:r=o.apply("",[t.sent()]),"index"!==e.toLowerCase()&&(c=document.createElement("li"),l=document.createElement("a"),u=document.createElement("p"),c.style.whiteSpace="nowrap",u.style.gap="10px",u.textContent="".concat(new Intl.DateTimeFormat(navigator.language).format(new Date(1e3*i.timestamp)),"⠀"),l.href=i.uri.substring(i.uri.indexOf("/blog/")),l.textContent=r,l.style.display="inline-block",u.style.display="inline-block",c.appendChild(u),c.appendChild(l),a.appendChild(c)),t.label=2;case 2:return[2]}}))}))})),document.getElementById("blogIndex").appendChild(a)})).catch((function(e){console.error("Error fetching and processing blog index:",e)})),[2]):[2]}))}))}()}})[481]();
\ No newline at end of file
diff --git a/dist/coolLinks.html b/dist/coolLinks.html
index 8168501..6761f34 100644
--- a/dist/coolLinks.html
+++ b/dist/coolLinks.html
@@ -26,7 +26,7 @@
     <h1 class="title">BEAR.OOPS.WTF</h1>
     <div class="center-box">
         <p class="meta">Page created: January 26, 2024</p>
-        <p class="meta">Page last modified: January 26, 2024</p>
+        <p class="meta">Page last modified: March 4, 2024</p>
     </div>
     <article class="article">
         <p>Pages I think are cool:</p>
diff --git a/dist/sitemap.xml b/dist/sitemap.xml
index 6cac991..6e3e109 100644
--- a/dist/sitemap.xml
+++ b/dist/sitemap.xml
@@ -3,6 +3,7 @@
 <url><loc>https://bear.oops.wtf/418.html</loc></url>
 <url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
 <url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
+<url><loc>https://bear.oops.wtf/blog/secondPost.html</loc></url>
 <url><loc>https://bear.oops.wtf/coolLinks.html</loc></url>
 <url><loc>https://bear.oops.wtf/git/index.html</loc></url>
 <url><loc>https://bear.oops.wtf/index.html</loc></url>
diff --git a/js/blogIndex.ts b/js/blogIndex.ts
index c8c595a..c3ef592 100644
--- a/js/blogIndex.ts
+++ b/js/blogIndex.ts
@@ -1,17 +1,18 @@
 async function convertCamelCaseToReadable(text: string): Promise<string> {
-    return await text
+  // i have no idea how this regex works
+  return await text
     .replace(/([a-z])([A-Z])/g, '$1 $2')
     .replace(/(\d{4}-\d{2}-\d{2})/g, ' $1')
     .replace(/\b\w/g, c => c.toUpperCase());
 }
 
 async function blogIndex(): Promise<void> {
-    if (!document.getElementById('blogIndex') || !document.getElementById('latestPost')) return;
+  if (!document.getElementById('blogIndex') || !document.getElementById('latestPost')) return;
 
-    document.getElementById('blogIndex')!.innerHTML = "";
-    document.getElementById('latestPost')!.innerHTML = "";
+  document.getElementById('blogIndex')!.innerHTML = "";
+  document.getElementById('latestPost')!.innerHTML = "";
 
-    fetch("/blogindex.txt")
+  fetch("/blogindex.txt")
     .then(response => response.text())
     .then(data => {
       const uriList = data.split('\n');
@@ -24,19 +25,29 @@ async function blogIndex(): Promise<void> {
 
       entries.sort((a, b) => b.timestamp - a.timestamp);
       const ulElement = document.createElement('ul');
-  
+
       entries.forEach(async entry => {
         if (entry.uri) {
           const fileName = entry.uri.split('/').pop()!.replace('.html', '');
 
-          const readableName = await convertCamelCaseToReadable(fileName);
-  
+          const readableName = `${await convertCamelCaseToReadable(fileName)}`;
+
           if (fileName.toLowerCase() !== 'index') {
             const liElement = document.createElement('li');
             const aElement = document.createElement('a');
+            const pElement = document.createElement('p');
 
+            liElement.style.whiteSpace = "nowrap";
+            pElement.style.gap = "10px";
+
+            pElement.textContent = `${new Intl.DateTimeFormat(navigator.language).format(new Date(entry.timestamp * 1000))}⠀`;
             aElement.href = entry.uri.substring(entry.uri.indexOf('/blog/'));
             aElement.textContent = readableName;
+
+            aElement.style.display = "inline-block";
+            pElement.style.display = "inline-block";
+
+            liElement.appendChild(pElement);
             liElement.appendChild(aElement);
             ulElement.appendChild(liElement);
           }
diff --git a/src/coolLinks.md b/src/coolLinks.md
index 74405ba..27050f5 100644
--- a/src/coolLinks.md
+++ b/src/coolLinks.md
@@ -2,7 +2,7 @@
 title: Blog Index
 author: BearFM
 date: January 26, 2024
-modified: January 26, 2024
+modified: March 4, 2024
 header: 
 ---