File size: 2,002 Bytes
8158335
 
 
 
 
 
 
 
b6ab90a
 
 
 
 
 
 
 
 
 
 
 
 
 
8158335
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b6ab90a
8158335
 
 
 
b6ab90a
 
 
 
ce09f02
b6ab90a
 
 
ce09f02
b6ab90a
 
8158335
b6ab90a
 
8158335
 
b6ab90a
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>
<head>
	<title>My Twitter Sentiment API Webpage</title>
	<meta charset="UTF-8">
	<meta name="description" content="This is a simple webpage that is included in my Twitter Sentiment API project.">
	<link rel="stylesheet" type="text/css" href="../static/style.css">
	<link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<style>
		.iframe-container {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			margin: 20px auto;
			max-width: 1200px;
		}
		.iframe-container iframe {
			margin: 10px;
		}
	</style>
</head>
<body>
	<div class="page">
		<h1>My Twitter Sentiment API Webpage</h1>
		<p>This is a simple webpage that is included in my Twitter Sentiment API project.</p>
		<div class="form">
			<label for="account">Choose the Twitter account you'd like to generate a response to your input:</label>
			<select name="account" id="account">
			  <option value="alikarimi_ak8">alikarimi_ak8</option>
			  <option value="elonmusk">elonmusk</option>
			  <option value="BarackObama">BarackObama</option>
			  <option value="taylorlorenz">taylorlorenz</option>
			  <option value="cathiedwood">cathiedwood</option>
			  <option value="ylecun">ylecun</option>
			</select>
			<link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
			<textarea id="input" placeholder="Enter text here..." >Hello world...!?</textarea>
			<button id="generate">Generate</button>
			<textarea id="output" placeholder="Generated text will appear here..."></textarea>
		</div>
		<div id="outer">
			<h2>Twitter Account Analysis</h2>
			<div class="inner">
	
				<p align="center"><iframe src="/examples1"  width=1250 height="350"></iframe></p>
			</div>
			<div class="inner">
	
				<p align="center"><iframe src="/examples2"  width=1250 height="350"></iframe></p>
			</div>
		</div>
	</div>


	<script src="../static/main.js"></script>
</body>
</html>