nin0/website
1
0
Fork 1
Code Pull requests Packages 1 Activity

formatting

Browse source
This commit is contained in:
nin0dev 2025-03-14 23:27:04 -04:00
parent 60358d32d6
commit 74fd12d199
Signed by: nin0
SSH key fingerprint: SHA256:NOoDnFVvZNFvqfXCIhzr6oCTDImZAbTTuyAysZ8Ufk8
6 changed files with 60 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
.prettierrc.json Normal file
View file

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

2
info/contacts/email.md
View file

@ -3,4 +3,4 @@ platform: "Email"
name: "support@nin0.dev"
url: "mailto:support@nin0.dev"
note: "Replies may be slow"
---
---

2
info/contacts/telegram.md
View file

@ -3,4 +3,4 @@ platform: "Telegram"
url: "https://nin0dev.t.me"
name: "@nin0dev"
note: "Use for quick replies"
---
---

4
src/components/Contacts.astro
View file

@ -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}/>)}

18
src/css/style.css
View file

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

91
src/js/drag.js
View file

@ -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 initialY = 0;
var currentX = 0;
var currentY = 0;
// Step 3: Check if there is a special header element associated with the draggable element.
if (document.getElementById("title-bar")) {
// Step 4: If present, assign the `dragMouseDown` function to the header's `onmousedown` event.
// 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) {
e = e || window.event;
e.preventDefault();
// Step 7: Get the mouse cursor position at startup.
initialX = e.clientX;
initialY = e.clientY;
// 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) {
e = e || window.event;
e.preventDefault();
// Step 10: Calculate the new cursor position.
currentX = initialX - e.clientX;
currentY = initialY - e.clientY;
initialX = e.clientX;
initialY = e.clientY;
// Step 11: Update the element's new position by modifying its `top` and `left` CSS properties.
console.log(element.offsetTop);
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() {
document.onmouseup = null;
document.onmousemove = null;
console.log(element.offsetTop - currentY);
console.log(element.offsetLeft - currentX);
}
}
var initialX = 0;
var initialY = 0;
var currentX = 0;
var currentY = 0;
if (document.getElementById("title-bar"))
document.getElementById("title-bar").onmousedown = startDragging;
else element.onmousedown = startDragging;
function startDragging(e) {
e = e || window.event;
e.preventDefault();
initialX = e.clientX;
initialY = e.clientY;
document.onmouseup = stopDragging;
document.onmousemove = dragElement;
}
function dragElement(e) {
e = e || window.event;
e.preventDefault();
currentX = initialX - e.clientX;
currentY = initialY - e.clientY;
initialX = e.clientX;
initialY = e.clientY;
console.log(element.offsetTop);
console.log(currentX);
element.style.top = element.offsetTop - currentY + "px";
element.style.left = element.offsetLeft - currentX + "px";
}
function stopDragging() {
document.onmouseup = null;
document.onmousemove = null;
console.log(element.offsetTop - currentY);
console.log(element.offsetLeft - currentX);
}
}