J2S1-Kobuki/src/Python/flask/web/templates/index.html

{%extends 'base.html'%} {%block head%} {%endblock%} {%block content%}
<div class="container">
  <div class="image-section">
    <img src="kobuki.jpg" alt="Kobuki Robot" id="robot-image" />
  </div>
  <div class="button-section">
    <form action="/move" method="post">
      <button class="btn" name="direction" value="left">←</button>
      <button class="btn" name="direction" value="up">↑</button>
      <button class="btn" name="direction" value="right">→</button>
      <button class="btn" name="direction" value="down">↓</button>
    </form>
  </div>
</div>
<div class="container">
  <h1>Sensor Data</h1>
</div>
{%endblock%}