Gnarwhal/monodon_page
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Is now a link. And also it removes logo when screen is too smol.

Browse source
This commit is contained in:
Gnarwhal 2024-08-07 21:05:20 +00:00
parent ad09015771
commit 8c65929249
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
3 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

5
index.html
View file

@ -1,15 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" />
<title>Monodon Pages</title> <title>Monodon Pages</title>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<div id="content"> <a id="content" href="https://forge.monodon.me">
<img id="logo" src="favicon.svg" /> <img id="logo" src="favicon.svg" />
<p id="text">Nothing here</p> <p id="text">Nothing here</p>
</div> </a>
</div> </div>
</body> </body>
</html> </html>

10
style.css
View file

@ -34,9 +34,13 @@ html,body {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: inherit;
text-decoration: none;
} }
#logo { #logo {
display: none;
margin-right: 1em; margin-right: 1em;
height: 100%; height: 100%;
} }
@ -45,3 +49,9 @@ html,body {
margin: 0; margin: 0;
text-wrap: nowrap; text-wrap: nowrap;
} }
@media screen and (min-width: 1200px) {
#logo {
display: block;
}
}