waifu/waifuism
1
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

aichan

Browse source
This commit is contained in:
waifu 2024-04-27 18:18:09 -03:00
parent 92b4072a76
commit 1c9f0caf19
3 changed files with 56 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -2,3 +2,5 @@
*.mp3 *.mp3
*.jpg *.jpg
*.gif *.gif
*.webm
*.webp

11
index.html
View file

@ -8,8 +8,17 @@
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
<div id="main">
<div class="logo">
<a href="home/"> <a href="home/">
<img src="./static/site/logo.png" class="logo"> <img src="./static/site/logo.png" id="melon">
</a> </a>
</div>
<div id="text">
<img src="ai_laptop_crying.png.webp">
<h1>Um... e-excuse me... T-this website... uses music a lot, so... um... please remember to turn autoplay on!</h1>
</div>
</div>
</body> </body>
</html> </html>

49
styles.css
View file

@ -1,21 +1,48 @@
body, html { body, html {
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow: hidden; /* Prevents scrollbar from appearing */ overflow: hidden;
} }
#main{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
body { body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
}
.logo img {
transition: transform 0.5s ease-in-out;
} }
.logo { #text {
max-width: 100%; opacity: 0;
height: auto; transition: opacity 0.5s ease-in-out;
transition: transform 0.3s, scale 0.3s; display: flex;
justify-content: center;
align-items: center;
width: 50vw;
} }
.logo:hover { #main:hover .logo img {
transform: scale(1.5) rotate(360deg); /* Rotates the logo 360 degrees */ transform: scale(1.5) rotate(360deg); /* Adjust the scale factor as needed */
}
#main:hover #text {
opacity: 1;
}
body, html{
font-family: CustomFont, sans-serif; /* Use the custom font as the fallback */
}
@font-face {
font-family: CustomFont;
src: url('static/fonts/c1-kenangan.regular.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */
} }