ab / static /index.html
theapps's picture
Upload index.html
8fecfd9 verified
<!DOCTYPE html>
<html><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Oswald:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Poiret+One|Dosis:300|Fjalla+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower|Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico|Shadows+Into+Light|Dancing+Script|Amatic+SC' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Teko' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Sans|Gloria+Hallelujah|Roboto Slab|Righteous|Sacramento|Yellowtail" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Just+Me+Again+Down+Here|Nixie+One|Six+Caps|Unkempt" rel="stylesheet">
<style>
.css-1dbjc4n {
-ms-flex-align: stretch;
-ms-flex-direction: column;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-basis: auto;
-webkit-flex-direction: column;
-webkit-flex-shrink: 0;
align-items: stretch;
border: 0 solid black;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: auto;
flex-direction: column;
flex-shrink: 0;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 2px;
margin-top: 0px;
min-height: 0px;
min-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
z-index: 0;
}
.r-xoduu5zo {
display: inline-flex;
top: 10px;
background-color: #000000;
}
.r-xoduu5xxx {
display: inline-flex;
top: 5px;
}
.hagh1 {
height: 125px;
width: 390px;
position: absolute;
left: 500px;
top: 57px;
text-align: center;
}
div.relative {
position: relative;
top: -16px ;
text-align: center;
}
.r-xoduu5xoooo {
display: inline-flex;
top: -7px;
}
.CIRCDosis_SZ18_SP-3_SH1_SK0_MA0{
font-family: 'Dosis', sans-serif;
line-height: 110%;
font-size: 18px;
letter-spacing: -3px;
text-shadow: 0px 0px 1px;
transform: skew(0deg, 0deg);
margin-top: 0.00cm;
position: relative;
top: 11px;
float: left;
}
.CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:link,
.CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:visited,
.CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:hover {
color: #000000;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.wordCIRCTEXT{
position: absolute;
background-color: #b400ff;
width: 15px;
height: 10px;
border: 1px solid #000000;
}
.r-xoduu5xo {
display: inline-flex;
top: -2px;
}
.r-xoduu5xoo {
display: inline-flex;
top: -4px;
}
.css-901oaoS {
border: 0 solid black;
box-sizing: border-box;
color: #ffffff;
display: inline;
font-size: 14px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 3px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 7px;
letter-spacing: 3px;
padding-right: 0px;
padding-top: 0px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'Oswald', sans-serif;
font-weight: 300;
}
.css-901oao2sx {
border: 0 solid black;
box-sizing: border-box;
color: #000000;
display: inline;
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
letter-spacing: 3px;
padding-right: 0px;
padding-top: 0px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'Oswald', sans-serif;
}
.write2 {
background-color: #000000;
word-wrap: break-word;
border: 1px solid black;
box-sizing: border-box;
}
.r-xoduu5x {
display: inline-flex;
top: 8px;
}
.css-901oao2sx {
border: 0 solid black;
box-sizing: border-box;
color: #000000;
display: inline;
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 3px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
letter-spacing: 3px;
padding-right: 0px;
padding-top: 0px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'Oswald', sans-serif;
}
.css-901oao2sx {
border: 0 solid black;
box-sizing: border-box;
color: #000000;
display: inline;
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 2px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
letter-spacing: 3px;
padding-right: 0px;
padding-top: -5px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'Oswald', sans-serif;
}
</style>
</head>
<body>
<h1>Conversation Generator</h1>
<body>
<h1>Conversation Generator</h1>
<form method="post">
<label for="prompt">Enter Prompt:</label>
<input type="text" name="prompt" id="prompt" required>
<button type="submit">Generate Conversation</button>
</form>
{% if conversation %}
<h2>Generated Conversation:</h2>
<p>{{ conversation }}</p>
{% endif %}
{% include 'first.html' %}
<!-- Form for running backend script -->
<form method="post" onsubmit="runAAMain(); return false;">
<button type="submit">Run Backend Script</button>
</form>
<script>
async function runAAMain() {
const response = await fetch('/run_aamain', {
method: 'POST',
});
const result = await response.json();
alert(result.message); // You can handle the result as needed
}
// Function to reload the page every 10 seconds
function autoRefresh() {
setTimeout(function () {
location.reload();
}, 20000); // 10,000 milliseconds = 10 seconds
}
// Call the function when the page loads
window.onload = autoRefresh;
</script>
</body>
</html>