Spaces:
Running
Running
File size: 1,793 Bytes
d7a4ce1 9ae3772 d7a4ce1 672ca78 9ae3772 672ca78 9ae3772 672ca78 9ae3772 672ca78 9ae3772 d7a4ce1 9ae3772 672ca78 1b38fad d7a4ce1 9ae3772 d7a4ce1 672ca78 9ae3772 d7a4ce1 672ca78 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gradio Chatbot</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
iframe {
width: 80%;
height: 600px;
border: none;
margin-bottom: 20px;
}
.session-data {
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 80%;
}
</style>
</head>
<body>
<div class="container">
<!-- Embed the Gradio Chatbot -->
<iframe src="https://srinukethanaboina-srunu.hf.space" title="Gradio Chatbot"></iframe>
<!-- Display Session Data -->
<div class="session-data" id="session-data">
<h2>Session Data:</h2>
<pre id="session-info">Loading session data...</pre>
</div>
</div>
<script>
// Example JavaScript to handle session data
function getSessionData() {
// This is a placeholder; you would replace this with actual session data retrieval logic
// If you have cookies or localStorage, you might want to read from them
const sessionInfo = localStorage.getItem('chat_session_data') || 'No session data available';
document.getElementById('session-info').textContent = sessionInfo;
}
// Call the function to display session data
getSessionData();
</script>
</body>
</html>
|