From d6c4e751f23b4c6eb6d103490ee9fd4738e34667 Mon Sep 17 00:00:00 2001 From: Ettore Di Giacinto Date: Wed, 14 Aug 2024 12:53:29 +0200 Subject: [PATCH] feat(explorer): visual improvements (#3247) Signed-off-by: Ettore Di Giacinto --- core/http/views/explorer.html | 67 +++++++++++++++++++++++++++++------ 1 file changed, 56 insertions(+), 11 deletions(-) diff --git a/core/http/views/explorer.html b/core/http/views/explorer.html index 91cb9720c9b..033fa5466c6 100644 --- a/core/http/views/explorer.html +++ b/core/http/views/explorer.html @@ -152,6 +152,35 @@ right: 10px; color: #e2e8f0; } + .fa-circle-nodes { + /* font-size: 100px; /* Adjust the size as needed */ + animation: rotateCircleNodes 8s linear infinite; /* Slow and fluid rotation */ + display: inline-block; + } + + @keyframes rotateCircleNodes { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } + } + /* Animation for the warning box */ + .fa-flask { + /* font-size: 100px; /* Adjust the size as needed */ + animation: shakeFlask 3s ease-in-out infinite; /* Smooth easing and longer duration for fluidity */ + transform-origin: bottom center; + } + + @keyframes shakeFlask { + 0%, 10% { transform: rotate(0deg); } /* Start and end still */ + 20% { transform: rotate(-10deg); } /* Smooth transition to left */ + 30% { transform: rotate(10deg); } /* Smooth transition to right */ + 40% { transform: rotate(-8deg); } /* Smooth transition to left */ + 50% { transform: rotate(8deg); } /* Smooth transition to right */ + 60% { transform: rotate(-5deg); } /* Smooth transition to left */ + 70% { transform: rotate(5deg); } /* Smooth transition to right */ + 80% { transform: rotate(-2deg); } /* Smooth transition to left */ + 90% { transform: rotate(2deg); } /* Smooth transition to right */ + 100% { transform: rotate(0deg); } /* Return to center */ + } @@ -159,14 +188,23 @@ {{template "views/partials/navbar_explorer" .}}
-

Network Clusters Explorer

-

View the clusters and workers available in each network.

+

+ Network Clusters Explorer + +

+

+ View the clusters and workers available in each network. + + + +

+
- + The explorer is a global, community-driven tool to share network tokens and view available clusters in the globe. Anyone can use the tokens to offload computation and use the clusters available or share resources. This is provided without any warranty. Use it at your own risk. We are not responsible for any potential harm or misuse. Sharing tokens globally allows anyone from the internet to use your instances. @@ -221,23 +259,30 @@

Add New Net