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 @@
+
@@ -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