Homepage: Add sauce

This commit is contained in:
Viyurz 2023-11-26 09:55:57 +01:00
parent 617764cb12
commit ea379034d3
No known key found for this signature in database
2 changed files with 17 additions and 8 deletions

View file

@ -9,7 +9,7 @@ body {
margin: 0; margin: 0;
} }
main { div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -20,7 +20,7 @@ main {
margin: auto; margin: auto;
} }
a { div a {
border: 3px solid white; border: 3px solid white;
border-radius: 2px; border-radius: 2px;
padding: 12px; padding: 12px;
@ -39,7 +39,7 @@ p {
margin: auto; margin: auto;
} }
a:hover { div a:hover {
transform: scale(1.1); transform: scale(1.1);
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
@ -48,16 +48,22 @@ img {
height: 86%; height: 86%;
} }
h5 { main > a {
font-size: 0.9em;
color: white;
text-decoration: none;
position: absolute; position: absolute;
bottom: 10px; bottom: 8px;
right: 10px; right: 8px;
color: rgba(255, 255, 255, 0.5);
margin: 0; margin: 0;
} }
main > a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 1050px) { @media only screen and (min-width: 1050px) {
main { div {
flex-direction: row; flex-direction: row;
} }
} }

View file

@ -10,6 +10,7 @@
</head> </head>
<body> <body>
<main> <main>
<div>
<a href="https://nc.viyurz.fr"> <a href="https://nc.viyurz.fr">
<img src="nextcloud.png" /> <img src="nextcloud.png" />
<p>Nextcloud</p> <p>Nextcloud</p>
@ -28,6 +29,8 @@
<p>ARK: Survival Evolved</p> <p>ARK: Survival Evolved</p>
</a> </a>
--> -->
</div>
<a target="_blank" href="https://www.pixiv.net/en/artworks/93556861">Artwork by 黒崎神楽</a>
</main> </main>
</body> </body>
</html> </html>