diff options
| author | Fuwn <[email protected]> | 2024-01-11 02:25:41 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-11 02:25:41 -0800 |
| commit | 902d474344fd1a6914108c1b6544f8cbad4cad0a (patch) | |
| tree | 29e4fcc5a02bc86025ca57a50ad9310b5dafc9fa | |
| parent | feat(css): update (diff) | |
| download | startpage-902d474344fd1a6914108c1b6544f8cbad4cad0a.tar.xz startpage-902d474344fd1a6914108c1b6544f8cbad4cad0a.zip | |
feat: update background
| -rw-r--r-- | css/index.css | 15 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | index.js | 2 |
3 files changed, 13 insertions, 8 deletions
diff --git a/css/index.css b/css/index.css index 38905c5..f51d703 100644 --- a/css/index.css +++ b/css/index.css @@ -5,12 +5,15 @@ body { font-family: "unifont"; - background-color: var(--background); + /* background-color: var(--background); */ + background-image: url("https://i.imgur.com/N4FCLVB.jpg"); color: var(--foreground); padding: 0; margin: 0; font-size: 1vw; transition: 0.5s; + background-size: cover; + backdrop-filter: blur(5px); } .wrapper { @@ -21,16 +24,18 @@ body { } .content { - position: absolute; - left: 42.75%; + /* position: absolute; */ + /* left: 42.75%; */ border: 1px solid var(--color1); padding: 45.5px; text-align: center; + /* background-color: var(--background); */ + background-color: #00000060; } .waifu { - position: absolute; - right: 57.75%; + /* position: absolute; */ + /* right: 57.75%; */ height: 386px; border: 1px solid var(--color1); } @@ -14,12 +14,12 @@ <body> <div class="wrapper"> <div class="waifu"> - <a href="#" id="waifu-link" + <!-- <a href="#" id="waifu-link" ><img id="waifu" src="https://media.tenor.com/GOYRQva4UeoAAAAd/anime-dance.gif" /></a> - </div> + </div> --> <div class="content"> <div class="time" id="time"> </div> @@ -158,7 +158,7 @@ const chooseWaifu = () => { }; window.onload = () => { - chooseWaifu(); + // chooseWaifu(); weather(); }; |