timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
anto
2024-10-24 17:35:36 +02:00
parent e07c99e5bb
commit 78c9d31c13
3 changed files with 55 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
css/style.css
View File

@@ -1,10 +1,26 @@
main { main {
flex: 1 0 auto; flex: 1 0 auto;
} }
footer { footer {
text-align: center; text-align: center;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
} }
.row {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}

70
html/projet_detail.html
View File

@@ -19,47 +19,43 @@
<body> <body>
<div id="section" class="container mt-5"> <div id="section" class="container mt-5">
<div> <div class="row">
<div class="buttons-container" style="float: left; width: 20%"> <div class="col-md-12">
<button id="projets" class="btn btn-primary"> <div class="buttons-container" style="float: left; width: 20%">
<span> Home </span> <button id="projets" class="btn btn-primary">
</button> <span> Home </span>
</button>
</div>
<h3 id="name_project" class="text-black" style="float: left; width: 50%"></h3>
</div>
</div>
<div class="row">
<div class="col-md-6">
<table class="table table-striped" id="table-metrics">
<thead class="bg-blue-600 text-black">
<tr>
<th>date</th>
<th>Hygrométrie</th>
<th>température</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div class="col-md-6">
<table class="table table-striped" id="table-image">
<thead class="bg-blue-600 text-black">
<tr>
<th>images</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div> </div>
<h3
id="name_project"
class="text-black"
style="float: left; width: 50%"
></h3>
</div> </div>
<table
class="table table-striped"
id="table-metrics"
style="float: left; width: 50%"
>
<thead class="bg-blue-600 text-black">
<tr>
<th>date</th>
<th>Hygrométrie</th>
<th>température</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- <table
class="table table-striped"
id="table-image"
style="float: left; width: 50%"
>
<thead class="bg-blue-600 text-black">
<tr>
<th>images</th>
</tr>
</thead>
<tbody></tbody>
</table> -->
</div> </div>
<img id="my-image" alt="Description of the image"> <img id="my-image" alt="Description of the image" />
<footer> <footer>
<p>&copy; 2024 Timelapse. All rights reserved.</p> <p>&copy; 2024 Timelapse. All rights reserved.</p>
</footer> </footer>

1
index.html
View File

@@ -15,6 +15,7 @@
<div id="section" class="container mt-5"> <div id="section" class="container mt-5">
<div class="buttons-container mb-4"> <div class="buttons-container mb-4">
<button id="video" class="btn btn-primary"><span>Mes vidéos</span></button> <button id="video" class="btn btn-primary"><span>Mes vidéos</span></button>
<button id="download" class="btn btn-primary"><span>Download App</span></button>
</div> </div>
<table class="table table-striped" id="table-projects"> <table class="table table-striped" id="table-projects">