orbitalo/homelab-brain
1
0
Fork 0
Code Issues 37 Pull requests Projects Releases Packages Wiki Activity Actions

redax-wp: Cloudflare Tunnel live — redax.orbitalo.net

Browse source 
Made-with: Cursor
This commit is contained in:
root 2026-02-27 08:54:26 +07:00
parent 04ff2af99a
commit fefdf20a50
2 changed files with 43 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
redax-wp/STATE.md
View file

@ -21,7 +21,8 @@
| Was | URL |
|-----|-----|
| Dashboard | http://100.69.243.16:8080 |
| Dashboard | https://redax.orbitalo.net |
| Lokal | http://100.69.243.16:8080 |
| Login | admin / astral66 |
| Repo | git.orbitalo.net/orbitalo/redax-wp |
@ -105,5 +106,5 @@ docker-compose.yml
- [ ] WordPress-Ersteinrichtung + Yoast installieren
- [ ] .env mit echten Credentials befüllen (OpenRouter, Telegram)
- [ ] Cloudflare Tunnel für redax.orbitalo.net
- [x] Cloudflare Tunnel → https://redax.orbitalo.net
- [ ] Erste Feeds hinzufügen

62
redax-wp/src/templates/login.html
View file

@ -4,35 +4,53 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redax-WP — Login</title>
<link rel="stylesheet" href="/static/tailwind.min.css">
<style>body { background: #0f172a; color: #e2e8f0; }</style>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #0f172a; color: #e2e8f0; font-family: system-ui, sans-serif;
min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.box { width: 100%; max-width: 360px; padding: 0 1rem; }
.logo { text-align: center; margin-bottom: 2rem; }
.logo .icon { font-size: 3rem; }
.logo h1 { font-size: 1.5rem; font-weight: 700; color: #fff; margin-top: 0.5rem; }
.logo p { font-size: 0.875rem; color: #94a3b8; margin-top: 0.25rem; }
.card { background: #1e293b; border: 1px solid #334155; border-radius: 12px; padding: 1.5rem; }
.error { background: rgba(153,27,27,0.3); border: 1px solid #b91c1c; color: #fca5a5;
font-size: 0.875rem; padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; }
.field { margin-bottom: 1rem; }
label { display: block; font-size: 0.75rem; color: #94a3b8; margin-bottom: 0.375rem; }
input[type=text], input[type=password] {
width: 100%; background: #0f172a; border: 1px solid #475569; color: #e2e8f0;
border-radius: 8px; padding: 0.625rem 0.75rem; font-size: 0.875rem;
outline: none; transition: border-color .15s; }
input[type=text]:focus, input[type=password]:focus { border-color: #3b82f6; }
button[type=submit] {
width: 100%; background: #2563eb; color: #fff; border: none; border-radius: 8px;
padding: 0.625rem; font-size: 0.875rem; font-weight: 600; cursor: pointer;
margin-top: 0.5rem; transition: background .15s; }
button[type=submit]:hover { background: #1d4ed8; }
</style>
</head>
<body class="min-h-screen flex items-center justify-center">
<div class="w-full max-w-sm">
<div class="text-center mb-8">
<div class="text-5xl mb-3">📝</div>
<h1 class="text-2xl font-bold text-white">Redax-WP</h1>
<p class="text-slate-400 text-sm mt-1">KI-Redaktion für WordPress</p>
<body>
<div class="box">
<div class="logo">
<div class="icon">📝</div>
<h1>Redax-WP</h1>
<p>KI-Redaktion für WordPress</p>
</div>
<div class="bg-slate-800 border border-slate-700 rounded-xl p-6">
<div class="card">
<form method="POST">
{% if error %}
<div class="bg-red-900/40 border border-red-700 text-red-300 text-sm px-4 py-3 rounded-lg mb-4">{{ error }}</div>
<div class="error">{{ error }}</div>
{% endif %}
<div class="mb-4">
<label class="text-xs text-slate-400 block mb-1">Benutzername</label>
<input type="text" name="user" autofocus
class="w-full bg-slate-900 border border-slate-600 text-white rounded-lg px-3 py-2 text-sm focus:outline-none focus:border-blue-500">
<div class="field">
<label for="user">Benutzername</label>
<input type="text" id="user" name="user" autofocus autocomplete="username">
</div>
<div class="mb-6">
<label class="text-xs text-slate-400 block mb-1">Passwort</label>
<input type="password" name="password"
class="w-full bg-slate-900 border border-slate-600 text-white rounded-lg px-3 py-2 text-sm focus:outline-none focus:border-blue-500">
<div class="field">
<label for="password">Passwort</label>
<input type="password" id="password" name="password" autocomplete="current-password">
</div>
<button type="submit"
class="w-full bg-blue-600 hover:bg-blue-500 text-white font-semibold py-2 rounded-lg transition">
Anmelden
</button>
<button type="submit">Anmelden</button>
</form>
</div>
</div>