Spaces:
Runtime error
Runtime error
Commit
·
15ffbd1
1
Parent(s):
dd80039
Update templates/index.html
Browse files- templates/index.html +23 -13
templates/index.html
CHANGED
|
@@ -1,5 +1,6 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html>
|
|
|
|
| 3 |
<head>
|
| 4 |
<title>My Twitter Sentiment API Webpage</title>
|
| 5 |
<meta charset="UTF-8">
|
|
@@ -16,11 +17,13 @@
|
|
| 16 |
margin: 20px auto;
|
| 17 |
max-width: 1200px;
|
| 18 |
}
|
|
|
|
| 19 |
.iframe-container iframe {
|
| 20 |
margin: 10px;
|
| 21 |
}
|
| 22 |
</style>
|
| 23 |
</head>
|
|
|
|
| 24 |
<body>
|
| 25 |
<div class="page">
|
| 26 |
<h1>My Twitter Sentiment API Webpage</h1>
|
|
@@ -28,33 +31,40 @@
|
|
| 28 |
<div class="form">
|
| 29 |
<label for="account">Choose the Twitter account you'd like to generate a response to your input:</label>
|
| 30 |
<select name="account" id="account">
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
</select>
|
| 38 |
<link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
|
| 39 |
-
<textarea id="input" placeholder="Enter text here..."
|
| 40 |
<button id="generate">Generate</button>
|
| 41 |
<textarea id="output" placeholder="Generated text will appear here..."></textarea>
|
| 42 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 43 |
<div id="outer">
|
| 44 |
<h2>Twitter Account Analysis</h2>
|
| 45 |
-
|
| 46 |
<div class="inner">
|
| 47 |
-
|
| 48 |
-
<p align="center"><iframe src="/examples1"
|
| 49 |
</div>
|
| 50 |
<div class="inner">
|
| 51 |
-
|
| 52 |
-
<p align="center"><iframe src="/examples2"
|
| 53 |
</div>
|
|
|
|
| 54 |
</div>
|
| 55 |
</div>
|
| 56 |
|
| 57 |
|
| 58 |
<script src="../static/main.js"></script>
|
| 59 |
</body>
|
| 60 |
-
|
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
+
|
| 4 |
<head>
|
| 5 |
<title>My Twitter Sentiment API Webpage</title>
|
| 6 |
<meta charset="UTF-8">
|
|
|
|
| 17 |
margin: 20px auto;
|
| 18 |
max-width: 1200px;
|
| 19 |
}
|
| 20 |
+
|
| 21 |
.iframe-container iframe {
|
| 22 |
margin: 10px;
|
| 23 |
}
|
| 24 |
</style>
|
| 25 |
</head>
|
| 26 |
+
|
| 27 |
<body>
|
| 28 |
<div class="page">
|
| 29 |
<h1>My Twitter Sentiment API Webpage</h1>
|
|
|
|
| 31 |
<div class="form">
|
| 32 |
<label for="account">Choose the Twitter account you'd like to generate a response to your input:</label>
|
| 33 |
<select name="account" id="account">
|
| 34 |
+
<option value="alikarimi_ak8">alikarimi_ak8</option>
|
| 35 |
+
<option value="elonmusk">elonmusk</option>
|
| 36 |
+
<option value="BarackObama">BarackObama</option>
|
| 37 |
+
<option value="taylorlorenz">taylorlorenz</option>
|
| 38 |
+
<option value="cathiedwood">cathiedwood</option>
|
| 39 |
+
<option value="ylecun">ylecun</option>
|
| 40 |
</select>
|
| 41 |
<link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
|
| 42 |
+
<textarea id="input" placeholder="Enter text here...">Hello world...!?</textarea>
|
| 43 |
<button id="generate">Generate</button>
|
| 44 |
<textarea id="output" placeholder="Generated text will appear here..."></textarea>
|
| 45 |
</div>
|
| 46 |
+
<div class="inner">
|
| 47 |
+
<h2>Twitter Account Info (Live)</h2>
|
| 48 |
+
<iframe src="/accounts" width=850 height="200"></iframe>
|
| 49 |
+
|
| 50 |
+
</div>
|
| 51 |
<div id="outer">
|
| 52 |
<h2>Twitter Account Analysis</h2>
|
| 53 |
+
|
| 54 |
<div class="inner">
|
| 55 |
+
|
| 56 |
+
<p align="center"><iframe src="/examples1" width=850 height="350"></iframe></p>
|
| 57 |
</div>
|
| 58 |
<div class="inner">
|
| 59 |
+
|
| 60 |
+
<p align="center"><iframe src="/examples2" width=1550 height="350"></iframe></p>
|
| 61 |
</div>
|
| 62 |
+
|
| 63 |
</div>
|
| 64 |
</div>
|
| 65 |
|
| 66 |
|
| 67 |
<script src="../static/main.js"></script>
|
| 68 |
</body>
|
| 69 |
+
|
| 70 |
+
</html>
|