Compare commits

...

3 commits

Author SHA1 Message Date
{Marc Moreeuw } 945cc46020 méthode de travail 2023-05-21 18:36:21 +02:00
{Marc Moreeuw } 1f5710709a ajout partie 'team' 2023-05-21 16:14:51 +02:00
{Marc Moreeuw } 7e73747e20 page à props 2023-05-21 14:36:07 +02:00
11 changed files with 207 additions and 168 deletions

View file

@ -1,55 +0,0 @@
<!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.

After

Width:  |  Height:  |  Size: 643 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
img/ajust.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 631 B

BIN
img/bizz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/calendar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 689 B

BIN
img/documentation.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 680 B

BIN
img/hugo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 195 KiB

BIN
img/person.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View file

@ -10,8 +10,8 @@
<meta content="" name="keywords"> <meta content="" name="keywords">
<!-- Favicons --> <!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon"> <link href="img/logo3.png " rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="img/logo3.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link
@ -29,13 +29,7 @@
<!-- 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>
@ -44,9 +38,10 @@
<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 à l'ENSC </h2> <h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à <a
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</a> 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">Découvrir le projet</a>
</div> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
@ -55,16 +50,18 @@
<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="assets/img/logo.png" alt="" class="img-fluid"></a> <a href="index.html"><img src="img/logo3.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>
@ -99,26 +96,31 @@
<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 fabalab </p> <p>Un projet lancé par l'université de Bordeaux en collaboration avec le <a
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="assets/img/about.jpg" class="img-fluid" alt=""> <img src="img/affiche-thermo-bibli.png" 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>Voluptatem dignissimos provident quasi corporis</h3> <h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3>
<p class="fst-italic"> <p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et Une demande initiée par Mr Romain Weinz, conservateur à l'Université de Bordeaux.<br>
dolore <br>Dans le cadre de ce projet et avant l'arrivée de notre équipe, des premiers objectifs ont été
magna aliqua. atteints :
</p> </p>
<ul> <ul>
<li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <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> Duis aute irure dolor in reprehenderit in voluptate velit.</li> bibliothèque
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>
@ -131,41 +133,201 @@
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 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>
</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>Services</h2> <h2>Méthode de travail</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p> <p>Une organisation nécessaire à une bonne réalisation du projet tout au long de l'année</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-receipt"></i> <i class="bx bx-calendar"></i>
<h4>Est labore ad</h4> <h4>Une présence hebdomadaire au Fablab</h4>
<p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p> <p>Généralement le jeudi</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>Harum esse qui</h4> <h4>De nombreuses phases d'apprentissage</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p> <p>Une initiation nécesssaire aux concepts utilisés lors du projet de création des capteurs</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-images"></i> <i class="bx bx-shield"></i>
<h4>Aut occaecati</h4> <h4>Une alternative Open-Source</h4>
<p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p> <p>Une utilisation de nouveaux outils open-source pour l'accessibilité du projet. </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-shield"></i> <i class="bx bx-book-content"></i>
<h4>Beatae veritatis</h4> <h4>Une rédaction d'un journal de bord hebdomadaire</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>
@ -586,81 +748,7 @@
</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,7 +14,9 @@
<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 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"> <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">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet">
@ -50,9 +52,10 @@
<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>
@ -117,7 +120,8 @@
<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 placeat.</p> <p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi
placeat.</p>
</div> </div>
</div> </div>
@ -154,7 +158,8 @@
</div> </div>
</footer><!-- End Footer --> </footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
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>