engineering
/
Staff-Dashboard
4
0
Fork 2
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Compare commits

base: engineering:53c315974d5ff8bfb99731a6ee6b42978c91968a
Branches Tags
engineering:main
..
compare: engineering:ed44e656388d672cde9b03e44c4c83fdde7463cf
Branches Tags
engineering:main

No commits in common. "53c315974d5ff8bfb99731a6ee6b42978c91968a" and "ed44e656388d672cde9b03e44c4c83fdde7463cf" have entirely different histories.
53c315974d ... ed44e65638

1 changed files with 176 additions and 176 deletions
Show Stats Expand all files Collapse all files

352
index.html
View File

@ -1,176 +1,176 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Staff Dashboard</title> <title>Staff Dashboard</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
<div class="bento-box"> <div class="bento-box">
<a href="https://libraryofcode.org/" class="bento-item large"> <a href="https://libraryofcode.org/" class="bento-item large">
<img src="https://static.libraryofcode.org/library_of_code_redeg.png" alt="Library Of Code" class="logo"> <img src="https://static.libraryofcode.org/library_of_code_redeg.png" alt="Library Of Code" class="logo">
</a> </a>
<a href="https://time.libraryofcode.org/" class="bento-item large"> <a href="https://time.libraryofcode.org/" class="bento-item large">
<!--<img src="logos/tts.png" alt="Time Tracking" class="logo">--> <!--<img src="logos/tts.png" alt="Time Tracking" class="logo">-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<title>Time Tracking</title> <title>Time Tracking</title>
<!-- Outer Circle (Clock shape) --> <!-- Outer Circle (Clock shape) -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="4" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="4" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Clock Hands --> <!-- Clock Hands -->
<line x1="50" y1="50" x2="50" y2="20" stroke="#333" stroke-width="3" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <line x1="50" y1="50" x2="50" y2="20" stroke="#333" stroke-width="3" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line>
<line x1="50" y1="50" x2="75" y2="50" stroke="#333" stroke-width="3" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <line x1="50" y1="50" x2="75" y2="50" stroke="#333" stroke-width="3" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line>
<!-- Curly Braces (Code symbol) --> <!-- Curly Braces (Code symbol) -->
<text x="15" y="55" font-size="30" font-family="monospace" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">{</text> <text x="15" y="55" font-size="30" font-family="monospace" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">{</text>
<text x="70" y="55" font-size="30" font-family="monospace" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">}</text> <text x="70" y="55" font-size="30" font-family="monospace" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">}</text>
<!-- Service Name (Library of Code) --> <!-- Service Name (Library of Code) -->
<text x="50%" y="75" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50%" y="75" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
Time Tracking Time tracking
</text></svg> </text></svg>
</a> </a>
<a href="https://inbox.libraryofcode.org/" class="bento-item large"> <a href="https://inbox.libraryofcode.org/" class="bento-item large">
<title>Web Mail</title> <title>Web Mail</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Envelope Icon (Webmail symbol) --> <!-- Envelope Icon (Webmail symbol) -->
<rect x="30" y="35" width="40" height="25" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect> <rect x="30" y="35" width="40" height="25" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect>
<polyline points="30,35 50,50 70,35" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></polyline> <polyline points="30,35 50,50 70,35" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></polyline>
<!-- Workflow Arrows --> <!-- Workflow Arrows -->
<path d="M35 65 L50 75 L65 65" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></path> <path d="M35 65 L50 75 L65 65" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></path>
<line x1="50" y1="55" x2="50" y2="75" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <line x1="50" y1="55" x2="50" y2="75" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line>
<!-- Service Name (Optional) --> <!-- Service Name (Optional) -->
<text x="50%" y="85" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50%" y="85" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
Web Mail Web Mail
</text> </text>
</svg> </svg>
</a> </a>
<a href="https://hr.libraryofcode.org/" class="bento-item large"> <a href="https://hr.libraryofcode.org/" class="bento-item large">
<title>Human Resources</title> <title>Human Resources</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Abstract Person Icon (HR symbol) --> <!-- Abstract Person Icon (HR symbol) -->
<circle cx="50" cy="35" r="8" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></circle> <!-- Head --> <circle cx="50" cy="35" r="8" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></circle> <!-- Head -->
<path d="M50 43 L40 60 L60 60 Z" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #1c2020;"></path> <!-- Body --> <path d="M50 43 L40 60 L60 60 Z" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #1c2020;"></path> <!-- Body -->
<!-- Briefcase (Business/HR symbol) --> <!-- Briefcase (Business/HR symbol) -->
<rect x="38" y="60" width="24" height="12" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect> <rect x="38" y="60" width="24" height="12" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect>
<line x1="43" y1="60" x2="43" y2="72" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <line x1="43" y1="60" x2="43" y2="72" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line>
<line x1="57" y1="60" x2="57" y2="72" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <line x1="57" y1="60" x2="57" y2="72" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line>
<rect x="47" y="56" width="6" height="4" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></rect> <!-- Handle --> <rect x="47" y="56" width="6" height="4" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></rect> <!-- Handle -->
<!-- Service Name (Optional) --> <!-- Service Name (Optional) -->
<text x="50%" y="83" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50%" y="83" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
HR HR
</text> </text>
</svg> </svg>
</a> </a>
<a href="https://skb.libraryofcode.org/" class="bento-item large"> <a href="https://skb.libraryofcode.org/" class="bento-item large">
<title>Staff Knowledge Base</title> <title>Staff Knowledge base</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Book Icon (Knowledge symbol) --> <!-- Book Icon (Knowledge symbol) -->
<rect x="30" y="35" width="40" height="30" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect> <rect x="30" y="35" width="40" height="30" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect>
<line x1="50" y1="35" x2="50" y2="65" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Book spine --> <line x1="50" y1="35" x2="50" y2="65" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Book spine -->
<line x1="30" y1="40" x2="50" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page --> <line x1="30" y1="40" x2="50" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page -->
<line x1="50" y1="40" x2="70" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page --> <line x1="50" y1="40" x2="70" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page -->
<!-- Information Icon (i symbol) --> <!-- Information Icon (i symbol) -->
<circle cx="50" cy="25" r="4" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></circle> <circle cx="50" cy="25" r="4" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></circle>
<rect x="48" y="29" width="4" height="10" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></rect> <rect x="48" y="29" width="4" height="10" fill="#333" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"></rect>
<!-- Centered Service Name --> <!-- Centered Service Name -->
<text x="50" y="82" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50" y="82" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
Staff Knowledge Base Staff wiki
</text> </text>
</svg> </svg>
</a> </a>
<a href="https://git.libraryofcode.org/" class="bento-item"> <a href="https://git.libraryofcode.org/" class="bento-item">
<title>Gitea</title> <title>Gitea</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Code Tags with "Gitea" --> <!-- Code Tags with "Gitea" -->
<text x="50%" y="55" font-size="16" font-family="monospace" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50%" y="55" font-size="16" font-family="monospace" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
&lt;/Gitea&gt; &lt;/Gitea&gt;
</text> </text>
</svg> </svg>
</a> </a>
<a href="https://lists.libraryofcode.org/" class="bento-item"> <a href="https://lists.libraryofcode.org/" class="bento-item">
<title>Mailing Lists</title> <title>Mailing lists</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Envelope Icon --> <!-- Envelope Icon -->
<rect x="30" y="35" width="40" height="25" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect> <rect x="30" y="35" width="40" height="25" fill="none" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></rect>
<polyline points="30,35 50,50 70,35" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></polyline> <!-- Envelope flap --> <polyline points="30,35 50,50 70,35" stroke="#333" stroke-width="2" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></polyline> <!-- Envelope flap -->
<!-- Mailing List Text --> <!-- Mailing List Text -->
<text x="50%" y="74" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50%" y="74" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
Mailing Lists Mailing Lists
</text> </text>
</svg> </svg>
</a> </a>
<a href="https://status.libraryofcode.org" class="bento-item"> <a href="https://manage.statuspage.io/" class="bento-item">
<title>Status Page</title> <title>Status page</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Status Page Text in Green --> <!-- Status Page Text in Green -->
<text x="61.5%" y="55" font-size="11" font-family="Arial" fill="green" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #56bf56;"> <text x="61.5%" y="55" font-size="11" font-family="Arial" fill="green" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #56bf56;">
Status Page Status Page
</text> </text>
<!-- Green Status Dot moved to cx="20" cy="50" --> <!-- Green Status Dot moved to cx="20" cy="50" -->
<circle cx="20" cy="50" r="8" fill="green" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #56bf56;"></circle> <!-- Status Dot --> <circle cx="20" cy="50" r="8" fill="green" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #56bf56;"></circle> <!-- Status Dot -->
<!-- Checkmark moved to cx="20" cy="50" --> <!-- Checkmark moved to cx="20" cy="50" -->
<path d="M15 50 L20 55 L25 45" stroke="white" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #aeadaa;"></path> <!-- Checkmark --> <path d="M15 50 L20 55 L25 45" stroke="white" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #aeadaa;"></path> <!-- Checkmark -->
</svg> </svg>
</a> </a>
<a href="https://wiki.libraryofcode.org/" class="bento-item"> <a href="https://wiki.libraryofcode.org/" class="bento-item">
<title>Public Knowledge Base</title> <title>Public Knowledge base</title>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
<!-- Outer Circle --> <!-- Outer Circle -->
<circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle> <circle cx="50" cy="50" r="45" stroke="#333" stroke-width="3" fill="none" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #96928d;"></circle>
<!-- Book Icon (Knowledge symbol) --> <!-- Book Icon (Knowledge symbol) -->
<rect x="30" y="35" width="40" height="30" fill="#4CAF50" stroke="#333" stroke-width="2" data-darkreader-inline-fill="" data-darkreader-inline-stroke="" style="--darkreader-inline-fill: #2e6930; --darkreader-inline-stroke: #96928d;"></rect> <!-- Green Book Cover --> <rect x="30" y="35" width="40" height="30" fill="#4CAF50" stroke="#333" stroke-width="2" data-darkreader-inline-fill="" data-darkreader-inline-stroke="" style="--darkreader-inline-fill: #2e6930; --darkreader-inline-stroke: #96928d;"></rect> <!-- Green Book Cover -->
<line x1="50" y1="35" x2="50" y2="65" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Book spine --> <line x1="50" y1="35" x2="50" y2="65" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Book spine -->
<line x1="30" y1="40" x2="50" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page --> <line x1="30" y1="40" x2="50" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page -->
<line x1="50" y1="40" x2="70" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page --> <line x1="50" y1="40" x2="70" y2="40" stroke="#333" stroke-width="2" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: #5c564c;"></line> <!-- Top page -->
<!-- Lock Icon (symbolizing internal access) --> <!-- Lock Icon (symbolizing internal access) -->
<rect x="44" y="25" width="12" height="8" fill="#FFC107" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #bf9516;"></rect> <!-- Yellow lock body --> <rect x="44" y="25" width="12" height="8" fill="#FFC107" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #bf9516;"></rect> <!-- Yellow lock body -->
<rect x="48" y="20" width="4" height="5" fill="#FFC107" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #bf9516;"></rect> <!-- Yellow lock shackle --> <rect x="48" y="20" width="4" height="5" fill="#FFC107" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #bf9516;"></rect> <!-- Yellow lock shackle -->
<!-- Centered Service Name --> <!-- Centered Service Name -->
<text x="50" y="80" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;"> <text x="50" y="80" font-size="10" font-family="Arial" fill="#333" text-anchor="middle" data-darkreader-inline-fill="" style="--darkreader-inline-fill: #96928d;">
Public Knowledge Base public Wiki
</text> </text>
</svg> </svg>
</a> </a>
<!-- Add as many more items as needed --> <!-- Add as many more items as needed -->
</div> </div>
</body> </body>
</html> </html>