move ityped to js asset, implement experiences horizontal vertical line in css

assets/scripts/pages/home.js

@@ -0,0 +1,16 @@
+import {init} from 'ityped';
+
+// =========== Typing Carousel ================
+// get data from hidden ul and set as typing data
+document.addEventListener('DOMContentLoaded', () => {
+  $ul = document.getElementById('typing-carousel-data')?.children;
+  if($ul == null || $ul.length === 0) return;
+
+  const strings = Array.from($ul).map($el => $el.textContent);
+
+  init('#ityped', {
+    strings,
+    startDelay: 200,
+    loop: true
+  });
+});

assets/scripts/pages/index.js

@@ -1,3 +1,4 @@
 import './note';
 import './search';
 import './single';
+import './home';