aus10powell's picture
Update templates/index.html
15ffbd1
raw
history blame
2.13 kB
<!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="350"></iframe></p>
</div>
<div class="inner">
<p align="center"><iframe src="/examples2" width=1550 height="350"></iframe></p>
</div>
</div>
</div>
<script src="../static/main.js"></script>
</body>
</html>