From 0c4b231aa7ddad68021f6e607e980c95e7a044f4 Mon Sep 17 00:00:00 2001 From: ocueye2 Date: Fri, 30 Aug 2024 00:56:11 +0000 Subject: [PATCH] made it look better --- render/render.html | 36 ++++++++++++++++++++++++++---------- services/casos/casos.site | 2 +- services/code/gittea.site | 2 +- services/proxmox/prox.site | 2 +- template/temp.css | 30 +++++++++++++++++++++++------- 5 files changed, 52 insertions(+), 20 deletions(-) diff --git a/render/render.html b/render/render.html index ea4073c..2b6e00a 100644 --- a/render/render.html +++ b/render/render.html @@ -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; } @@ -73,7 +89,7 @@ p {
- +

gitea

Github like git server

 @@ -83,7 +99,7 @@ p {
- +

proxmox

main vm server

 @@ -93,7 +109,7 @@ p {
- +

casos

main docker gui

 diff --git a/services/casos/casos.site b/services/casos/casos.site index 106b414..271fd0c 100644 --- a/services/casos/casos.site +++ b/services/casos/casos.site @@ -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") \ No newline at end of file +background-image: url("data:image/png;base64,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") \ No newline at end of file diff --git a/services/code/gittea.site b/services/code/gittea.site index 794e384..7300c59 100644 --- a/services/code/gittea.site +++ b/services/code/gittea.site @@ -1,4 +1,4 @@ gitea http://192.168.1.222:3002 Github like git server -background-color: darkgreen; \ No newline at end of file +background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Gitea_Logo.svg/512px-Gitea_Logo.svg.png") \ No newline at end of file diff --git a/services/proxmox/prox.site b/services/proxmox/prox.site index 1e2666c..a94b03c 100644 --- a/services/proxmox/prox.site +++ b/services/proxmox/prox.site @@ -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") \ No newline at end of file +background-image: url("https://avatars.githubusercontent.com/u/2678585?s=280&v=4") \ No newline at end of file diff --git a/template/temp.css b/template/temp.css index 3ab8cb1..9ac814d 100644 --- a/template/temp.css +++ b/template/temp.css @@ -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; } \ No newline at end of file