Skip to content

Instantly share code, notes, and snippets.

@steven-tey
Created December 7, 2020 05:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save steven-tey/0315bc546f0c0dadecfc6ca58034f5e9 to your computer and use it in GitHub Desktop.
Save steven-tey/0315bc546f0c0dadecfc6ca58034f5e9 to your computer and use it in GitHub Desktop.
HTML Code for the NLP Moviebot
<body>
<center>
<h1>
<img
src="{{ url_for('static',filename='assets/avatar.svg') }}"
alt="Moviebot"
style="width:40px;height:40px; align:center;"
/> Moviebot
</h1>
</center>
<div class="box"></div>
<div class="boxed">
<div>
<div id="chatbox">
<img
src="{{ url_for('static',filename='assets/avatar.svg') }}"
alt="Moviebot"
style="width:80px;height:80px;"
/>
<p class="speech-bubble-bot botText">
Hi! I'm Moviebot! What movie genre(s) are you interested in?
<br>
<i style="font-size: 16px; color: rgb(17, 39, 100)">(if multiple, please separate them with a comma)</i>
</p>
</div>
<div id="userInput">
<input id="textInput" type="text" name="msg" placeholder='Type "skip" to skip this question' autocomplete="off"/>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment