From f4a80ea5228941f9fbdfe7843915c224497fc8dd Mon Sep 17 00:00:00 2001
From: Hare <hare.02.k@gmail.com>
Date: Sat, 17 Aug 2024 21:13:54 +0900
Subject: [PATCH] feat: add content page file

---
 src/lib/components/cursor.svelte              | 52 +++++++++++++++++++
 src/routes/articles/+layout.svelte            |  5 ++
 src/routes/articles/+page.svelte              |  0
 .../articles/[category]/[id]/+page.server.ts  |  0
 .../articles/[category]/[id]/+page.svelte     |  0
 src/routes/articles/[id]/+page.server.ts      |  0
 src/routes/articles/[id]/+page.svelte         |  0
 src/routes/threads/+layout.svelte             |  5 ++
 src/routes/threads/+page.svelte               |  0
 .../threads/[category]/[id]/+page.server.ts   |  0
 .../threads/[category]/[id]/+page.svelte      |  0
 src/routes/threads/[id]/+page.server.ts       |  0
 src/routes/threads/[id]/+page.svelte          |  0
 13 files changed, 62 insertions(+)
 create mode 100644 src/lib/components/cursor.svelte
 create mode 100644 src/routes/articles/+layout.svelte
 create mode 100644 src/routes/articles/+page.svelte
 create mode 100644 src/routes/articles/[category]/[id]/+page.server.ts
 create mode 100644 src/routes/articles/[category]/[id]/+page.svelte
 create mode 100644 src/routes/articles/[id]/+page.server.ts
 create mode 100644 src/routes/articles/[id]/+page.svelte
 create mode 100644 src/routes/threads/+layout.svelte
 create mode 100644 src/routes/threads/+page.svelte
 create mode 100644 src/routes/threads/[category]/[id]/+page.server.ts
 create mode 100644 src/routes/threads/[category]/[id]/+page.svelte
 create mode 100644 src/routes/threads/[id]/+page.server.ts
 create mode 100644 src/routes/threads/[id]/+page.svelte

diff --git a/src/lib/components/cursor.svelte b/src/lib/components/cursor.svelte
new file mode 100644
index 0000000..fba9f5c
--- /dev/null
+++ b/src/lib/components/cursor.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+
+    let cursor: HTMLDivElement;
+
+    type position = {
+        x: number;
+        y: number;
+    };
+
+    let disabled = false;
+    let rawPosition: position = { x: 0, y: -100 };
+    let position: position = { x: 0, y: 0 };
+
+    onMount(() => {
+        window.addEventListener('mousemove', (e) => {
+            rawPosition = { x: e.clientX, y: e.clientY };
+        });
+        window.addEventListener('touchstart', (e) => {
+            cursor.style.display = 'none';
+            disabled = true;
+        });
+        const loop = () => {
+            if (disabled) return;
+            position.x += (rawPosition.x - position.x) / 12;
+            position.y += (rawPosition.y - position.y) / 12;
+            cursor.style.top = `${position.y}px`;
+            cursor.style.left = `${position.x}px`;
+            cursor.style.rotate = `rotate(${position.x}deg)`;
+            requestAnimationFrame(loop);
+        };
+        loop();
+    });
+</script>
+
+<div class="cursor" bind:this={cursor} />
+
+<style lang="scss">
+    .cursor {
+        position: fixed;
+        top: -100px;
+        left: 0px;
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        background: #ffffff;
+        pointer-events: none;
+        z-index: 999;
+        mix-blend-mode: difference;
+        transform: translate(-50%, -50%);
+    }
+</style>
diff --git a/src/routes/articles/+layout.svelte b/src/routes/articles/+layout.svelte
new file mode 100644
index 0000000..9b79363
--- /dev/null
+++ b/src/routes/articles/+layout.svelte
@@ -0,0 +1,5 @@
+<script>
+  import '../app.scss';
+</script>
+
+<slot />
\ No newline at end of file
diff --git a/src/routes/articles/+page.svelte b/src/routes/articles/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/articles/[category]/[id]/+page.server.ts b/src/routes/articles/[category]/[id]/+page.server.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/articles/[category]/[id]/+page.svelte b/src/routes/articles/[category]/[id]/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/articles/[id]/+page.server.ts b/src/routes/articles/[id]/+page.server.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/articles/[id]/+page.svelte b/src/routes/articles/[id]/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/threads/+layout.svelte b/src/routes/threads/+layout.svelte
new file mode 100644
index 0000000..9b79363
--- /dev/null
+++ b/src/routes/threads/+layout.svelte
@@ -0,0 +1,5 @@
+<script>
+  import '../app.scss';
+</script>
+
+<slot />
\ No newline at end of file
diff --git a/src/routes/threads/+page.svelte b/src/routes/threads/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/threads/[category]/[id]/+page.server.ts b/src/routes/threads/[category]/[id]/+page.server.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/threads/[category]/[id]/+page.svelte b/src/routes/threads/[category]/[id]/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/threads/[id]/+page.server.ts b/src/routes/threads/[id]/+page.server.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/threads/[id]/+page.svelte b/src/routes/threads/[id]/+page.svelte
new file mode 100644
index 0000000..e69de29