made it look better

This commit is contained in:
ocueye2 2024-08-30 00:56:11 +00:00
parent 4ef33e8534
commit 0c4b231aa7
5 changed files with 52 additions and 20 deletions

View File

@ -6,7 +6,7 @@
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: .1vw;
grid-gap: 5%;
background-color: #35465a9f;
backdrop-filter: blur(10px);
padding: 20px;
@ -21,7 +21,7 @@ body {
}
h1 {
background-color: rgba(58, 69, 77, 0.726);
background-color: rgba(61, 87, 105, 0.726);
color: #CCCCCC;
padding: 10px;
border-radius: 10px;
@ -40,8 +40,11 @@ h1 {
transform: scale(1);
display: inline-block;
transform-origin: center;
background-size: contain;
background-repeat: initial;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100px;
height: 100px;
}
a:hover {
@ -49,16 +52,29 @@ a:hover {
background-color: #CCCCCC;
}
h2 {
background-color: rgba(58, 61, 61, 0.548);
background-color: #35465a9f;
backdrop-filter: blur(10px);
color: #EEEEEE;
border-radius: 10px;
padding: 5px;
padding: 10px;
}
p {
color: #EEEEEE;
background-color: rgba(82, 82, 82, 0.555);
background-color: rgba(136, 136, 136, 0.555);
backdrop-filter: blur(10px);
border-radius: 10px;
padding: 5px;
}
h3 {
color: #EEEEEE;
background-color: rgba(146, 146, 146, 0.555);
backdrop-filter: blur(5px);
border-radius: 10px;
padding: 5px;
text-align: center;
}
</style>
@ -73,7 +89,7 @@ p {
</div>
<div class="item">
<a href="http://192.168.1.222:3002" style='background-color: darkgreen;'>
<a href="http://192.168.1.222:3002" style='background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Gitea_Logo.svg/512px-Gitea_Logo.svg.png")'>
<h3>gitea</h3>
<p>Github like git server</p>
</a>
@ -83,7 +99,7 @@ p {
<div class="group">
<div class="item">
<a href="https://192.168.1.20:8006/#v1:0:18:4:::::::" style='background-image: url("https://www.hostelworld.com/blog/wp-content/uploads/2018/12/denali-1313x875.jpg")'>
<a href="https://192.168.1.20:8006/#v1:0:18:4:::::::" style='background-image: url("https://avatars.githubusercontent.com/u/2678585?s=280&v=4")'>
<h3>proxmox</h3>
<p>main vm server</p>
</a>
@ -93,7 +109,7 @@ p {
<div class="group">
<div class="item">
<a href="http://192.168.1.130" style='background-image: url("https://www.hostelworld.com/blog/wp-content/uploads/2018/12/denali-1313x875.jpg")'>
<a href="http://192.168.1.130" style='background-image: url("data:image/png;base64,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")'>
<h3>casos</h3>
<p>main docker gui</p>
</a>

View File

@ -1,4 +1,4 @@
casos
http://192.168.1.130
main docker gui
background-image: url("https://www.hostelworld.com/blog/wp-content/uploads/2018/12/denali-1313x875.jpg")
background-image: url("data:image/png;base64,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")

View File

@ -1,4 +1,4 @@
gitea
http://192.168.1.222:3002
Github like git server
background-color: darkgreen;
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Gitea_Logo.svg/512px-Gitea_Logo.svg.png")

View File

@ -1,4 +1,4 @@
proxmox
https://192.168.1.20:8006/#v1:0:18:4:::::::
main vm server
background-image: url("https://www.hostelworld.com/blog/wp-content/uploads/2018/12/denali-1313x875.jpg")
background-image: url("https://avatars.githubusercontent.com/u/2678585?s=280&v=4")

View File

@ -3,7 +3,7 @@
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: .1vw;
grid-gap: 5%;
background-color: #35465a9f;
backdrop-filter: blur(10px);
padding: 20px;
@ -18,7 +18,7 @@ body {
}
h1 {
background-color: rgba(58, 69, 77, 0.726);
background-color: rgba(61, 87, 105, 0.726);
color: #CCCCCC;
padding: 10px;
border-radius: 10px;
@ -37,8 +37,11 @@ h1 {
transform: scale(1);
display: inline-block;
transform-origin: center;
background-size: contain;
background-repeat: initial;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100px;
height: 100px;
}
a:hover {
@ -46,14 +49,27 @@ a:hover {
background-color: #CCCCCC;
}
h2 {
background-color: rgba(58, 61, 61, 0.548);
background-color: #35465a9f;
backdrop-filter: blur(10px);
color: #EEEEEE;
border-radius: 10px;
padding: 5px;
padding: 10px;
}
p {
color: #EEEEEE;
background-color: rgba(82, 82, 82, 0.555);
background-color: rgba(136, 136, 136, 0.555);
backdrop-filter: blur(10px);
border-radius: 10px;
padding: 5px;
}
h3 {
color: #EEEEEE;
background-color: rgba(146, 146, 146, 0.555);
backdrop-filter: blur(5px);
border-radius: 10px;
padding: 5px;
text-align: center;
}