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">
|
||||
<head>
|
||||
<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>
|
||||
|
||||
<body>
|
||||
<pre>
|
||||
<-- ` ' -->
|
||||
<-- ;,,, ` ' ,,,; -->
|
||||
<-- `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 -->
|
||||
<-- ! ! -->
|
||||
</pre>
|
||||
<div class="card">
|
||||
<h1>waff waff!</h1>
|
||||
<div class="divider"></div>
|
||||
<p>tiny text!!!</p>
|
||||
<p>wuff</p>
|
||||
</div>
|
||||
</body>
|
||||
</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