My personal website.
entomoviscera.online
1---
2import Base from "../components/Base.astro";
3import "../styles/main.css";
4import "../styles/splashscreen.css";
5---
6
7<Base
8 title="ENTRANCE"
9 graph={{
10 description: "WARNING: Bug inside.",
11 }}
12>
13 <a href="/home" id="welcome">
14 <img src="/img/sprites/door.png" id="door" alt="" />
15 <img src="/img/sprites/doorbg.png" id="doorbg" alt="entrance" />
16 </a>
17 <div class="bwcontainer">
18 <div class="bwbox">
19 <ul>
20 <li>
21 <a href="https://bsky.app/profile/entomoviscera.online">BLUESKY</a>
22 </li>
23 <li>
24 <a href="https://entomoviscera.tumblr.com/">TUMBLR</a>
25 </li>
26 <li>
27 <a href="https://entomoviscera.newgrounds.com/">NEWGROUNDS</a>
28 </li>
29 <li>
30 <a href="https://www.youtube.com/@entomoviscera">YOUTUBE</a>
31 </li>
32 </ul>
33 </div>
34 <div class="bwbox">
35 <a href="mailto:entomoviscera@gmail.com">entomoviscera@gmail.com</a>
36 </div>
37 </div>
38</Base>
39
40<style>
41 #welcome {
42 position: relative;
43 margin: 15px 20px;
44 }
45
46 #door {
47 position: absolute;
48 transform: 0;
49 transform-origin: 10% center;
50 transition: 600ms;
51 }
52
53 #welcome:hover #door {
54 transform: rotateY(60deg) skewY(16deg);
55 }
56
57 @media (prefers-reduced-motion: reduce) {
58 #door {
59 transition: 0;
60 }
61 }
62</style>