aus10powell's picture
Update templates/index.html
8135fe0
raw
history blame
2.52 kB
<!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>Twitter Account Whimsy</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>
<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 id="form">
<div id="tweets">
<h2>Latest Tweets (Live)</h2>
<p><i>Just bought Twitter. It's free speech time!</i> - <i>2023-05-14</i></p>
<p><i>Tesla is now accepting Dogecoin as payment.</i> - <i>2023-05-15</i></p>
<p><i>I'm sending a rocket to Mars!</i> - <i>2023-05-16</i></p>
<p><i>I'm building a brain-computer interface.</i> - <i>2023-05-17</i></p>
<p><i>I'm starting a new company to colonize the Moon.</i> - <i>2023-05-18</i></p>
</div>
<div id="summary">
<button id="generate-summary">Generate Summary</button>
<textarea id="output-summary" placeholder="Generated text will appear here..."></textarea>
</div>
</div>
<div class="inner">
<h2>Twitter Account Info (Live)</h2>
<iframe src="/accounts" width=850 height="200" frameborder="0"></iframe>
</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>
</html>