|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width" /> |
|
<title>My static Space</title> |
|
<link rel="stylesheet" href="style.css" /> |
|
</head> |
|
<body> |
|
|
|
<div class="description"> |
|
<p>Welcome to our cutting-edge chatbot powered by Codellama's state-of-the-art 13B model. Experience the future of AI-driven conversations without ever leaving your webpage. With our seamless integration, you can embed this chatbot directly onto your website. It's more than just a chatbot; it's a virtual assistant that enhances your user experience and provides instant, intelligent responses in a beautifully integrated environment. |
|
</p> |
|
</div> |
|
<div class="iframe-container"> |
|
<iframe |
|
src="https://codellama-codellama-13b-chat.hf.space" |
|
frameborder="0" |
|
scrolling="no" |
|
></iframe> |
|
</div> |
|
<button class="click"><span>🤖</span></button> |
|
</body> |
|
<script> |
|
const click = document.querySelector('.click') |
|
const frame = document.querySelector('.iframe-container') |
|
let i = 1; |
|
click.addEventListener('click', ()=>{ |
|
if(i == 0) { |
|
frame.style.display = 'none' |
|
i = 1 |
|
}else if(i == 1){ |
|
frame.style.display = 'block' |
|
i = 0 |
|
} |
|
}) |
|
</script> |
|
</html> |
|
|
