refactor control.html to update robot image source and improve structure

This commit is contained in:
ishak jmilou.ishak
2025-01-09 12:39:45 +01:00
parent 3ff1b22346
commit 612af45f59

View File

@@ -1,6 +1,8 @@
{% extends 'base.html' %} {% block head %} {% extends 'base.html' %}
{% block head %}
<link rel="stylesheet" href="../static/style.css" /> <link rel="stylesheet" href="../static/style.css" />
{% endblock %} {% block content %} {% endblock %}
{% block content %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@@ -11,8 +13,8 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="image-section"> <div class="robot-image">
<img src="kobuki.jpg" alt="Kobuki Robot" id="robot-image" /> <img src="/image" alt="Kobuki Camera Feed" id="robot-image" />
</div> </div>
<div class="button-section"> <div class="button-section">
<form id="form" action="/move" method="post"> <form id="form" action="/move" method="post">
@@ -42,7 +44,8 @@
</table> </table>
</div> </div>
</div> </div>
<script src="../static/script.js"></script> <script src="../static/script.js"></script>
</body> </body>
</html> </html>
{% endblock %} {% endblock %}