made it look better
This commit is contained in:
parent
4ef33e8534
commit
0c4b231aa7
@ -6,7 +6,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 1fr;
|
grid-template-rows: 1fr;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
grid-gap: .1vw;
|
grid-gap: 5%;
|
||||||
background-color: #35465a9f;
|
background-color: #35465a9f;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -21,7 +21,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
background-color: rgba(58, 69, 77, 0.726);
|
background-color: rgba(61, 87, 105, 0.726);
|
||||||
color: #CCCCCC;
|
color: #CCCCCC;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@ -40,8 +40,11 @@ h1 {
|
|||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
background-size: contain;
|
background-size: cover;
|
||||||
background-repeat: initial;
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -49,16 +52,29 @@ a:hover {
|
|||||||
background-color: #CCCCCC;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
background-color: rgba(58, 61, 61, 0.548);
|
background-color: #35465a9f;
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
color: #EEEEEE;
|
color: #EEEEEE;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 5px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
color: #EEEEEE;
|
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;
|
border-radius: 10px;
|
||||||
padding: 5px;
|
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>
|
</style>
|
||||||
|
|
||||||
@ -73,7 +89,7 @@ p {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="item">
|
<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>
|
<h3>gitea</h3>
|
||||||
<p>Github like git server</p>
|
<p>Github like git server</p>
|
||||||
</a>
|
</a>
|
||||||
@ -83,7 +99,7 @@ p {
|
|||||||
<div class="group">
|
<div class="group">
|
||||||
|
|
||||||
<div class="item">
|
<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>
|
<h3>proxmox</h3>
|
||||||
<p>main vm server</p>
|
<p>main vm server</p>
|
||||||
</a>
|
</a>
|
||||||
@ -93,7 +109,7 @@ p {
|
|||||||
<div class="group">
|
<div class="group">
|
||||||
|
|
||||||
<div class="item">
|
<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>
|
<h3>casos</h3>
|
||||||
<p>main docker gui</p>
|
<p>main docker gui</p>
|
||||||
</a>
|
</a>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
casos
|
casos
|
||||||
http://192.168.1.130
|
http://192.168.1.130
|
||||||
main docker gui
|
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,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAxlBMVEX///9V6P8NbsUEbcVJ4fxM5/8AaMMAY8EAa8QAZcJL5f5W6f8AacNG5/9L5v8AZsJX7P8AYMFg6f9Z7/967P+T7/+79f9t6//C1u3A9f/0/f/f6vYYgM06wuzp/P8pn9vX+f+m8v82uehO3Pni+/8uqeDv/f+Os9+EqtuxyuiYuuJtndbM3PCErNw6gszv9furxufl7vgkltcRdchJ1fY+y/Eei9Ke8f8xgMxblNNKis++0uxkmNQ3vOrE4fS54/YmmtlZpdwfDsXKAAAKoElEQVR4nO2dCXOiTBPHMyCHCyxqPGLMoUnMobk25M6T58n7/b/UCx4REGa6Z1rMVs2/aqu2thLxt93TF8Ows6OlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWV0d2f6+urycXNzeXl5c3FxeRqb3C37e9EprvryfS13nScemjH8uM/YVh3nKbzOp1c/+2cg/s3t+mEtmkUybRDpxlNJ4Ntf01ZXV8azdAvhkth+mFMubftL4vX9dRwhHQrSsf9uyAHNxEc7xsyuvxb3HXvzSlZeAJI27m92vaXB+g+Np8E3lyuY0y2DSDQxK3LmC9lyNC43zYERx+RIt+MsR59bBukRINbR50vkeu8Xm8bpkiXTZeEb8bYnP64YmfPDcn4Evn1n7Uc96dNGgddyXTef5AZryObmC+Rb/+YiHNBFGHyMp3LbaPNdPde3whfovD2B3jqIJIvYcTyja3XqnvkISYr09nyYrzfMGCM2NxqpXrR3DBfoubNFgGdCgANw9kaYkWA20OcVAW4LcT76gBjxC2Em48NFTJliJXPNwYbTxM5NSuexd0hR2nqMut/KiWM6LpdMKJRJeCUtt2FyX+vDvCqyjC6UnUB9U+1YTSFWNWA6rb6RTiXGVUDeLG5jleksJKmf7CdRThXJX66NR9NVIWfVlqOriu82DTgXbilOLqUs+nSZrqJyShG/j+bBRxUMbZIyTR93/btMJzv43BN02huNti8+csrz7VZONuODh7G45PPw0SfJ+OHg8h2bjcJ+G/TLBY5nxu6z+PPx5r1+1dKv63a49P4vw3RHXXbu89+CSEppemG0fHhacxWK1D8r167e0aNdz5qBZb36HAAqSDd0Dh++mUV0i0hmRW0RkeEfMN2YDHGdh94JqRh9J3nwxoXL5EXfxsr6PWJ+LpewBJ5NZEJlRld5+FRiBeLzRWwLgFfnwWLz2uMQwihPKMZPoP4EjddyLJUGYetJV9MaLgwQjlG044OYXwrIyZ29IYKfPvtFR9rHNahgDKMrj8ujp18IyaMbemY07es1AfxU4UqYnjw+BvMlzFiEnPkXDVjwCTO2GAnRTOa4clvuAHzhLEZe+d4wCGzMh/S+MQ4KQ7RNZ5QBqxl3XQWcYZYwG6Q/Qisk2IQ7ecazoDrRozNOMIBdvKA3i8X6aRgxPALz7dOGAccDGDbyv++94R2UiBjfWxJAObdNPHU3j4YsLUGyBrHthShEDE8kQIsMGIcOKCIvXVA1jiQcFIAojRgAWHsaTDEIkCvJuekIkR5wEJCqwUBXF+DDFvQgAlDuTU40/pCTBB7YsC1KDonHEsuQy6i/SAPWGxEZgkj6qgQkDUksqEQ0T2QSRN8Qha88AGHxYCMwfsKMKJpnqoAlhCygNsX75f8lncKan5xiOGhkgnLCJnFazUKowyTz/c8RFshysxUGGoScQLqWjG6VOME2N7DCU21RcgjtEpL1PMSCypUNOWI9pMqYambsqBs1ljmozHhgzJhDtE+VvRRHiEryYqlcVSlZishNA1lPh5hSdPvlf+GFykDZhHDE2Uf5REyCxVmEkJT3YZpQvMA29NjCYvyfukijAGZYjrMI6qmQiEhC9a7DK4JYdNuMKEZqYcZAWFBxuCsQvWSJodoU6xCPuH6SuxzTEhNaJoUq1BEmA+nbd5Pi2+roRD9MYkJ+YT52u2IZ0JqwrpaTwEkDIYZwhdOJKUmdJ9J4oyI0OpkCFvcH6Zah3NEnybOiAgZSwOecZ2UKlssCKmcVESYcdMR10mpMv6c0DwgclIRYcZNe4If9mRG+iWIVJFU7KWpaLrPNyFR5b0gDNUbQyBhsBpncPqmuSi6pwWhaRLxiQmtPnQZqg4TM4TuM01BAyFcLURuQTMjVJ9iLOUfUzmpkDDV6vOzIaOYRH2LqOqucSZRKy1bqH3RMlS6bZETXaARE35PpISBhrCoMX2qfC920tX4m9s5zQkZxRgjkRtRAQIIvzuoriiUEqYLxbsxSMJlo89vLOaEx0TpwqdqLECEy3TRARB+EgVT+4EqHQJCKWvDCb1TomDqf1VUd2cIy6f5KUSiypQu4UMIlylfWNIw2P5giOwfS0iV88kIIctwRQjx0hpNZUpGCAFEEbJdmozoS21ikyVExFKy4psqW4Cc9HvrCSDjJ/mChJAq40MAVxkfULUxuQ2m63JJ7qtBCZf32MSVdyKJTcJFhDSVN8hJV5W3YFq6kMdIBm403RMIcDUxFXfAM9GMMmg6YCDh97BNOMWYiebuhf252Tv4aVnfN4IhRQ0jijUuRcoHEq4mUcJp4lzek7oRDZNgmgiLM+lponhQMxdBXWOYbmUmTO1SFE71F2ocKhuRYqoPNGF6qi+8M7OUuhEp7swAv2zmPjdwIbKG6kqk2JQINWFm1xAs5zP1Gxiz7UKKOR/4VXM38mEZUT0nEuymgQJm73KD3VRt07652NSm1F5A+XI7Ffi7TVLymCEG4RMa9ccqTJjbbQItaxQzxmLHkEJZAw0z67u9oUk/mbpJ++ly15cvTwgGXH/Im7dzLyOvJt1Fqe/cAwMW7KHl7b7MSjoprvaXRpK1KdxHi/brw/97do/lRjapHbSSLRTY0ViwDgicZczUOJDJ++ld0JEUIdwIxY9cQLN+shQVCeVWIhwwl+3x4ZQ1JEqbNKBhGvjSDb4IS5/uAs2+F4ifaMQMYZwTsYUNArDsiRLOU0Hr2h0jEY2c0G0iArD0qSBExkgCKmp8mgdEN1EYQM7hAwg/9RoPmJyxRoj0UwQg91ngsicsixGf4YjrgHEBjnisBPG9mMU9BQQRTzGIRYCG6Z7iD9wRi/+ULG4pxo4KW4uFgIgnnVGAgiedgTcTvxG/lA7HAj6tjgEUP62OijazpCFuNMoA45QBiDaYPAg6caD41IhyxMNQhFgOCDlUAQcIOjUCidh4jPgdMQ9QfHYLhi8GVDncpByRPfPiDR8wRuSe/bEhQORa9HiLUQTIdVSUh6JO4Ck7/6NMu49RSWYUA8ZW/Crp+FF8yFOUcHkx9lTvuMiMEL5Y9kFh6kcCIk/C2tk583Ce+hjV84xAwOLTzBh8YsGSA5SGWMAdrKc2GidmNnGAARNPzR0piFuBsYdiluBK2VMFxYy149CW4pt5avpUQRyfwgGY+zgzeo3TB8eWAsycDInjiw0ocaTgt4Y9LOOXE/sqms9YnO4pwdcaKvAl6ntIxtr/bMk3yrrN5zbqYjGf8gmtM8ZWAF6PVtA5S9563ES/1dm0m8kbnc/amIt5FHyJhh3QZa2AjRZLYnARYV5dbdqOcbN40+H5CwNerT0k4ku03+0F/MhqBVYnc8UEUvzy+OROVL0eXWaOkh92BJCWFfS6cgmCo/Num5VQWkHQeikYHgzup1Gdg2n6tlOPplcFrzsYvrTKLha7SrtLeZh3Wmf9Ts8LgvjaCyV/b7VH/fJ4/Wdv8hbFIKHt+/OCwHX95F0AjhNGbxcf5S9zOOqP2i0rdbHkaqzXoT+PPa/zYb87ennpdEajbn94BnGWu8HH5Gb69n57+/p6+/7+Nr2Z3O8NIG9R3T+aXa3T6bwkV1PJfFpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaO/8H1rNnwc4fYSkAAAAASUVORK5CYII=")
|
@ -1,4 +1,4 @@
|
|||||||
gitea
|
gitea
|
||||||
http://192.168.1.222:3002
|
http://192.168.1.222:3002
|
||||||
Github like git server
|
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")
|
@ -1,4 +1,4 @@
|
|||||||
proxmox
|
proxmox
|
||||||
https://192.168.1.20:8006/#v1:0:18:4:::::::
|
https://192.168.1.20:8006/#v1:0:18:4:::::::
|
||||||
main vm server
|
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")
|
@ -3,7 +3,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 1fr;
|
grid-template-rows: 1fr;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
grid-gap: .1vw;
|
grid-gap: 5%;
|
||||||
background-color: #35465a9f;
|
background-color: #35465a9f;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -18,7 +18,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
background-color: rgba(58, 69, 77, 0.726);
|
background-color: rgba(61, 87, 105, 0.726);
|
||||||
color: #CCCCCC;
|
color: #CCCCCC;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@ -37,8 +37,11 @@ h1 {
|
|||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
background-size: contain;
|
background-size: cover;
|
||||||
background-repeat: initial;
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -46,14 +49,27 @@ a:hover {
|
|||||||
background-color: #CCCCCC;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
background-color: rgba(58, 61, 61, 0.548);
|
background-color: #35465a9f;
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
color: #EEEEEE;
|
color: #EEEEEE;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 5px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
color: #EEEEEE;
|
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;
|
border-radius: 10px;
|
||||||
padding: 5px;
|
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;
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user