]> jfr.im git - irc/unrealircd/unrealircd-webpanel.git/commitdiff
Add some styling, convert PHP'd HTML to HTML'd PHP
authorValerie Pond <redacted>
Sat, 31 Dec 2022 02:32:12 +0000 (02:32 +0000)
committerValerie Pond <redacted>
Sat, 31 Dec 2022 02:32:12 +0000 (02:32 +0000)
css/unrealircd-admin.css
img/index.php [new file with mode: 0644]
img/linen.png [new file with mode: 0644]
index.php

index 5aa44b65aa3b6e5d00b16e99ac73daf98b342ab9..a8e1985ec080d51237a426dab068c97e0c2194cf 100644 (file)
@@ -3,23 +3,60 @@
     border-collapse: collapse;
     border-radius: 15px;
     width: 25%;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+.unrealircd_overview thead {
+    background-color: #4e50c2;
+    color: #ffffff;
+    text-align: left;
+}
+
+table {
+    border-collapse: collapse;
+    margin: 25px 0;
+    font-size: 0.9em;
+    font-family: sans-serif;
+    min-width: 400px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }
 
 td,
 th {
-    border: 1px solid #000;
     text-align: left;
     padding: 8px;
 }
 
+th:first-of-type {
+    border-top-left-radius: 10px;
+    color: white;
+    background-color: #4B86EE
+}
+
+th:last-of-type {
+    border-top-right-radius: 10px;
+    color: white;
+    background-color: #4B86EE
+}
+
+tr:last-of-type td:first-of-type {
+    border-bottom-left-radius: 10px;
+
+}
+
+tr:last-of-type td:last-of-type {
+    border-bottom-right-radius: 10px;
+}
+
 tr:nth-child(even) {
     background-color: #bec8d3;
 }
 
-* {
-    box-sizing: border-box;
+tr:nth-child(odd) {
+    background-color: whitesmoke;
 }
 
+
 .row {
     display: flex;
 }
@@ -52,7 +89,7 @@ tr:nth-child(even) {
 
 /* Add a color to the active/current link */
 .topnav a.active {
-    background-color: #4e50c2;
+    background-color: #4B86EE;
     color: white;
 }
 
@@ -71,4 +108,70 @@ tr:nth-child(even) {
 
 .tab:hover {
     background-color: #AAA;
+}
+
+#headerContainer,
+#headerTitle {
+    background-color: #4B86EE;
+    height: 62px;
+    margin-top: -10px;
+    padding: 10px 25px;
+    position: relative;
+}
+
+#headerContainer {
+    margin-left: -15px;
+    z-index: 10;
+
+    -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
+}
+
+#headerContainer:before {
+    border-color: #034FD5 transparent;
+    border-style: solid;
+    border-width: 1em 0 0 1em;
+    bottom: -1em;
+    content: '';
+    display: block;
+    left: 0;
+    position: absolute;
+}
+
+#headerContainer h2,
+#headerContainer h2 small {
+    color: white !important;
+    margin-bottom: 0px;
+}
+
+#headerContainer h2 small {
+    font-weight: lighter;
+}
+
+#headerTitle {
+    background-color: white;
+    margin-right: 15px;
+    z-index: 9;
+}
+
+#headerTitle h2 {
+    line-height: 1.5;
+    margin-bottom: 0px;
+}
+
+#headerTitle h2 i {
+    color: #f2f2f2;
+    font-size: 80px;
+    position: absolute;
+    right: 0;
+    top: -30px;
+    z-index: -1;
+}
+
+#headerTitle h2 small {
+    color: #bbb;
+}
+
+body {
+    background-image: url("/img/linen.png");
 }
\ No newline at end of file
diff --git a/img/index.php b/img/index.php
new file mode 100644 (file)
index 0000000..5d01148
--- /dev/null
@@ -0,0 +1,3 @@
+<?php
+
+// Silence is golden or something idk I'm not a goldsmith
\ No newline at end of file
diff --git a/img/linen.png b/img/linen.png
new file mode 100644 (file)
index 0000000..2f9f1ad
Binary files /dev/null and b/img/linen.png differ
index 9108bcfe8b3f15da730d9667a8bdbb589bb599f4..6d363f31d8d6342ec0f0580dd36507068f8f5e6c 100644 (file)
--- a/index.php
+++ b/index.php
@@ -1,3 +1,8 @@
+<link href="/css/unrealircd-admin.css" rel="stylesheet">
+<body>
+<div id="headerContainer">
+<h2>UnrealIRCd <small>Administration Panel</small></h2><br>
+</div>
 <script src="js/unrealircd-admin.js" defer></script>
 <div class="topnav">
   <a data-tab-target="#overview" class="active" href="#overview">Overview</a>
@@ -23,19 +28,34 @@ define('UPATH', true);
 include "Classes/class-rpc.php";
 
 rpc_pop_lists();
-echo "
-<link href=\"/css/unrealircd-admin.css\" rel=\"stylesheet\">
-<h1>UnrealIRCd</h1>
-<div class=\"tab-content\">
-<div id=\"overview\" data-tab-content class=\"active\">
-    <h2>IRC Overview Panel</h2>
-    <table class='unrealircd_overview'>
-        <tr><td>Users</td><td>".count(RPC_List::$user)."</td></tr>
-        <tr><td>Opers</td><td>".RPC_List::$opercount."</td></tr>
-        <tr><td>Services</td><td>".RPC_List::$services_count."</td></tr>
-        <tr><td>Most popular channel</td><td>".RPC_List::$most_populated_channel." (".RPC_List::$channel_pop_count." users)</td></tr>
-        <tr><td>Channels</td><td>".count(RPC_List::$channel)."</td></tr>
-        <tr><td>Server bans</td><td>".count(RPC_List::$tkl)."</td></tr>
-        <tr><td>Spamfilter entries</td><td>".count(RPC_List::$spamfilter)."</td></tr>
-    </table></div></div>";
 ?>
+
+<div class="tab-content\">
+<div id="overview" data-tab-content class="active">
+    <table class='unrealircd_overview'>
+    <th>Chat Overview</th><th></th>
+        <tr><td><b>Users</b></td><td><?php echo count(RPC_List::$user); ?></td></tr>
+        <tr><td><b>Opers</b></td><td><?php echo RPC_List::$opercount; ?></td></tr>
+        <tr><td><b>Services</b></td><td><?php echo RPC_List::$services_count; ?></td></tr>
+        <tr><td><b>Most popular channel</b></td><td><?php echo RPC_List::$most_populated_channel; ?> (<?php echo RPC_List::$channel_pop_count; ?> users)</td></tr>
+        <tr><td><b>Channels</b></td><td><?php echo count(RPC_List::$channel); ?></td></tr>
+        <tr><td><b>Server bans</b></td><td><?php echo count(RPC_List::$tkl); ?></td></tr>
+        <tr><td><b>Spamfilter entries</b></td><td><?php echo count(RPC_List::$spamfilter); ?></td></tr></th>
+    </table></div></div>
+
+<div class="tab-content\">
+<div id="users" data-tab-content>
+    <h2>Users Overview Panel</h2>
+    <table class='unrealircd_overview'>
+    <th>
+    <tr>
+      <td>
+      </td>
+    </tr>
+</th>
+    <tbody>
+
+    </tbody>
+    </table></div></div>
+
+</body>
\ No newline at end of file