GMMC/MediaServer
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web Design Update

Browse Source
This commit is contained in:
default
2026-05-10 18:22:19 +00:00
parent 131dec501a
commit 8d9d29cff1
4 changed files with 121 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/image.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

templates/index.html
+28 -12
View File
@@ -32,11 +32,10 @@
body {
font-family: 'VT323', monospace;
background-color: var(--mc-bg);
background-image:
linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a),
linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
background-image: url('/image.png');
background-size: cover;
background-position: center;
background-attachment: fixed;
color: var(--mc-text);
margin: 0;
padding: 24px;
@@ -48,6 +47,11 @@
.container {
max-width: 900px;
margin: 0 auto;
background: rgba(17, 17, 17, 0.85);
padding: 2rem;
border: 4px solid #000;
box-shadow: inset 4px 4px 0px rgba(255, 255, 255, 0.15), inset -4px -4px 0px rgba(0, 0, 0, 0.6);
backdrop-filter: blur(2px);
}
h1 {
@@ -63,6 +67,16 @@
letter-spacing: 2px;
}
a {
color: var(--mc-gold);
text-decoration: none;
text-shadow: var(--mc-text-shadow);
}
a:hover {
color: var(--mc-green);
}
/* Stats Grid - Inventory Style */
.stats {
display: grid;
@@ -72,10 +86,10 @@
}
.stat-card {
background: #212121;
background: rgba(33, 33, 33, 0.9);
padding: 1rem;
border: 2px solid #555;
box-shadow: inset 2px 2px 0px #000, inset -2px -2px 0px #333;
border: 2px solid #000;
box-shadow: inset 2px 2px 0px #444, inset -2px -2px 0px #111;
display: flex;
flex-direction: column;
align-items: center;
@@ -115,8 +129,9 @@
}
.file-item {
background: rgba(0, 0, 0, 0.5);
border: 2px solid #555;
background: rgba(20, 20, 20, 0.9);
border: 2px solid #000;
box-shadow: inset 2px 2px 0px #3a3a3a, inset -2px -2px 0px #0a0a0a;
padding: 1rem;
display: grid;
grid-template-columns: 1fr auto;
@@ -126,8 +141,9 @@
}
.file-item:hover {
background: rgba(0, 0, 0, 0.7);
border-color: #777;
background: rgba(30, 30, 30, 0.95);
border-color: #555;
box-shadow: inset 2px 2px 0px #4a4a4a, inset -2px -2px 0px #1a1a1a;
}
/* 1. Name */