Compare commits

..

No commits in common. "945cc460203ffe4dea01e9f9ce9d186f82bba398" and "fe3deaa4a30630ce8c936e9c6b94df936ffe3eaa" have entirely different histories.

11 changed files with 168 additions and 207 deletions

55
html/accueil.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thermo-Bibli</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"></script>
</head>
<body class="h-100 text-center text-white bg-dark">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">
<img class="logo" src="../img/logo.png" alt="Logo">
Thermo-Bibli
</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link active" aria-current="page" href="#">Accueil</a>
<a class="nav-link" href="#">Gestion de projet</a>
<a class="nav-link" href="#">Livrables</a>
<a class="nav-link" href="#">Passations</a>
<a class="nav-link" href="#">Plan Vert</a>
<a class="nav-link" href="#">Retours</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>
<main class="px-3">
<h1>Projet Transdisciplinaire 2022 -2023</h1>
<h5>Dans le cadre des enseignements fournis à l'<a href="https://ensc.bordeaux-inp.fr/fr"
style="color: #fff;" target="_blank">Ecole Nationale
Supérieure de Cognitique</a></h5>
<br>
<h2>Thermo-Bibli</h2>
</p>
</main>
<footer class="mt-auto text-white-50">
<p>Made with ❤ par l'équipe du projet Transdisciplinaire de l'ENSC</p>
</footer>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 643 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 689 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -10,8 +10,8 @@
<meta content="" name="keywords"> <meta content="" name="keywords">
<!-- Favicons --> <!-- Favicons -->
<link href="img/logo3.png " rel="icon"> <link href="assets/img/favicon.png" rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link
@ -29,7 +29,13 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Knight
* Updated: Mar 10 2023 with Bootstrap v5.2.3
* Template URL: https://bootstrapmade.com/knight-free-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head> </head>
<body> <body>
@ -38,10 +44,9 @@
<section id="hero"> <section id="hero">
<div class="hero-container"> <div class="hero-container">
<h1 data-aos="zoom-in">Bienvenue sur le site du projet transdisciplinaire : Thermo- Bibli !</h1> <h1 data-aos="zoom-in">bienvenue sur le site du projet transdisciplinaire : Thermo- Bibli</h1>
<h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à <a <h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à l'ENSC </h2>
href="https://ensc.bordeaux-inp.fr/fr">l'ENSC </a></h2> <a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</a>
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Découvrir le projet</a>
</div> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
@ -50,18 +55,16 @@
<div class="container d-flex align-items-center justify-content-between"> <div class="container d-flex align-items-center justify-content-between">
<div class="logo"> <div class="logo">
<a href="index.html"><img src="img/logo3.png" alt="" class="img-fluid"></a> <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
</div> </div>
<nav id="navbar" class="navbar"> <nav id="navbar" class="navbar">
<ul> <ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li> <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#about">A propos</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li> <li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li> <li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a> <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
<ul> <ul>
@ -96,31 +99,26 @@
<div class="section-title" data-aos="fade-up"> <div class="section-title" data-aos="fade-up">
<h2>A propos du projet</h2> <h2>A propos du projet</h2>
<p>Un projet lancé par l'université de Bordeaux en collaboration avec le <a <p>un projet lancé par l'université de Bordeaux en collaboration avec le fabalab </p>
href="https://www.iut.u-bordeaux.fr/cohabit/">Fablab Coh@bit</a> de l'IUT de Bordeaux
</p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6" data-aos="fade-right"> <div class="col-lg-6" data-aos="fade-right">
<div class="image"> <div class="image">
<img src="img/affiche-thermo-bibli.png" class="img-fluid" alt=""> <img src="assets/img/about.jpg" class="img-fluid" alt="">
</div> </div>
</div> </div>
<div class="col-lg-6" data-aos="fade-left"> <div class="col-lg-6" data-aos="fade-left">
<div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 "> <div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 ">
<h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3> <h3>Voluptatem dignissimos provident quasi corporis</h3>
<p class="fst-italic"> <p class="fst-italic">
Une demande initiée par Mr Romain Weinz, conservateur à l'Université de Bordeaux.<br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
<br>Dans le cadre de ce projet et avant l'arrivée de notre équipe, des premiers objectifs ont été dolore
atteints : magna aliqua.
</p> </p>
<ul> <ul>
<li><i class="bx bx-check-double"></i> Conception d'une grappe de capteurs installée au sein de la <li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
bibliothèque <li><i class="bx bx-check-double"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
Universitaire dans le site Carreire à Bordeaux. </li>
<li><i class="bx bx-check-double"></i> Système de transfert et de visualisation des données reccueillis
par les capteurs. </li>
<li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis <li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla
pariatur.</li> pariatur.</li>
@ -133,201 +131,41 @@
culpa qui officia deserunt mollit anim id est laborum culpa qui officia deserunt mollit anim id est laborum
</p> </p>
</div> </div>
<br>
<h3 class="text-center"> Notre Mission</h3>
<br>
<div class="row">
<div class="col text-center">
<figure class=" text-center">
<img src="img/ajust.png" class="img-fluid" alt=""><br>
</figure>
<br>
Apporter des améliorations.<br>
</div> </div>
<div class="col text-center">
<figure class="text-center">
<br>
<img src="img/documentation.png" class="img-fluid" alt=""><br>
</figure>
<br>
Rédiger une documentation pour les <strong>utilisateurs</strong> .<br>
</div>
<div class="col text-center">
<figure class="text-center">
<br>
<img src="img/documentation.png" class="img-fluid" alt=""><br>
</figure>
<br>
Rédiger une documentation pour la <strong>reproductibilité des
capteurs</strong>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section><!-- End About Us Section --> </section><!-- End About Us Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Equipe du projet</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div>
<br>
<div class="row">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="zoom-in">
<div class="member-img">
<img src="img/person.png" class="img-fluid" alt="">
</div>
<div class="member-info text-center">
<h4>Félix Boissie </h4>
<span>Etudiant en 1ere année à l'ENSC</span>
<p>Travaille principalement sur la documentation</p>
</div>
</div>
</div>
<br>
<div class="col-lg-3 col-sm-9 d-flex align-items-stretch">
<div class="member " data-aos="zoom-in" data-aos-delay="100">
<div class="member-img">
<img src="img/person.png" class="img-fluid rounded-circle shadow-4-strong" alt="">
</div>
<div class="member-info text-center">
<h4>Théo Biron</h4>
<span>Etudiant en 1ere année à l'ENSC</span>
<p>Travaille principalement sur la documentation</p>
</div>
</div>
</div>
<br>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member " data-aos="zoom-in" data-aos-delay="200">
<div class="member-img">
<img src="img/person.png" class="img-fluid" alt="">
</div>
<div class="member-info text-center">
<h4>Hugo Guenillier </h4>
<span>Etudiant en 1ere année à l'ENSC</span>
<p>Travaille principalement sur la documentation</p>
</div>
</div>
</div>
<br>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="zoom-in" data-aos-delay="100">
<div class="member-img">
<img src="img/person.png" class="img-fluid rounded-circle shadow-4-strong" alt="">
<br>
</div>
<div class="member-info text-center">
<h4> Marc Moreeuw</h4>
<span>Etudiant en 1ere année à l'ENSC</span>
<p>Travaille principalement sur la documentation</p>
</div>
</div>
</div>
</div>
<div class="row text-center">
<figure> <img src="img/bizz.png" class="img-fluid" width="150" height="100">
</figure>
</div>
<div class=" row tex-center">
<div class="row">
<div class="col text-center">
<br>
<h2> Des acteurs du fablab</h2>
<br>
Pierre Grangé-Praderas<br>
<br>Une étudiante en service civique
</div>
<div class=" col text-center">
<br>
<h2> Des acteurs extérieurs </h2><br>
<br> Des acteurs qui nous ont précédés<br>
<br>Un groupe de lycéen en stage
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Services Section ======= --> <!-- ======= Services Section ======= -->
<section id="services" class="services"> <section id="services" class="services">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-up"> <div class="section-title" data-aos="fade-up">
<h2>Méthode de travail</h2> <h2>Services</h2>
<p>Une organisation nécessaire à une bonne réalisation du projet tout au long de l'année</p> <p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6 order-2 order-lg-1"> <div class="col-lg-6 order-2 order-lg-1">
<div class="icon-box mt-5 mt-lg-0" data-aos="fade-up"> <div class="icon-box mt-5 mt-lg-0" data-aos="fade-up">
<i class="bx bx-calendar"></i> <i class="bx bx-receipt"></i>
<h4>Une présence hebdomadaire au Fablab</h4> <h4>Est labore ad</h4>
<p>Généralement le jeudi</p> <p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
</div> </div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="100"> <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-cube-alt"></i> <i class="bx bx-cube-alt"></i>
<h4>De nombreuses phases d'apprentissage</h4> <h4>Harum esse qui</h4>
<p>Une initiation nécesssaire aux concepts utilisés lors du projet de création des capteurs</p> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
</div> </div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200"> <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-shield"></i> <i class="bx bx-images"></i>
<h4>Une alternative Open-Source</h4> <h4>Aut occaecati</h4>
<p>Une utilisation de nouveaux outils open-source pour l'accessibilité du projet. </p> <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
</div> </div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300"> <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-book-content"></i> <i class="bx bx-shield"></i>
<h4>Une rédaction d'un journal de bord hebdomadaire</h4> <h4>Beatae veritatis</h4>
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p> <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
</div> </div>
</div> </div>
@ -748,7 +586,81 @@
</div> </div>
</section><!-- End Clients Section --> </section><!-- End Clients Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Team</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="zoom-in">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Walter White</h4>
<span>Chief Executive Officer</span>
<p>Animi est delectus alias quam repellendus nihil nobis dolor. Est sapiente occaecati et dolore. Omnis
aut ut nesciunt explicabo qui. Eius nam deleniti ut omnis</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="zoom-in" data-aos-delay="100">
<div class="member-img">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Sarah Jhonson</h4>
<span>Product Manager</span>
<p>Aspernatur iste esse aliquam enim et corporis. Molestiae voluptatem aut eligendi quis aut. Libero vel
amet voluptatem eos rerum non doloremque</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="zoom-in" data-aos-delay="200">
<div class="member-img">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>William Anderson</h4>
<span>CTO</span>
<p>Ut enim possimus nihil cupiditate beatae. Veniam facere quae non qui necessitatibus rerum eos vero.
Maxime sit sunt quo dolor autem est qui quaerat</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Pricing Section ======= --> <!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section-bg"> <section id="pricing" class="pricing section-bg">

View file

@ -14,9 +14,7 @@
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet">
@ -52,10 +50,9 @@
<ul> <ul>
<li><a class="nav-link scrollto " href="#hero">Home</a></li> <li><a class="nav-link scrollto " href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li> <li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li> <li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a> <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
<ul> <ul>
@ -120,8 +117,7 @@
<div class="col-lg-6"> <div class="col-lg-6">
<a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a> <a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a>
<h3>Knight</h3> <h3>Knight</h3>
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi <p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi placeat.</p>
placeat.</p>
</div> </div>
</div> </div>
@ -158,8 +154,7 @@
</div> </div>
</footer><!-- End Footer --> </footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files --> <!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/aos/aos.js"></script>