forked from UniverseBow/wa2k.com-Website
vscode test
This commit is contained in:
parent
12b36ee032
commit
5dca7b2ac1
4 changed files with 55 additions and 27 deletions
BIN
www/background.png
Normal file
BIN
www/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -2,35 +2,16 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>idk chat</title>
|
<title>WA2000</title>
|
||||||
|
<link type="text/css" rel="stylesheet" href="./style.css">
|
||||||
|
|
||||||
<!-- !! Favicon !! -->
|
|
||||||
<!-- <link rel="icon" href="imgs/favicon/favicon.ico" /> -->
|
|
||||||
|
|
||||||
<!-- Styling -->
|
|
||||||
<link type="text/css" rel="stylesheet" href="css/style.css">
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<pre>
|
<div class="card">
|
||||||
<-- ` ' -->
|
<h1>waff waff!</h1>
|
||||||
<-- ;,,, ` ' ,,,; -->
|
<div class="divider"></div>
|
||||||
<-- `CRY6666bo. : : .od8888CRY' -->
|
<p>tiny text!!!</p>
|
||||||
<-- 888IO8DO88b. : : .d8888I8DO88 -->
|
<p>wuff</p>
|
||||||
<-- 8LOVET' `Y8b. ` ' .d8Y' `TLOVE8 -->
|
</div>
|
||||||
<-- 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 -->
|
|
||||||
<-- ! ! -->
|
|
||||||
</pre>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
47
www/style.css
Normal file
47
www/style.css
Normal file
|
|
@ -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);
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue