From 7a17a2c188eba433f24647c70acbba735ec17635 Mon Sep 17 00:00:00 2001
From: moris <moris@noreply.moris.day>
Date: Thu, 3 Apr 2025 23:28:24 +0900
Subject: [PATCH] =?UTF-8?q?page.svelte=E3=81=AB=E3=81=BE=E3=81=A8=E3=82=81?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/code/[slug]/+layout.svelte | 73 -------------------------
 src/routes/code/[slug]/+page.svelte   | 76 ++++++++++++++++++++++++++-
 2 files changed, 75 insertions(+), 74 deletions(-)
 delete mode 100644 src/routes/code/[slug]/+layout.svelte

diff --git a/src/routes/code/[slug]/+layout.svelte b/src/routes/code/[slug]/+layout.svelte
deleted file mode 100644
index e2c6c8d..0000000
--- a/src/routes/code/[slug]/+layout.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts">
-    let { children } = $props();
-
-    import './app.css'
-
-    function toggleFullScreen() {
-        if (document.fullscreenElement) {
-            document.exitFullscreen();
-        } else {
-            document.querySelector("body")?.requestFullscreen();
-        }
-    }
-
-    function hideContent() {
-        let uuid = crypto.randomUUID()
-        window.name = uuid
-        window.parent.postMessage({"id": uuid, 'message': 'toggleHide'}, '*');
-    }
-</script>
-
-<svelte:head>
-    <meta name="robots" content="noindex">
-</svelte:head>
-
-<div id='window'>
-    <div class="menubar">
-        <button style="background-color: rgb(255 95 87)"  aria-label="reload"     onclick={()=>{location.reload()}}></button>
-        <button style="background-color: rgb(255 188 46)" aria-label="close"      onclick={hideContent}></button>
-        <button style="background-color: rgb(40 200 64)"  aria-label="fullscreen" onclick={toggleFullScreen}></button>
-    </div>
-    <div class="code">
-        {@render children()}
-    </div>
-</div>
-
-<style>
-    #window {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        width: 100%;
-        box-sizing: border-box;
-        border: solid var(--border-color) 1px;
-        border-radius: 12px;
-        box-shadow: 0px 8px 40px var(--shadow-color);
-        background-color: var(--back-color);
-        font-family: sans-serif;
-        overflow: hidden;
-    }
-
-    .menubar {
-        display: flex;
-        height: 28px;
-        padding: 0 4px;
-        border-radius: 12px 12px 0 0;
-        background-color: var(--head-color);
-        border-bottom: solid var(--divider-color) 1px;
-    }
-    button {
-        all: unset;
-        width: 12px;
-        height: 12px;
-        margin: 8px 4px;
-        border-radius: 50%;
-        cursor: pointer;
-    }
-
-    .code {
-        height: calc(100% - 28px);
-        overflow-x: hidden;
-        overflow-y: auto;
-    }
-</style>
\ No newline at end of file
diff --git a/src/routes/code/[slug]/+page.svelte b/src/routes/code/[slug]/+page.svelte
index 6e46d8e..b8e7773 100644
--- a/src/routes/code/[slug]/+page.svelte
+++ b/src/routes/code/[slug]/+page.svelte
@@ -1,5 +1,79 @@
 <script lang="ts">
     const { data } = $props();
+
+    import './app.css';
 </script>
 
-<div>{@html data.html}</div>
\ No newline at end of file
+
+<svelte:head>
+    <meta name="robots" content="noindex">
+</svelte:head>
+
+<div id='window'>
+    <div class="menubar">
+        <button class="a" style="background-color: rgb(255 95 87)"  aria-label="reload"></button>
+        <button class="b" style="background-color: rgb(255 188 46)" aria-label="close"></button>
+        <button class="c" style="background-color: rgb(40 200 64)"  aria-label="fullscreen"></button>
+    </div>
+    <div class="code">
+        {@html data.html}
+    </div>
+    <script>
+        function toggleFullScreen() {
+            if (document.fullscreenElement) {
+                document.exitFullscreen();
+            } else {
+                document.querySelector("body")?.requestFullscreen();
+            }
+        }
+
+        function hideContent() {
+            let uuid = crypto.randomUUID()
+            window.name = uuid
+            window.parent.postMessage({"id": uuid, 'message': 'toggleHide'}, '*');
+        }
+
+        document.querySelector('button.a')?.addEventListener('click', ()=>{location.reload()})
+        document.querySelector('button.b')?.addEventListener('click', ()=>{hideContent()})
+        document.querySelector('button.c')?.addEventListener('click', ()=>{toggleFullScreen()})
+    </script>
+</div>
+
+<style>
+    #window {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        box-sizing: border-box;
+        border: solid var(--border-color) 1px;
+        border-radius: 12px;
+        box-shadow: 0px 8px 40px var(--shadow-color);
+        background-color: var(--back-color);
+        font-family: sans-serif;
+        overflow: hidden;
+    }
+
+    .menubar {
+        display: flex;
+        height: 28px;
+        padding: 0 4px;
+        border-radius: 12px 12px 0 0;
+        background-color: var(--head-color);
+        border-bottom: solid var(--divider-color) 1px;
+    }
+    button {
+        all: unset;
+        width: 12px;
+        height: 12px;
+        margin: 8px 4px;
+        border-radius: 50%;
+        cursor: pointer;
+    }
+
+    .code {
+        height: calc(100% - 28px);
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+</style>
\ No newline at end of file