diff --git a/www/background.png b/www/background.png new file mode 100644 index 0000000..0de7dbe Binary files /dev/null and b/www/background.png differ diff --git a/www/css/style.css b/www/css/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/www/index.html b/www/index.html index ea981ba..aefe784 100644 --- a/www/index.html +++ b/www/index.html @@ -2,35 +2,16 @@ - idk chat + WA2000 + - - - - - - -
- <--                `         '                -->
-<-- ;,,,             `       '             ,,,; -->
-<-- `CRY6666bo.       :     :       .od8888CRY' -->
-  <-- 888IO8DO88b.     :   :     .d8888I8DO88 -->
-  <-- 8LOVET'  `Y8b.   `   '   .d8Y'  `TLOVE8 -->
- <-- jYOUM!  .db.  Yb. '   ' .dY  .db.  !MYOUk -->
-   <-- `888  Y88Y    `q ( ) p'    Y88Y  888' -->
-    <-- 8SOb  '"        ,',        "'  dSO8 -->
-   <-- j8plEASEYgr"'    ':'   `"?gpYplEASESk -->
-     <-- 'Y'   .8'     d' 'b     '8.   'Y' -->
-      <-- !   .8' db  d'; ;`b  db '8.   ! -->
-         <-- d88  `'  8 ; ; 8  `'  88b -->
-        <-- d88Ib   .g8 ',' 8g.   dI88b -->
-       <-- :888LOVE88Y'     'Y88LOVE888: -->
-       <-- '! YpME888'       `888MEpY !' -->
-          <-- '8Y  `Y         Y'  Y8' -->
-           <-- Y                   Y -->
-           <-- !                   ! -->
-    
+
+

waff waff!

+
+

tiny text!!!

+

wuff

+
diff --git a/www/style.css b/www/style.css new file mode 100644 index 0000000..d465a46 --- /dev/null +++ b/www/style.css @@ -0,0 +1,47 @@ + +* { margin: 0; padding: 0; box-sizing: border-box; } + + body { + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background: #0a0e1a url('background.png') center/cover no-repeat; + } + + .card { + width: min(520px, 88%); + padding: 52px; + border-radius: 24px; + text-align: center; + background: rgba(255, 255, 255, 0.06); + border: 1px solid rgba(255, 255, 255, 0.14); + backdrop-filter: blur(32px) saturate(1.4); + box-shadow: 0 32px 80px rgba(0, 0, 0, 0.45); + } + + h1 { + font-size: clamp(36px, 6vw, 52px); + font-weight: 300; + line-height: 1.1; + color: rgba(255, 255, 255, 0.92); + } + + h1 em { + font-style: italic; + color: rgba(180, 210, 255, 0.85); + } + + .divider { + width: 40px; + height: 0.5px; + background: rgba(255, 255, 255, 0.2); + margin: 22px auto; + } + + p { + font-size: 15px; + font-weight: 300; + line-height: 1.75; + color: rgba(255, 255, 255, 0.52); + }