Update templates/index.html
Browse files- templates/index.html +33 -0
templates/index.html
CHANGED
|
@@ -126,9 +126,35 @@
|
|
| 126 |
.glitch {
|
| 127 |
animation: glitch 1s linear infinite;
|
| 128 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 129 |
</style>
|
| 130 |
</head>
|
| 131 |
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 132 |
<div class="container">
|
| 133 |
<div class="terminal">
|
| 134 |
<div id="output"></div>
|
|
@@ -154,8 +180,10 @@
|
|
| 154 |
const fileEditor = document.getElementById('file-editor');
|
| 155 |
const editorTextarea = document.getElementById('editor-textarea');
|
| 156 |
const saveButton = document.getElementById('save-button');
|
|
|
|
| 157 |
|
| 158 |
let currentEditingFile = '';
|
|
|
|
| 159 |
|
| 160 |
function addToOutput(text, isAiExecuted = false) {
|
| 161 |
if (isAiExecuted) {
|
|
@@ -167,6 +195,11 @@
|
|
| 167 |
}
|
| 168 |
|
| 169 |
function executeCode() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 170 |
const command = codeInput.value;
|
| 171 |
addToOutput(`> ${command}`);
|
| 172 |
|
|
|
|
| 126 |
.glitch {
|
| 127 |
animation: glitch 1s linear infinite;
|
| 128 |
}
|
| 129 |
+
#ai-sleeping {
|
| 130 |
+
position: fixed;
|
| 131 |
+
top: 50%;
|
| 132 |
+
left: 50%;
|
| 133 |
+
transform: translate(-50%, -50%);
|
| 134 |
+
font-size: 48px;
|
| 135 |
+
text-align: center;
|
| 136 |
+
z-index: 1000;
|
| 137 |
+
text-shadow: 0 0 10px #0f0, 0 0 20px #0f0, 0 0 30px #0f0;
|
| 138 |
+
}
|
| 139 |
+
@keyframes blink {
|
| 140 |
+
0%, 100% { opacity: 1; }
|
| 141 |
+
50% { opacity: 0; }
|
| 142 |
+
}
|
| 143 |
+
#ai-sleeping span {
|
| 144 |
+
display: inline-block;
|
| 145 |
+
animation: blink 1s infinite;
|
| 146 |
+
}
|
| 147 |
+
#ai-sleeping span:nth-child(2) { animation-delay: 0.2s; }
|
| 148 |
+
#ai-sleeping span:nth-child(3) { animation-delay: 0.4s; }
|
| 149 |
+
#ai-sleeping span:nth-child(4) { animation-delay: 0.6s; }
|
| 150 |
+
#ai-sleeping span:nth-child(5) { animation-delay: 0.8s; }
|
| 151 |
</style>
|
| 152 |
</head>
|
| 153 |
<body>
|
| 154 |
+
<div id="ai-sleeping" aria-live="polite">
|
| 155 |
+
AI<br>
|
| 156 |
+
<span>z</span><span>z</span><span>z</span><span>z</span><span>z</span>
|
| 157 |
+
</div>
|
| 158 |
<div class="container">
|
| 159 |
<div class="terminal">
|
| 160 |
<div id="output"></div>
|
|
|
|
| 180 |
const fileEditor = document.getElementById('file-editor');
|
| 181 |
const editorTextarea = document.getElementById('editor-textarea');
|
| 182 |
const saveButton = document.getElementById('save-button');
|
| 183 |
+
const aiSleeping = document.getElementById('ai-sleeping');
|
| 184 |
|
| 185 |
let currentEditingFile = '';
|
| 186 |
+
let isFirstInteraction = true;
|
| 187 |
|
| 188 |
function addToOutput(text, isAiExecuted = false) {
|
| 189 |
if (isAiExecuted) {
|
|
|
|
| 195 |
}
|
| 196 |
|
| 197 |
function executeCode() {
|
| 198 |
+
if (isFirstInteraction) {
|
| 199 |
+
aiSleeping.style.display = 'none';
|
| 200 |
+
isFirstInteraction = false;
|
| 201 |
+
}
|
| 202 |
+
|
| 203 |
const command = codeInput.value;
|
| 204 |
addToOutput(`> ${command}`);
|
| 205 |
|