diff --git a/baseTemplate/templates/baseTemplate/homePage.html b/baseTemplate/templates/baseTemplate/homePage.html index 12a73f6a5..125214b70 100755 --- a/baseTemplate/templates/baseTemplate/homePage.html +++ b/baseTemplate/templates/baseTemplate/homePage.html @@ -11,79 +11,95 @@ style=" max-width: 1200px; margin: 0 auto; - background: #f8f9fa; + background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; padding: 20px 20px 40px 20px; " >
-

- {% trans "Home" %} -

-

- {% trans "Use the tabs to navigate through the control panel." %} -

+ +
+
+ +
+

+ {% trans "Home" %} +

+

+ {% trans "Use the tabs to navigate through the control panel." %} +

+
-
+
- +
+ +
+
+
+ >🌐
{$ totalSites $} -
+
Total Sites +
+
+
-
- - - - + +
+ +
+
+
+ >πŸ“
{$ totalWPSites $} -
+
WordPress Sites +
+
+ - - - - - + +
+ +
+
+
+ >πŸ—„οΈ
{$ totalDBs $}
Total Databases
- - - + + +
+ +
+
+
+ >πŸ“§
{$ totalEmails $}
Total Emails
- + + {% if admin %} -
-
+
+
-
-
{% trans "CPU Usage" %}
+
+
{% trans "CPU Usage" %}
- {$ cpuUsage $}% -
-
-
-
-
-
-
- -
-
{% trans "Ram Usage" %}
-
-
- {$ ramUsage $}% -
-
-
-
-
-
-
- -
-
{% trans "Disk Usage '/'" %}
-
-
- {$ diskUsage $}% -
-
-
-
-
-
-
+ {$ cpuUsage $}% +
+
+
+
+
+ +
+
{% trans "Ram Usage" %}
+
+
+ {$ ramUsage $}% +
+
+
+
+
+
+
+ +
+
{% trans "Disk Usage '/'" %}
+
+
+ {$ diskUsage $}% +
+
+
+
+
+
+
+
+
{% endif %}
- -
+ +
  • @@ -387,19 +431,20 @@ class="graph-tab active" style=" display: block; - padding: 12px 25px; + padding: 15px 30px; background: #fff; color: #4c5fad; - border-radius: 6px; + border-radius: 10px; text-decoration: none; - font-weight: 600; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + font-weight: 700; + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-transform: uppercase; - letter-spacing: 0.5px; - font-size: 0.85rem; + letter-spacing: 0.8px; + font-size: 0.9rem; + box-shadow: 0 4px 15px rgba(255,255,255,0.3); " > - Traffic + πŸ“Š Traffic
  • @@ -410,19 +455,19 @@ class="graph-tab" style=" display: block; - padding: 12px 25px; + padding: 15px 30px; background: transparent; - color: rgba(255, 255, 255, 0.8); - border-radius: 6px; + color: rgba(255, 255, 255, 0.9); + border-radius: 10px; text-decoration: none; - font-weight: 600; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + font-weight: 700; + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-transform: uppercase; - letter-spacing: 0.5px; - font-size: 0.85rem; + letter-spacing: 0.8px; + font-size: 0.9rem; " > - Disk IO + πŸ’Ύ Disk IO
  • @@ -433,33 +478,34 @@ class="graph-tab" style=" display: block; - padding: 12px 25px; + padding: 15px 30px; background: transparent; - color: rgba(255, 255, 255, 0.8); - border-radius: 6px; + color: rgba(255, 255, 255, 0.9); + border-radius: 10px; text-decoration: none; - font-weight: 600; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + font-weight: 700; + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-transform: uppercase; - letter-spacing: 0.5px; - font-size: 0.85rem; + letter-spacing: 0.8px; + font-size: 0.9rem; " > - CPU Usage + πŸ–₯️ CPU Usage
-
+
- +
-
+ - + {% if admin %} -
- -
-
-
Recent SSH Logins
- +
+ +
+
+
+ πŸ” Recent SSH Logins +
+
-
Loading...
-
{$ errorSSHLogins $}
-
No recent SSH logins found.
-
- +
Loading...
+
{$ errorSSHLogins $}
+
No recent SSH logins found.
+
+
- - - - - - + + + + + + - - - - + + + - - + +
UserIPCountryDateSession
UserIPCountryDateSession
{$ login.user $}{$ login.ip $} - {$ login.country $} - {$ login.country $} +
- -
-
-
Recent SSH Logs
- + +
+
+
+ πŸ“‹ Recent SSH Logs +
+
-
Loading...
-
{$ errorSSHLogs $}
-
No recent SSH logs found.
-
- +
Loading...
+
{$ errorSSHLogs $}
+
No recent SSH logs found.
+
+
- - - + + + - - - + + +
TimestampMessage
TimestampMessage
{$ log.timestamp $}{$ log.message $}
{$ log.timestamp $}{$ log.message $}
@@ -557,64 +621,77 @@ @@ -933,7 +1100,7 @@ tabs.forEach(function (t) { t.classList.remove('active'); t.style.background = 'transparent'; - t.style.color = 'rgba(255,255,255,0.8)'; + t.style.color = 'rgba(255,255,255,0.9)'; t.style.transform = 'translateY(0)'; t.style.boxShadow = 'none'; }); @@ -948,6 +1115,7 @@ this.style.background = '#fff'; this.style.color = '#4c5fad'; this.style.transform = 'translateY(-2px)'; + this.style.boxShadow = '0 6px 20px rgba(255,255,255,0.3)'; // Show corresponding pane var target = this.getAttribute('href');