diff --git a/bun.lockb b/bun.lockb index a79e9c5..3e43b31 100644 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index ad2e77a..df6207a 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "vite": "^6.1.0" }, "dependencies": { + "@iconify/svelte": "^4.2.0", "sass": "^1.85.0" } } diff --git a/src/App.svelte b/src/App.svelte index a336d84..120c8a5 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,6 +1,7 @@
+
+

半熟迷子工作室

+
+ Maigo Labs +
+ +
+
rana
@@ -109,9 +118,49 @@ max-height: 100% overflow: hidden + background: #f0f0f0 + display: flex + justify-content: center + align-items: center + .img position: absolute img width: 200px + + .info + h1 + font-size: 3rem + color: transparent + background-color: rgb(136 130 130 / 70%) + -webkit-background-clip: text + background-clip: text + text-shadow: rgba(255, 255, 255, .7) 0 3px 6px + margin-bottom: 0 + + overflow: hidden + white-space: nowrap + + div + display: flex + align-items: center + font-size: 1.5rem + color: rgb(136 130 130 / 70%) + + a + display: flex + align-items: center + + @media screen and (max-width: 400px) + .info + h1 + font-size: 2rem + + div + font-size: 1.2rem + + .img + img + width: 150px diff --git a/src/app.sass b/src/app.sass index b9ec6bb..9b17b0b 100644 --- a/src/app.sass +++ b/src/app.sass @@ -17,5 +17,12 @@ body width: 100% height: 100% +.flex-1 + flex: 1 + +a + color: inherit + text-decoration: none + * cursor: url("./matcha_cursor.png") 16 16, auto