d7140168e3
- WordPress 6.9.1 + Blocksy Theme deployed - Kategorien Rubrik 1-4 angelegt mit Navigation - Cloudflare Tunnel für deutschlandblog.orbitalo.net - WP Application Password in .env - STATE.md aktualisiert Made-with: Cursor
84 lines
4.8 KiB
HTML
84 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Redax-WP{% endblock %}</title>
|
|
<link rel="stylesheet" href="/static/tailwind.min.css">
|
|
<style>
|
|
body { background: #0f172a; color: #e2e8f0; }
|
|
.card { background: #1e293b; border: 1px solid #334155; border-radius: 12px; }
|
|
textarea, input[type=text], input[type=url], input[type=date], input[type=time], select {
|
|
background: #0f172a; border: 1px solid #334155; color: #e2e8f0;
|
|
border-radius: 8px; padding: 0.5rem 0.75rem; font-size: 0.875rem;
|
|
}
|
|
textarea:focus, input:focus, select:focus { outline: none; border-color: #3b82f6; }
|
|
textarea { resize: vertical; font-family: inherit; line-height: 1.6; }
|
|
.btn { border-radius: 8px; font-size: 0.875rem; font-weight: 500; padding: 0.5rem 1.25rem; transition: all .15s; cursor: pointer; }
|
|
.btn-primary { background: #2563eb; color: #fff; }
|
|
.btn-primary:hover { background: #1d4ed8; }
|
|
.btn-success { background: #15803d; color: #fff; }
|
|
.btn-success:hover { background: #166534; }
|
|
.btn-ghost { background: #334155; color: #cbd5e1; }
|
|
.btn-ghost:hover { background: #475569; }
|
|
.btn-danger { background: #991b1b; color: #fff; }
|
|
.btn-danger:hover { background: #7f1d1d; }
|
|
.status-draft { background: #1e293b; border: 1px solid #475569; color: #94a3b8; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; }
|
|
.status-scheduled { background: #4c1d9522; border: 1px solid #7c3aed; color: #c4b5fd; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; }
|
|
.status-published { background: #1e3a5f22; border: 1px solid #3b82f6; color: #60a5fa; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; }
|
|
.spinner { animation: spin 1s linear infinite; display: inline-block; }
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
#toast { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9999;
|
|
background: #1e293b; border: 1px solid #334155; border-radius: 10px;
|
|
padding: 0.75rem 1.25rem; font-size: 0.875rem; color: #e2e8f0;
|
|
box-shadow: 0 4px 24px #00000060; transition: opacity .3s; opacity: 0; pointer-events: none; }
|
|
</style>
|
|
{% block extra_head %}{% endblock %}
|
|
</head>
|
|
<body class="min-h-screen">
|
|
|
|
<!-- Nav -->
|
|
<nav class="bg-slate-900 border-b border-slate-700 px-6 py-3 flex items-center justify-between sticky top-0 z-50">
|
|
<div class="flex items-center gap-4">
|
|
<!-- Tool-Switcher -->
|
|
<div class="flex items-center gap-1 bg-slate-800 border border-slate-700 rounded-lg p-1">
|
|
<span class="flex items-center gap-1.5 bg-slate-700 text-white text-xs font-semibold px-3 py-1.5 rounded-md">
|
|
📝 Redax-WP
|
|
</span>
|
|
<a href="https://fuenfvoracht.orbitalo.net" target="_blank"
|
|
class="flex items-center gap-1.5 text-slate-500 hover:text-slate-200 hover:bg-slate-700 text-xs font-medium px-3 py-1.5 rounded-md transition">
|
|
🕗 FünfVorAcht
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-5 text-sm">
|
|
<a href="/" class="{% if request.endpoint == 'index' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">Studio</a>
|
|
<a href="/feeds" class="{% if request.endpoint == 'feeds_page' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">Feeds</a>
|
|
<a href="/history" class="{% if request.endpoint == 'history' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">History</a>
|
|
<a href="/prompts" class="{% if request.endpoint == 'prompts_page' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">Prompts</a>
|
|
<a href="/settings" class="{% if request.endpoint == 'settings' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">Einstellungen</a>
|
|
<a href="/hilfe" class="{% if request.endpoint == 'hilfe' %}text-blue-400 font-semibold{% else %}text-slate-400 hover:text-white{% endif %}">❓ Hilfe</a>
|
|
<a href="https://deutschlandblog.orbitalo.net/wp-admin/" target="_blank"
|
|
class="text-slate-400 hover:text-emerald-400 transition flex items-center gap-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
|
|
WP-Admin
|
|
</a>
|
|
<a href="/logout" class="text-slate-600 hover:text-red-400 text-xs transition">Abmelden</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="toast"></div>
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
<script>
|
|
function showToast(msg, duration=3000) {
|
|
const t = document.getElementById('toast');
|
|
t.textContent = msg;
|
|
t.style.opacity = '1';
|
|
setTimeout(() => t.style.opacity = '0', duration);
|
|
}
|
|
{% block extra_js %}{% endblock %}
|
|
</script>
|
|
</body>
|
|
</html>
|