File size: 2,126 Bytes
8158335
 
15ffbd1
8158335
 
 
 
 
 
b6ab90a
 
 
 
 
 
 
 
 
 
15ffbd1
b6ab90a
 
 
 
8158335
15ffbd1
8158335
 
 
 
 
 
 
15ffbd1
 
 
 
 
 
8158335
b6ab90a
15ffbd1
8158335
 
 
15ffbd1
 
 
 
 
b6ab90a
 
15ffbd1
b6ab90a
15ffbd1
3846228
b6ab90a
 
15ffbd1
3846228
b6ab90a
15ffbd1
b6ab90a
8158335
b6ab90a
 
8158335
 
15ffbd1
 
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
61
62
63
64
65
66
67
68
69
70
<!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 class="inner">
			<h2>Twitter Account Info (Live)</h2>
			<iframe src="/accounts" width=850 height="200"></iframe>

		</div>
		<div id="outer">
			<h2>Twitter Account Analysis</h2>

			<div class="inner">

				<p align="center"><iframe src="/examples1" width=850 height="450"></iframe></p>
			</div>
			<div class="inner">

				<p align="center"><iframe src="/examples2" width=900 height="550"></iframe></p>
			</div>

		</div>
	</div>


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

</html>