Add terminal-style favicon (feathericon) and fix missing COPY in Dockerfile

This commit is contained in:
2026-09-07 09:51:47 +02:00
parent e41e2f928f
commit e7ea91211e
5 changed files with 19 additions and 4 deletions
+2 -2
View File
@@ -4,8 +4,8 @@ FROM nginx:1.27-alpine
# Install Node.js and cron for the data updater. # Install Node.js and cron for the data updater.
RUN apk add --no-cache nodejs dcron RUN apk add --no-cache nodejs dcron
# Copy site assets. # Copy site assets (favicon.svg included — index.html references it).
COPY index.html style.css script.js /usr/share/nginx/html/ COPY index.html style.css script.js favicon.svg favicon.png apple-touch-icon.png /usr/share/nginx/html/
COPY icons /usr/share/nginx/html/icons COPY icons /usr/share/nginx/html/icons
COPY nginx.conf /etc/nginx/conf.d/default.conf COPY nginx.conf /etc/nginx/conf.d/default.conf
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

+12
View File
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<!-- Terminal icon based on feathericon "terminal" (MIT, https://github.com/feathericon/feathericon) -->
<rect width="100" height="100" rx="22" fill="#ffffff"/>
<g transform="translate(14,14) scale(3)">
<!-- terminal window frame -->
<path fill="#161719" d="M4,4 L20,4 C21.1045695,4 22,4.8954305 22,6 L22,18 C22,19.1045695 21.1045695,20 20,20 L4,20 C2.8954305,20 2,19.1045695 2,18 L2,6 C2,4.8954305 2.8954305,4 4,4 Z M4,6 L4,18 L20,18 L20,6 L4,6 Z"/>
<!-- prompt chevron -->
<path fill="#161719" d="M10.9852814,11.5710678 L7.44974747,15.1066017 L6.03553391,13.6923882 L8.15685425,11.5710678 L6.03553391,9.44974747 L7.44974747,8.03553391 L10.9852814,11.5710678 Z"/>
<!-- cursor -->
<path fill="#f76b2f" d="M12,14 L18,14 L18,16 L12,16 L12,14 Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 851 B

+5 -2
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="dark" /> <meta name="color-scheme" content="dark" />
<title>GG36</title> <title>GG36 ~/</title>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link
@@ -12,6 +12,9 @@
rel="stylesheet" rel="stylesheet"
/> />
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head> </head>
<body> <body>
<div class="bg-glow" aria-hidden="true"></div> <div class="bg-glow" aria-hidden="true"></div>
@@ -21,7 +24,7 @@
<div class="brand"> <div class="brand">
<div class="logo-dot" aria-hidden="true"></div> <div class="logo-dot" aria-hidden="true"></div>
<div class="brand-text"> <div class="brand-text">
<h1>GG36</h1> <h1>GG36 ~/</h1>
</div> </div>
</div> </div>
<div class="top-right"> <div class="top-right">