89 lines
3.9 KiB
HTML
89 lines
3.9 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="{{ .Lang }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Demo Chat | {{ .Title }}</title>
|
|
<link rel="stylesheet" href="/common.css">
|
|
<link rel="stylesheet" href="/chat.css">
|
|
<!-- <link rel="stylesheet" href="{{ "style.css" | relURL }}"> -->
|
|
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="container">
|
|
<div class="hamburger" onclick="toggleViewMenu()">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="javascript:void(0)" onclick="setView('article-only')">📄 Artikel</a></li>
|
|
<li><a href="javascript:void(0)" onclick="setView('split')"> 📄/💬 </a></li>
|
|
<li><a href="javascript:void(0)" onclick="setView('chat-only')">💬 Chat</a></li>
|
|
</ul>
|
|
<a href="/" class="logo">🏗 GZ Lab</a>
|
|
|
|
<div class="nav-right">
|
|
<div class="theme-header-btn">
|
|
<button class="lang-btn" id="langBtn">
|
|
{{ .Params.flag }}
|
|
</button>
|
|
<div class="lang-dropdown" id="langDropdown">
|
|
{{ range .Site.Languages }}
|
|
<a href="#" class="theme-option" data-lang="{{ .Lang }}">
|
|
{{ if eq .Lang "de" }}🇩🇪 Deutsch{{ end }}
|
|
{{ if eq .Lang "en" }}🇬🇧 English{{ end }}
|
|
{{ if eq .Lang "fr" }}🇫🇷 Français{{ end }}
|
|
{{ if eq .Lang "es" }}🇪🇸 Español{{ end }}
|
|
{{ if eq .Lang "ru" }}🇷🇺 Русский{{ end }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="theme-header-btn">
|
|
<button class="theme-btn" id="themeBtn" title="Design wählen">
|
|
<span class="theme-icon-active">🌓</span>
|
|
</button>
|
|
<div class="theme-dropdown" id="themeDropdown">
|
|
<button class="theme-option" data-theme="setlight">☀️ Hell</button>
|
|
<button class="theme-option" data-theme="setdark">🌙 Dunkel</button>
|
|
<button class="theme-option" data-theme="setauto">🌓 Auto</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="chat-main view-split" id="chatMain">
|
|
<aside class="chat-article" id="resizableArticle">
|
|
<div class="article-content">
|
|
<!-- <h2>{{ .Params.article_title }}</h2> -->
|
|
{{ .Content }} </div>
|
|
</aside>
|
|
|
|
<div class="resizer" id="dragMe"></div>
|
|
|
|
<div class="chat-container">
|
|
<button id="export-btn" class="floating-export-btn" title="Chat exportieren">📥 Export</button>
|
|
<div id="chat-messages">
|
|
<div id="system-prompt-container" class="message system-config">
|
|
<strong>⚙️ System-Promt</strong>
|
|
<p><small>Definiere hier die Rolle der KI, bevor du den Chat startest:</small></p>
|
|
<textarea id="system-prompt-input" class="system-textarea">{{ .Params.systempromt }}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="chat-input-area">
|
|
<input type="text" id="user-input" placeholder="{{ .Params.placeholder }}" onkeypress="if(event.key === 'Enter') sendMessage()">
|
|
<button class="send-btn" onclick="sendMessage()">➤</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="/common.js" defer></script>
|
|
<script src="/chat.js" defer></script>
|
|
|
|
</body>
|
|
</html> |