Spaces:

theapps
/

ab

Running

ab / static /index.html

Upload index.html

8fecfd9 verified almost 3 years ago

7.06 kB

<!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>

	<!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>