Update homepage

This commit is contained in:
Viyurz 2023-11-24 13:00:55 +01:00
parent 875c1ac1f4
commit 6948201eaa
No known key found for this signature in database
8 changed files with 22 additions and 29 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 978 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View file

@ -1,7 +1,6 @@
body { body {
font-weight: bold; font-weight: bold;
font-family: Arial; font-family: Arial;
text-align: center;
background-image: url("wallpaper.jpg"); background-image: url("wallpaper.jpg");
background-position: -150px; background-position: -150px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -16,32 +15,35 @@ main {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
margin: auto;
} }
a { a {
background: rgba(255, 255, 255, 0.5); border: 3px solid white;
border: 2px solid white; border-radius: 2px;
border-radius: 8px; padding: 12px;
padding: 10px;
margin: 1.5vh;
width: 25vh;
height: 25vh;
display: flex; display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; align-items: center;
margin: 35px;
min-width: 250px;
height: 60px;
transition: all .25s ease-in-out; transition: all .25s ease-in-out;
text-decoration: none; text-decoration: none;
color: black; color: white;
font-size: 1.2em;
}
p {
margin: auto;
} }
a:hover { a:hover {
transform: scale(1.1); transform: scale(1.1);
background-color: rgba(255, 255, 255, 0.25);
} }
img { img {
max-height: 20vh; height: 86%;
max-width: 20vh;
} }
h5 { h5 {
@ -52,7 +54,7 @@ h5 {
margin: 0; margin: 0;
} }
@media only screen and (orientation: landscape) { @media only screen and (min-width: 1050px) {
body { body {
background-position: center; background-position: center;
} }
@ -60,15 +62,4 @@ h5 {
main { main {
flex-direction: row; flex-direction: row;
} }
a {
margin: 1.5vw;
min-width: 15vw;
min-height: 15vw;
}
img {
max-height: 13vw;
max-width: 13vw;
}
} }

View file

@ -3,22 +3,24 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="index.css" />
<title>Accueil - Viyurz.fr</title> <title>Viyurz.fr</title>
</head> </head>
<body> <body>
<main> <main>
<a href="https://nc.viyurz.fr"> <a href="https://nc.viyurz.fr">
<img src="nextcloud.png" /> <img src="nextcloud.png" />
Nextcloud <p>Nextcloud</p>
</a> </a>
<a href="https://sx.viyurz.fr"> <a href="https://sx.viyurz.fr">
<img src="searxng.png" /> <img src="searxng.png" />
SearXNG <p>SearXNG</p>
</a> </a>
<a href="https://vw.viyurz.fr"> <a href="https://vw.viyurz.fr">
<img src="vaultwarden.png" /> <img src="vaultwarden.png" />
Vaultwarden <p>Vaultwarden</p>
</a> </a>
<!-- <!--
<a href='steam://connect/viyurz.fr:27015'> <a href='steam://connect/viyurz.fr:27015'>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB