diff --git a/src/Python/flask/web/templates/base.html b/src/Python/flask/web/static/base.html similarity index 91% rename from src/Python/flask/web/templates/base.html rename to src/Python/flask/web/static/base.html index e7cb16f..6381b11 100644 --- a/src/Python/flask/web/templates/base.html +++ b/src/Python/flask/web/static/base.html @@ -8,8 +8,9 @@ {% block head %}{% endblock %} - {% include 'navbar.html' %} + {% include 'navbar.html' %} {% block content %} {% endblock %} + \ No newline at end of file diff --git a/src/Python/flask/web/static/images/logo.png b/src/Python/flask/web/static/images/logo.png new file mode 100644 index 0000000..b602d60 Binary files /dev/null and b/src/Python/flask/web/static/images/logo.png differ diff --git a/src/Python/flask/web/static/script.js b/src/Python/flask/web/static/images/script.js similarity index 100% rename from src/Python/flask/web/static/script.js rename to src/Python/flask/web/static/images/script.js diff --git a/src/Python/flask/web/static/style.css b/src/Python/flask/web/static/style.css index 4091957..4b7a58e 100644 --- a/src/Python/flask/web/static/style.css +++ b/src/Python/flask/web/static/style.css @@ -23,6 +23,22 @@ body { right: 0%; } +.footer{ + display: flex; + justify-content: space-between; + max-width: 80%; + background-color: #fff; + border: 1px solid #f0f0f0; + border-radius: 50px; + align-items: center; + margin: 1.5rem auto 0 auto; + padding: 0 30px; + top: 0%; + bottom: auto; + left: 0%; + right: 0%; +} + .imgNav { height: 50px; border-radius: 20px; diff --git a/src/Python/flask/web/static/styleIndex.css b/src/Python/flask/web/static/styleIndex.css index 9cbe511..55bc7cf 100644 --- a/src/Python/flask/web/static/styleIndex.css +++ b/src/Python/flask/web/static/styleIndex.css @@ -43,16 +43,6 @@ section h2 { margin-top: 0; } -footer { - background-color: #333; - color: #fff; - text-align: center; - padding: 1rem 0; - position: fixed; - width: 100%; - bottom: 0; -} - form { display: flex; flex-direction: column; diff --git a/src/Python/flask/web/templates/footer.html b/src/Python/flask/web/templates/footer.html new file mode 100644 index 0000000..d557c08 --- /dev/null +++ b/src/Python/flask/web/templates/footer.html @@ -0,0 +1,21 @@ + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/src/Python/flask/web/templates/index.html b/src/Python/flask/web/templates/index.html index e25b9ea..ab326f4 100644 --- a/src/Python/flask/web/templates/index.html +++ b/src/Python/flask/web/templates/index.html @@ -1,58 +1,58 @@ +{% extends 'base.html' %} {% block head %} + +{% endblock %} {% block content %} - - - + + + Kobuki Robot Project - - - -
-

Welcome to the Kobuki Robot Project

- -
- -
-

Introduction

-

The Kobuki Robot Project is an innovative initiative aimed at developing a versatile and intelligent robot platform. Our goal is to create a robot that can navigate autonomously, interact with its environment, and perform various tasks.

- Kobuki Robot + + + +
+

+ The Kobuki Robot Project is an innovative initiative aimed at developing + a versatile and intelligent robot platform. Our goal is to create a + robot that can navigate autonomously, interact with its environment, and + perform various tasks. +

+ logo
-
-

About the Project

-

This project is a collaborative effort involving engineers, researchers, and enthusiasts. The Kobuki robot is equipped with various sensors, including bumpers, cliff sensors, and gyroscopes, to help it navigate and interact with its surroundings.

-

Key features of the Kobuki Robot:

- +
+

About the Project

+

+ This project is a collaborative effort involving engineers, researchers, + and enthusiasts. The Kobuki robot is equipped with various sensors, + including bumpers, cliff sensors, and gyroscopes, to help it navigate + and interact with its surroundings. +

+

Key features of the Kobuki Robot:

+
    +
  • Autonomous navigation
    • +
  • Obstacle detection and avoidance
    • +
  • Real-time data processing
    • +
  • Remote control and monitoring
    • +
-
-

Contact Us

-
- - - - - - - -
+
+

Contact Us

+
+ + + + + + + +
-
-

© 2023 Kobuki Robot Project. All rights reserved.

-
+ {% include 'footer.html' %} - - \ No newline at end of file + + +{% endblock %} diff --git a/src/Python/flask/web/templates/navbar.html b/src/Python/flask/web/templates/navbar.html index a45669d..becd43d 100644 --- a/src/Python/flask/web/templates/navbar.html +++ b/src/Python/flask/web/templates/navbar.html @@ -11,13 +11,9 @@ logo

Kobuki

- - + + -