aus10powell commited on
Commit
b6ab90a
1 Parent(s): 213bcf2

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +29 -2
templates/index.html CHANGED
@@ -6,6 +6,20 @@
6
  <meta name="description" content="This is a simple webpage that is included in my Twitter Sentiment API project.">
7
  <link rel="stylesheet" type="text/css" href="../static/style.css">
8
  <link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  </head>
10
  <body>
11
  <div class="page">
@@ -21,12 +35,25 @@
21
  <option value="cathiedwood">cathiedwood</option>
22
  <option value="ylecun">ylecun</option>
23
  </select>
24
- <link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
25
  <textarea id="input" placeholder="Enter text here..." >Hello world...!?</textarea>
26
  <button id="generate">Generate</button>
27
  <textarea id="output" placeholder="Generated text will appear here..."></textarea>
28
  </div>
 
 
 
 
 
 
 
 
 
 
 
29
  </div>
 
 
30
  <script src="../static/main.js"></script>
31
  </body>
32
- </html>
 
6
  <meta name="description" content="This is a simple webpage that is included in my Twitter Sentiment API project.">
7
  <link rel="stylesheet" type="text/css" href="../static/style.css">
8
  <link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
9
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
10
+ <style>
11
+ .iframe-container {
12
+ display: flex;
13
+ flex-wrap: wrap;
14
+ justify-content: center;
15
+ align-items: center;
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">
 
35
  <option value="cathiedwood">cathiedwood</option>
36
  <option value="ylecun">ylecun</option>
37
  </select>
38
+ <link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico">
39
  <textarea id="input" placeholder="Enter text here..." >Hello world...!?</textarea>
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
+ <div class="inner">
46
+
47
+ <p align="center"><iframe src="/examples1" width=850 height="350"></iframe></p>
48
+ </div>
49
+ <div class="inner">
50
+
51
+ <p align="center"><iframe src="/examples2" width=850 height="350"></iframe></p>
52
+ </div>
53
+ </div>
54
  </div>
55
+
56
+
57
  <script src="../static/main.js"></script>
58
  </body>
59
+ </html>