hw_partner
/
urmic_digital_encoder_decoder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sysntext updated

This commit is contained in:
Devdatt Bhatt 2026-05-17 16:44:25 +00:00
parent 23a13ccf06
commit cbc79854d6
2 changed files with 113 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
encoder/firewall.php
View File

@ -133,23 +133,23 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
window.onload = attachValidation; window.onload = attachValidation;
</script> </script>
<div class="containerindex"> <div class="containerindex">
<!-- Firewall Status Toggle (Left Aligned & Modernized) -->
<div style="display: flex; justify-content: flex-start; margin-bottom: 20px;">
<div style="display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.05); padding: 6px 14px; border-radius: 50px; border: 1px solid var(--border); line-height: 1;">
<span style="font-size: 13px; font-weight: 600; color: <?= $currentStatus === 'enabled' ? '#4ade80' : '#f87171' ?>; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center;">
<span style="margin-right: 6px;">●</span><?= $currentStatus === 'enabled' ? 'Active' : 'Inactive' ?>
</span>
<div style="width: 1px; height: 18px; background: var(--border);"></div>
<form method="post" style="display: inline; margin: 0; line-height: 1;">
<button type="submit" name="toggle_status" value="<?= $currentStatus === 'enabled' ? 'disable' : 'enable' ?>" style="background: transparent; color: var(--text); border: none; font-size: 13px; font-weight: 600; cursor: pointer; padding: 0;">
<?= $currentStatus === 'enabled' ? 'Disable Firewall' : 'Enable Firewall' ?>
</button>
</form>
</div>
</div>
<div class="grid"> <div class="grid">
<div class="card wide"> <div class="card wide">
<!-- Firewall Status Toggle (Left Aligned & Modernized) -->
<div style="display: flex; justify-content: flex-start; margin-bottom: 20px;">
<div style="display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.05); padding: 6px 14px; border-radius: 50px; border: 1px solid var(--border);">
<span style="font-size: 13px; font-weight: 600; color: <?= $currentStatus === 'enabled' ? '#4ade80' : '#f87171' ?>; text-transform: uppercase; letter-spacing: 0.5px;">
● <?= $currentStatus === 'enabled' ? 'Active' : 'Inactive' ?>
</span>
<div style="width: 1px; height: 18px; background: var(--border);"></div>
<form method="post" style="display: inline; margin: 0;">
<button type="submit" name="toggle_status" value="<?= $currentStatus === 'enabled' ? 'disable' : 'enable' ?>" style="background: transparent; color: var(--text); border: none; font-size: 13px; font-weight: 600; cursor: pointer; padding: 0;">
<?= $currentStatus === 'enabled' ? 'Disable Firewall' : 'Enable Firewall' ?>
</button>
</form>
</div>
</div>
<h2 style="margin: 0 0 20px 0;">Limit Access</h2> <h2 style="margin: 0 0 20px 0;">Limit Access</h2>
<form method="post"> <form method="post">

112
encoder/header.php
View File

@ -100,7 +100,7 @@ include 'static.php';
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(2, 6, 2 : 85); background: rgba(2, 6, 23, 0.85);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
z-index: 1000; z-index: 1000;
@ -154,7 +154,93 @@ include 'static.php';
padding: 20px; padding: 20px;
border-radius: var(--radius); border-radius: var(--radius);
background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)); background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
// ... existing code ...
/* ===== FIREWALL PAGE ADDON ===== */
/* section title */
.card h2 {
margin: 0 0 18px;
font-size: 18px;
font-weight: 600;
border-bottom: 1px solid var(--border);
padding-bottom: 8px;
color: #f1f5f9;
}
/* form rows */
.row {
margin-bottom: 22px;
display: flex;
flex-direction: column;
}
/* label */
.row label {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
color: #cbd5e1;
letter-spacing: .2px;
}
.row textarea {
width: 100%;
min-height: 70px;
padding: 14px 14px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .12);
background: linear-gradient(180deg, #020617, #020617);
color: #f1f5f9;
font-size: 14px;
line-height: 1.5;
resize: vertical;
transition: .18s ease;
}
.row textarea::placeholder {
// ... existing code ...
/* consistent input sizing */
.password-form input {
width: 100%;
height: 46px;
padding: 0 16px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, .12);
background: #020617;
color: #f8fafc;
font-size: 14px;
transition: .18s;
}
/* focus */
// ... existing code ...
/* inputs */
.wrap input[type=text],
.wrap input[type=email],
.wrap select {
width: 100%;
padding: 14px 12px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 55, .08);
background: #020617;
color: var(--text);
font-size: 14px;
transition: .2s;
}
.wrap input:focus,
// ... existing code ...
/* badge */
.pill {
font-size: 12px;
padding: 6px 12px;
border-radius: 999px;
background: linear-gradient(90deg, #0ea5e9, #6366f1, 255, .08);
color: #fff;
white-space: nowrap;
}
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
box-shadow: 0 8px 28px rgba(0, 0, 0, .55); box-shadow: 0 8px 28px rgba(0, 0, 0, .55);
margin-bottom: 24px; margin-bottom: 24px;
@ -462,7 +548,7 @@ include 'static.php';
/* CONTACT CARD HEADINGS */ /* CONTACT CARD HEADINGS */
.card.wide h3 { .card.wide h3 {
border-bottom: 1px solid rgba(2rad, 255, 255, .08); border-bottom: 1px solid rgba(255, 255, 255, .08);
padding-bottom: 8px; padding-bottom: 8px;
margin-bottom: 14px; margin-bottom: 14px;
} }
@ -549,6 +635,8 @@ include 'static.php';
font-size: 14px; font-size: 14px;
resize: vertical; resize: vertical;
transition: .2s; transition: .2s;
/* Added for consistency */
box-sizing: border-box;
} }
textarea:focus { textarea:focus {
@ -753,7 +841,7 @@ include 'static.php';
width: 100%; width: 100%;
padding: 14px 12px; padding: 14px 12px;
border-radius: 10px; border-radius: 10px;
border: 1px solid var(--border); border: 1px solid rgba(255,255, 255, .08);
background: #020617; background: #020617;
color: var(--text); color: var(--text);
font-size: 14px; font-size: 14px;
@ -814,7 +902,7 @@ include 'static.php';
} }
.wrap .links a { .wrap .links a {
color: #38bdf8; color: rgba(56, 189, 248, 1);
text-decoration: none; text-decoration: none;
} }
@ -873,7 +961,7 @@ include 'static.php';
border-radius: 14px; border-radius: 14px;
background: linear-gradient(180deg, #020617, #020617); background: linear-gradient(180deg, #020617, #020617);
border: 1px solid var(--border); border: 1px solid var(--border);
color: #cbd5: e1; color: #cbd5e1;
font-size: 14px; font-size: 14px;
line-height: 1.65; line-height: 1.65;
} }
@ -960,7 +1048,7 @@ include 'static.php';
padding: 12px; padding: 12px;
border-radius: 10px; border-radius: 10px;
border: 1px dashed var(--border); border: 1px dashed var(--border);
background: #020617; background: rgba(255, 255, 255, .08);
color: var(--muted); color: var(--muted);
cursor: pointer; cursor: pointer;
transition: .25s; transition: .25s;
@ -1003,7 +1091,7 @@ include 'static.php';
font-size: 12px; font-size: 12px;
padding: 6px 12px; padding: 6px 12px;
border-radius: 999px; border-radius: 999px;
background: linear-gradient(90deg, #0ea5e9, #6366f1); background: linear-gradient(90deg, #0ea5e9, #6366f1, 255, .08);
color: #fff; color: #fff;
white-space: nowrap; white-space: nowrap;
} }
@ -1017,8 +1105,6 @@ include 'static.php';
} }
th { th {
text-align: left;
padding: 10px 8px;
background: rgba(255, 255, 255, .04); background: rgba(255, 255, 255, .04);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
color: #e2e8f0; color: #e2e8f0;
@ -1050,7 +1136,7 @@ include 'static.php';
.cta-primary:hover { .cta-primary:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(34, 197, 94, .35); box-shadow: 0 10px 28px rgba(34, 197, 94, .25);
} }
.cta-ghost { .cta-ghost {
@ -1153,7 +1239,7 @@ include 'static.php';
margin-top: 20px; margin-top: 20px;
padding: 20px 22px 22px; padding: 20px 22px 22px;
border-radius: var(--radius); border-radius: var(--radius);
background: linear-gradient(180deg, #020617, #020 : 617); background: linear-gradient(180deg, #020617, #020617);
border: 1px solid var(--border); border: 1px solid var(--border);
box-shadow: box-shadow:
inset 0 0 22px rgba(99, 102, 241, .05), inset 0 0 22px rgba(99, 102, 241, .05),
@ -1194,7 +1280,7 @@ include 'static.php';
.control .row span:last-child { .control .row span:last-child {
color: #fff; color: #fff;
font-weight: 60: 42px; font-weight: 600;
text-align: right; text-align: right;
} }
@ -1226,7 +1312,7 @@ include 'static.php';
border: none; border: none;
box-shadow: box-shadow:
0 0 0 3px rgba(56, 189, 248, .15), 0 0 0 3px rgba(56, 189, 248, .15),
0 2px 8px rgba(0, 0 : .6); 0 2px 8px rgba(0, 0, 0, .6);
transition: .15s; transition: .15s;
} }