Smikkelbakje/J2S1-Kobuki
1
0
Fork 0
mirror of https://gitlab.fdmci.hva.nl/technische-informatica-sm3/ti-projectten/rooziinuubii79.git synced 2025-08-03 20:04:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling website

Browse Source
This commit is contained in:
ishak jmilou.ishak
2024-11-20 17:14:54 +01:00
parent c16ba3cf9d
commit a41ea1b70c
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/Python/flask/web/static/style.css
View File

@@ -89,6 +89,18 @@ body {
transition: transform 0.2s ease, background-color 0.2s ease; transition: transform 0.2s ease, background-color 0.2s ease;
} }
.text{
width: 50%;
}
.image{
height: 100%;
}
.sectionHeight{
height: 200px;
}
/* Direction buttons */ /* Direction buttons */
.btn:nth-child(1) { .btn:nth-child(1) {
/* Left */ /* Left */

0
src/Python/flask/web/static/base.html → src/Python/flask/web/templates/base.html
View File

8
src/Python/flask/web/templates/index.html
View File

@@ -10,17 +10,17 @@
<link rel="stylesheet" href="../static/style.css" /> <link rel="stylesheet" href="../static/style.css" />
</head> </head>
<body> <body>
<section class="container" id="home"> <section class="container sectionHeight">
<p> <p class="text">
The Kobuki Robot Project is an innovative initiative aimed at developing The Kobuki Robot Project is an innovative initiative aimed at developing
a versatile and intelligent robot platform. Our goal is to create a a versatile and intelligent robot platform. Our goal is to create a
robot that can navigate autonomously, interact with its environment, and robot that can navigate autonomously, interact with its environment, and
perform various tasks. perform various tasks.
</p> </p>
<img src="{{url_for('static', filename='images/logo.png')}}" alt="logo" class="imgNav" /> <img src="{{url_for('static', filename='images/logo.png')}}" alt="logo" class="image" />
</section> </section>
<section class="container" id="about"> <section class="container sectionHeight" id="about">
<h2>About the Project</h2> <h2>About the Project</h2>
<p> <p>
This project is a collaborative effort involving engineers, researchers, This project is a collaborative effort involving engineers, researchers,