Merge branch 'main' into guibranco-patch-2

guibranco · Nov 13, 2024 · d07c2a2 · d07c2a2
2 parents 6c72d2a + 153dbf0
commit d07c2a2
Showing 1 changed file with 49 additions and 22 deletions.
diff --git a/Src/service-status.php b/Src/service-status.php
@@ -54,10 +54,39 @@
       font-weight: bold;
     }
 
+    /* Badges section */
     .badges {
-      text-align: center;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 15px; /* Adjust the space between badges */
       margin: 20px 0;
     }
+
+    /* For each individual badge */
+    .badges a {
+      display: block;
+    }
+
+    .badges img {
+      max-width: 100%;
+      height: auto;
+      margin: 5px;
+      transition: transform 0.3s ease;
+    }
+
+    .badges img:hover {
+      transform: scale(1.1); /* Optional: adds a hover effect for interactivity */
+    }
+
+    /* Ensure responsiveness of badges on small screens */
+    @media (max-width: 768px) {
+      .badges {
+        justify-content: flex-start;
+        gap: 10px;
+      }
+    }
+
   </style>
 </head>
 
@@ -74,28 +103,26 @@
     <p>Welcome to the GStraccini-bot Service Status page. Below, you can find real-time updates about our system's health and service availability.</p>
 
     <div class="badges">
-
         <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/deploy.yml">
-        <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/deploy.yml/badge.svg" alt="Deploy via FTP Badge">
-      </a>
-      <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/php-lint.yml">
-        <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/php-lint.yml/badge.svg" alt="PHP Linting Badge">
-      </a>
-      <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/json-yaml-lint.yml">
-        <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/json-yaml-lint.yml/badge.svg" alt="JSON/YAML Validation Badge">
-      </a>
-      <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/shell-cheker.yml">
-        <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/shell-cheker.yml/badge.svg" alt="Shell Checker Badge">
-      </a>
-      <!-- GitHub Actions Badge -->
-     <img src="https://healthchecks.io/b/3/82d0dec5-3ec1-41cc-8a35-ef1da42899e5.svg" alt="GStraccini Bot - Branches">
-     <img src="https://healthchecks.io/b/3/31b38cb0-f8bd-42b1-b662-d5905b22cd94.svg" alt="GStraccini Bot - Comments">
-     <img src="https://healthchecks.io/b/3/05666a6b-d35f-4cb8-abc8-25584cc9029b.svg" alt="GStraccini Bot - Issues">
-     <img src="https://healthchecks.io/b/3/05c48393-c700-45b4-880f-59cb7b9b9f25.svg" alt="GStraccini Bot - Pull Requests">
-     <img src="https://healthchecks.io/b/3/1e8724fa-8361-47d7-a4f6-901e8d4ff265.svg" alt="GStraccini Bot - Pushes">
-     <img src="https://healthchecks.io/b/3/4ef0ee6c-38f8-4c79-b9f7-049438bd39a9.svg" alt="GStraccini Bot - Repositories">
-      <img src="https://healthchecks.io/b/3/8303206b-2f4c-4300-ac64-5e9cd342c164.svg" alt="GStraccini Bot - Signature">
-    </ul>
+            <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/deploy.yml/badge.svg" alt="Deploy via FTP Badge">
+        </a>
+        <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/php-lint.yml">
+            <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/php-lint.yml/badge.svg" alt="PHP Linting Badge">
+        </a>
+        <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/json-yaml-lint.yml">
+            <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/json-yaml-lint.yml/badge.svg" alt="JSON/YAML Validation Badge">
+        </a>
+        <a href="https://github.com/guibranco/gstraccini-bot/actions/workflows/shell-cheker.yml">
+            <img src="https://github.com/guibranco/gstraccini-bot/actions/workflows/shell-cheker.yml/badge.svg" alt="Shell Checker Badge">
+        </a>
+        <!-- GitHub Actions Badge -->
+        <img src="https://healthchecks.io/b/3/82d0dec5-3ec1-41cc-8a35-ef1da42899e5.svg" alt="GStraccini Bot - Branches">
+        <img src="https://healthchecks.io/b/3/31b38cb0-f8bd-42b1-b662-d5905b22cd94.svg" alt="GStraccini Bot - Comments">
+        <img src="https://healthchecks.io/b/3/05666a6b-d35f-4cb8-abc8-25584cc9029b.svg" alt="GStraccini Bot - Issues">
+        <img src="https://healthchecks.io/b/3/05c48393-c700-45b4-880f-59cb7b9b9f25.svg" alt="GStraccini Bot - Pull Requests">
+        <img src="https://healthchecks.io/b/3/1e8724fa-8361-47d7-a4f6-901e8d4ff265.svg" alt="GStraccini Bot - Pushes">
+        <img src="https://healthchecks.io/b/3/4ef0ee6c-38f8-4c79-b9f7-049438bd39a9.svg" alt="GStraccini Bot - Repositories">
+        <img src="https://healthchecks.io/b/3/8303206b-2f4c-4300-ac64-5e9cd342c164.svg" alt="GStraccini Bot - Signature">
     </div>
 
     <table class="status-table">