Spaces:
Running
Running
Commit
•
4ea3c92
1
Parent(s):
6b798a9
add embed link that doesnt work (#2)
Browse files- add embed link that doesnt work (2412ddb6f707c765c45ac790bd75699aa3585c67)
- index.html +29 -4
index.html
CHANGED
|
@@ -9,6 +9,7 @@
|
|
| 9 |
display: flex;
|
| 10 |
justify-content: center;
|
| 11 |
align-items: center;
|
|
|
|
| 12 |
min-height: 100vh;
|
| 13 |
margin: 0;
|
| 14 |
font-family: "Inter", system-ui, -apple-system, sans-serif;
|
|
@@ -178,6 +179,23 @@
|
|
| 178 |
button:active {
|
| 179 |
transform: translateY(0);
|
| 180 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
</style>
|
| 182 |
</head>
|
| 183 |
<body>
|
|
@@ -197,6 +215,8 @@
|
|
| 197 |
</div>
|
| 198 |
</div>
|
| 199 |
|
|
|
|
|
|
|
| 200 |
<script type="module">
|
| 201 |
import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
|
| 202 |
|
|
@@ -235,10 +255,7 @@
|
|
| 235 |
addMessage(result.data, "ai");
|
| 236 |
} catch (error) {
|
| 237 |
typingIndicator.remove();
|
| 238 |
-
addMessage(
|
| 239 |
-
"Sorry, I encountered an error. Please try again.",
|
| 240 |
-
"ai"
|
| 241 |
-
);
|
| 242 |
}
|
| 243 |
});
|
| 244 |
|
|
@@ -254,6 +271,14 @@
|
|
| 254 |
chatContainer.classList.add("subtle-bounce");
|
| 255 |
setTimeout(() => chatContainer.classList.remove("subtle-bounce"), 100);
|
| 256 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 257 |
});
|
| 258 |
</script>
|
| 259 |
</body>
|
|
|
|
| 9 |
display: flex;
|
| 10 |
justify-content: center;
|
| 11 |
align-items: center;
|
| 12 |
+
flex-direction: column;
|
| 13 |
min-height: 100vh;
|
| 14 |
margin: 0;
|
| 15 |
font-family: "Inter", system-ui, -apple-system, sans-serif;
|
|
|
|
| 179 |
button:active {
|
| 180 |
transform: translateY(0);
|
| 181 |
}
|
| 182 |
+
|
| 183 |
+
#copy-iframe-btn {
|
| 184 |
+
margin-top: 20px;
|
| 185 |
+
cursor: pointer;
|
| 186 |
+
color: #6b7280;
|
| 187 |
+
font-size: 14px;
|
| 188 |
+
display: inline-flex;
|
| 189 |
+
align-items: center;
|
| 190 |
+
transition: all 0.3s ease;
|
| 191 |
+
}
|
| 192 |
+
|
| 193 |
+
#copy-iframe-btn:hover {
|
| 194 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 195 |
+
color: #2563eb;
|
| 196 |
+
padding: 4px;
|
| 197 |
+
border-radius: 4px;
|
| 198 |
+
}
|
| 199 |
</style>
|
| 200 |
</head>
|
| 201 |
<body>
|
|
|
|
| 215 |
</div>
|
| 216 |
</div>
|
| 217 |
|
| 218 |
+
<div id="copy-iframe-btn"><img src="https://cdn-icons-png.flaticon.com/512/10146/10146565.png" style="width: 21px; padding-right: 4px; filter: opacity(0.6);">Copy embed code</div>
|
| 219 |
+
|
| 220 |
<script type="module">
|
| 221 |
import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
|
| 222 |
|
|
|
|
| 255 |
addMessage(result.data, "ai");
|
| 256 |
} catch (error) {
|
| 257 |
typingIndicator.remove();
|
| 258 |
+
addMessage("Sorry, I encountered an error. Please try again.", "ai");
|
|
|
|
|
|
|
|
|
|
| 259 |
}
|
| 260 |
});
|
| 261 |
|
|
|
|
| 271 |
chatContainer.classList.add("subtle-bounce");
|
| 272 |
setTimeout(() => chatContainer.classList.remove("subtle-bounce"), 100);
|
| 273 |
});
|
| 274 |
+
|
| 275 |
+
const copyButton = document.getElementById("copy-iframe-btn");
|
| 276 |
+
copyButton.addEventListener("click", () => {
|
| 277 |
+
const iframeCode = `<iframe src="https://emma.eduzs.link" width="400" height="600" frameborder="0"></iframe>`;
|
| 278 |
+
navigator.clipboard.writeText(iframeCode).then(() => {
|
| 279 |
+
alert("Embed code copied to clipboard!");
|
| 280 |
+
});
|
| 281 |
+
});
|
| 282 |
});
|
| 283 |
</script>
|
| 284 |
</body>
|