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

aichan

Browse Source
server
waifu 8 months ago
parent 92b4072a76
commit 1c9f0caf19
3 changed files with 56 additions and 18 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      .gitignore
  2. 15
      index.html
  3. 55
      styles.css

4
.gitignore vendored
Unescape View File

@ -1,4 +1,6 @@
*.png *.png
*.mp3 *.mp3
*.jpg *.jpg
*.gif *.gif
*.webm
*.webp

15
index.html
Unescape View File

@ -8,8 +8,17 @@
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
<a href="home/"> <div id="main">
<img src="./static/site/logo.png" class="logo"> <div class="logo">
</a> <a href="home/">
<img src="./static/site/logo.png" id="melon">
</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>

55
styles.css
Unescape 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 */
} }
Write Preview
Loading…
Cancel
Save