Spaces:
Running
Running
Update index.html
Browse files- index.html +5 -6
index.html
CHANGED
@@ -15,6 +15,9 @@
|
|
15 |
<button id="new-button" aria-label="New Session" title="Start New Session (Refresh)">
|
16 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
|
17 |
</button>
|
|
|
|
|
|
|
18 |
<button id="config-button" aria-label="Open Configuration" title="Open Configuration (Alt / Option + O)">
|
19 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-2"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
|
20 |
</button>
|
@@ -24,11 +27,7 @@
|
|
24 |
<div class="text-center mt-8">
|
25 |
<h1 id="main-content-title" class="text-2xl font-bold text-cyan-400">Live Previews</h1>
|
26 |
<h2 id="main-content-subtitle" class="text-base font-semibold text-slate-300 mt-2">Powered by Gemini Models</h2>
|
27 |
-
|
28 |
-
<kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">Alt / Option</kbd> + <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">P</kbd> to open prompt.
|
29 |
-
<kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">Alt / Option</kbd> + <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">J</kbd> to regenerate.
|
30 |
-
<kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">Alt / Option</kbd> + <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">O</kbd> for settings.
|
31 |
-
</p>
|
32 |
<div id="error-message" class="mt-2 text-red-400 text-sm font-medium"></div>
|
33 |
</div>
|
34 |
|
@@ -188,4 +187,4 @@
|
|
188 |
|
189 |
<script src="script.js"></script>
|
190 |
</body>
|
191 |
-
</html>
|
|
|
15 |
<button id="new-button" aria-label="New Session" title="Start New Session (Refresh)">
|
16 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
|
17 |
</button>
|
18 |
+
<button id="show-prompt-modal-button" aria-label="Open Prompt Modal" title="Open Prompt (Alt / Option + P)">
|
19 |
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
|
20 |
+
</button>
|
21 |
<button id="config-button" aria-label="Open Configuration" title="Open Configuration (Alt / Option + O)">
|
22 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-2"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
|
23 |
</button>
|
|
|
27 |
<div class="text-center mt-8">
|
28 |
<h1 id="main-content-title" class="text-2xl font-bold text-cyan-400">Live Previews</h1>
|
29 |
<h2 id="main-content-subtitle" class="text-base font-semibold text-slate-300 mt-2">Powered by Gemini Models</h2>
|
30 |
+
|
|
|
|
|
|
|
|
|
31 |
<div id="error-message" class="mt-2 text-red-400 text-sm font-medium"></div>
|
32 |
</div>
|
33 |
|
|
|
187 |
|
188 |
<script src="script.js"></script>
|
189 |
</body>
|
190 |
+
</html>
|