Add beautiful HTML landing page to element-web-docs setup
- Create index.html with styled setup guide and download links - Update init-container to copy index.html to nginx - Configure nginx to serve index.html as default for /docs/setup/ - Remove directory listing (autoindex), show proper HTML instead Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Scrublord MacBad
parent
c85dd39eba
commit
4a95350c72
@ -4,6 +4,205 @@ metadata:
|
|||||||
name: ess-element-web-docs
|
name: ess-element-web-docs
|
||||||
namespace: matrix
|
namespace: matrix
|
||||||
data:
|
data:
|
||||||
|
# HTML Index Page
|
||||||
|
"index.html": |
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Element Desktop Setup - aXion1337.Chat</title>
|
||||||
|
<style>
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 2.5em;
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.section {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.section h2 {
|
||||||
|
color: #667eea;
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-bottom: 3px solid #667eea;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
.download-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.download-card {
|
||||||
|
background: #f8f9fa;
|
||||||
|
border: 2px solid #e9ecef;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.download-card:hover {
|
||||||
|
border-color: #667eea;
|
||||||
|
background: #f0f3ff;
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
|
||||||
|
}
|
||||||
|
.download-card .icon {
|
||||||
|
font-size: 2.5em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.download-card .name {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.download-card .desc {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.themes {
|
||||||
|
background: #f8f9fa;
|
||||||
|
border-left: 4px solid #667eea;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.themes h3 {
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.theme-list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.theme-item {
|
||||||
|
background: white;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
color: #667eea;
|
||||||
|
font-weight: 500;
|
||||||
|
border: 1px solid #667eea;
|
||||||
|
}
|
||||||
|
.instructions {
|
||||||
|
background: #e7f3ff;
|
||||||
|
border-left: 4px solid #0066cc;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 15px 0;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.instructions code {
|
||||||
|
background: #f0f0f0;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
.support {
|
||||||
|
text-align: center;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 40px;
|
||||||
|
padding-top: 20px;
|
||||||
|
border-top: 1px solid #e9ecef;
|
||||||
|
}
|
||||||
|
.support a {
|
||||||
|
color: #667eea;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.support a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1>🎨 Element Desktop Setup</h1>
|
||||||
|
<p class="subtitle">Automatische Konfiguration mit Custom Themes für aXion1337.Chat</p>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2>📥 Download Setup-Script</h2>
|
||||||
|
<div class="download-grid">
|
||||||
|
<a href="element-setup-windows.cmd" class="download-card" download>
|
||||||
|
<div class="icon">🪟</div>
|
||||||
|
<div class="name">Windows</div>
|
||||||
|
<div class="desc">.cmd Datei</div>
|
||||||
|
</a>
|
||||||
|
<a href="element-setup-macos.command" class="download-card" download>
|
||||||
|
<div class="icon">🍎</div>
|
||||||
|
<div class="name">macOS</div>
|
||||||
|
<div class="desc">.command Datei</div>
|
||||||
|
</a>
|
||||||
|
<a href="element-setup-linux.sh" class="download-card" download>
|
||||||
|
<div class="icon">🐧</div>
|
||||||
|
<div class="name">Linux</div>
|
||||||
|
<div class="desc">.sh Datei</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="instructions">
|
||||||
|
<strong>Anleitung:</strong><br><br>
|
||||||
|
<strong>🪟 Windows:</strong> Datei herunterladen → Doppelklick → Script läuft automatisch<br><br>
|
||||||
|
<strong>🍎 macOS:</strong> Datei herunterladen → Doppelklick im Finder → Script läuft automatisch<br><br>
|
||||||
|
<strong>🐧 Linux:</strong><br>
|
||||||
|
<code>chmod +x element-setup-linux.sh</code><br>
|
||||||
|
<code>./element-setup-linux.sh</code>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2>🎨 Verfügbare Themes</h2>
|
||||||
|
<div class="themes">
|
||||||
|
<h3>Automatisch geladen in Element:</h3>
|
||||||
|
<div class="theme-list">
|
||||||
|
<div class="theme-item">aXion1337 Dark</div>
|
||||||
|
<div class="theme-item">Deep Purple</div>
|
||||||
|
<div class="theme-item">Discord Dark</div>
|
||||||
|
<div class="theme-item">Electric Blue</div>
|
||||||
|
<div class="theme-item">Everforest dark hard</div>
|
||||||
|
<div class="theme-item">Gruvbox Dark</div>
|
||||||
|
<div class="theme-item">Wal</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2>❓ Support</h2>
|
||||||
|
<p>Für weitere Hilfe besuche: <a href="https://element.io/help" target="_blank">element.io/help</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="support">
|
||||||
|
<p>Element wird automatisch installiert und konfiguriert.<br>
|
||||||
|
<small>Bei Fragen oder Problemen: <a href="https://element.io/help">Element Support</a></small></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
# README
|
# README
|
||||||
"README-Element-Setup.md": |
|
"README-Element-Setup.md": |
|
||||||
# Element Desktop Setup Scripts
|
# Element Desktop Setup Scripts
|
||||||
|
|||||||
@ -20,6 +20,7 @@ spec:
|
|||||||
args:
|
args:
|
||||||
- |
|
- |
|
||||||
mkdir -p /html/docs/setup
|
mkdir -p /html/docs/setup
|
||||||
|
cp /config/index.html /html/docs/setup/
|
||||||
cp /config/README-Element-Setup.md /html/docs/setup/
|
cp /config/README-Element-Setup.md /html/docs/setup/
|
||||||
cp /config/element-setup-windows.cmd /html/docs/setup/
|
cp /config/element-setup-windows.cmd /html/docs/setup/
|
||||||
cp /config/element-setup-macos.command /html/docs/setup/
|
cp /config/element-setup-macos.command /html/docs/setup/
|
||||||
@ -81,8 +82,8 @@ data:
|
|||||||
root /usr/share/nginx/html;
|
root /usr/share/nginx/html;
|
||||||
|
|
||||||
location /docs/setup/ {
|
location /docs/setup/ {
|
||||||
autoindex on;
|
index index.html;
|
||||||
add_header Content-Type application/octet-stream;
|
try_files $uri $uri/ =404;
|
||||||
}
|
}
|
||||||
|
|
||||||
location / {
|
location / {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user