formatting

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+	"tabWidth": 4,
+	"useTabs": true,
+	"singleQuote": false,
+	"jsxSingleQuote": false,
+	"semi": true,
+	"arrowParens": "avoid"
+}

src/components/Contacts.astro

@@ -1,7 +1,9 @@
 ---
 import Social from "./Social.astro"
 
-const contacts = await Astro.glob("../../info/contacts/*.md")
+const contacts: any = Object.values(import.meta.glob("../../info/contacts/*.md", {
+    eager: true
+}));
 ---
 <ul>
     {contacts.map(contact => <Social platform={contact.frontmatter.platform} url={contact.frontmatter.url} name={contact.frontmatter.name} note={contact.frontmatter.note}/>)}

src/css/style.css

@@ -1,11 +1,11 @@
 body {
-    background-color: #56a0d1;
+	background-color: #56a0d1;
-    padding: 30px;
+	padding: 30px;
-    font-family: sans-serif !important;
+	font-family: sans-serif !important;
-    overflow: hidden;
+	overflow: hidden;
 }
-@media (pointer:coarse) {
+@media (pointer: coarse) {
-    body {
+	body {
-        overflow: scroll;
+		overflow: scroll;
-    }
+	}
 }

src/js/drag.js

@@ -1,56 +1,41 @@
 // wow i love being fake programmer
 // source: https://jams.hackclub.com/batch/webOS/part-3
 function dragElement(element) {
-    // Step 2: Set up variables to keep track of the element's position.
+	var initialX = 0;
-    var initialX = 0;
+	var initialY = 0;
-    var initialY = 0;
+	var currentX = 0;
-    var currentX = 0;
+	var currentY = 0;
-    var currentY = 0;
 
-    // Step 3: Check if there is a special header element associated with the draggable element.
+	if (document.getElementById("title-bar"))
-    if (document.getElementById("title-bar")) {
+		document.getElementById("title-bar").onmousedown = startDragging;
-        // Step 4: If present, assign the `dragMouseDown` function to the header's `onmousedown` event.
+	else element.onmousedown = startDragging;
-        // This allows you to drag the window around by its header.
-        document.getElementById("title-bar").onmousedown = startDragging;
-    } else {
-        // Step 5: If not present, assign the function directly to the draggable element's `onmousedown` event.
-        // This allows you to drag the window by holding down anywhere on the window.
-        element.onmousedown = startDragging;
-    }
 
-    // Step 6: Define the `startDragging` function to capture the initial mouse position and set up event listeners.
+	function startDragging(e) {
-    function startDragging(e) {
+		e = e || window.event;
-        e = e || window.event;
+		e.preventDefault();
-        e.preventDefault();
+		initialX = e.clientX;
-        // Step 7: Get the mouse cursor position at startup.
+		initialY = e.clientY;
-        initialX = e.clientX;
+		document.onmouseup = stopDragging;
-        initialY = e.clientY;
+		document.onmousemove = dragElement;
-        // Step 8: Set up event listeners for mouse movement (`elementDrag`) and mouse button release (`closeDragElement`).
+	}
-        document.onmouseup = stopDragging;
-        document.onmousemove = dragElement;
-    }
 
-    // Step 9: Define the `elementDrag` function to calculate the new position of the element based on mouse movement.
+	function dragElement(e) {
-    function dragElement(e) {
+		e = e || window.event;
-        e = e || window.event;
+		e.preventDefault();
-        e.preventDefault();
+		currentX = initialX - e.clientX;
-        // Step 10: Calculate the new cursor position.
+		currentY = initialY - e.clientY;
-        currentX = initialX - e.clientX;
+		initialX = e.clientX;
-        currentY = initialY - e.clientY;
+		initialY = e.clientY;
-        initialX = e.clientX;
+		console.log(element.offsetTop);
-        initialY = e.clientY;
+		console.log(currentX);
-        // Step 11: Update the element's new position by modifying its `top` and `left` CSS properties.
+		element.style.top = element.offsetTop - currentY + "px";
-        console.log(element.offsetTop);
+		element.style.left = element.offsetLeft - currentX + "px";
-        console.log(currentX);
+	}
-        element.style.top = (element.offsetTop - currentY) + "px";
-        element.style.left = (element.offsetLeft - currentX) + "px";
-    }
 
-    // Step 12: Define the `stopDragging` function to stop tracking mouse movement by removing the event listeners.
+	function stopDragging() {
-    function stopDragging() {
+		document.onmouseup = null;
-        document.onmouseup = null;
+		document.onmousemove = null;
-        document.onmousemove = null;
+		console.log(element.offsetTop - currentY);
-        console.log(element.offsetTop - currentY);
+		console.log(element.offsetLeft - currentX);
-        console.log(element.offsetLeft - currentX);
+	}
-    }
 }