File size: 2,611 Bytes
8158335
 
15ffbd1
8158335
1261d76
8158335
1261d76
8158335
 
b6ab90a
15ffbd1
8158335
15ffbd1
8158335
 
8ba48e6
8158335
 
 
15ffbd1
 
 
 
 
 
8158335
15ffbd1
8ba48e6
8158335
 
1261d76
8ba48e6
 
 
1261d76
8ba48e6
1261d76
 
 
 
 
 
 
 
8ba48e6
 
 
 
 
 
b6ab90a
1261d76
b6ab90a
15ffbd1
8ba48e6
b6ab90a
 
15ffbd1
8ba48e6
b6ab90a
15ffbd1
b6ab90a
8158335
b6ab90a
 
8158335
8ba48e6
 
 
1261d76
8ba48e6
 
 
 
 
 
 
15ffbd1
8ba48e6
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
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>

<head>
	<title>Twitter Accounts</title>
	<meta charset="UTF-8">
	<meta name="description" content="This is a simple webpage that is included in my Twitter Account 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>

</head>

<body>
	<div class="page">
		<h1>My Twitter Sentiment API Webpage</h1>
		<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>
			<textarea id="input" placeholder="Enter text here...">Hello world...!?</textarea>
			<button id="generate">Generate</button> // onclick="generateTweets()"
			<textarea id="output" placeholder="Generated text will appear here..."></textarea>
		</div>
		<div id="form">
			<div class="tweets">
				<h2>Tweets (Live)</h2>
				<iframe id="tweetsFrame" width="850" height="200" frameborder="0"></iframe>
			</div>

			<div id="summary">
				<button id="generate-summary">Generate Summary</button>
				<textarea id="output-summary" placeholder="Generated text will appear here..."></textarea>
			</div>
			<div class="inner">
				<h2>Twitter Account Info (Live)</h2>
				<iframe src="/accounts" width=850 height="200" frameborder="0"></iframe>
			</div>
		</div>

		<div class="inner">
			<h2>Twitter Account Info (Live)</h2>
		</div>

		<div id="outer">
			<h2>Twitter Account Analysis (Historical)</h2>
			<div class="inner">

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

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

		</div>
	</div>


	<script src="../static/main.js"></script>
	<script>
		window.onload = function () {
			generateTweets(); // Call generateTweets() when the page finishes loading

		};
		function generateTweets() {
			var account = document.getElementById("account").value;
			console.log("What up")
			var tweetsFrame = document.getElementById("tweetsFrame");
			tweetsFrame.src = "/tweets/" + account;
			console.log(tweetsFrame.src)

		}</script>
</html>