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">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link href="img/logo3.png " rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
@ -29,13 +29,7 @@
<!-- Template Main CSS File -->
<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>
<body>
@ -44,9 +38,10 @@
<section id="hero">
<div class="hero-container">
<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>
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</a>
<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
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>
</section><!-- End Hero -->
@ -55,16 +50,18 @@
<div class="container d-flex align-items-center justify-content-between">
<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>
<nav id="navbar" class="navbar">
<ul>
<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="#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 class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
<ul>
@ -99,26 +96,31 @@
<div class="section-title" data-aos="fade-up">
<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 class="row">
<div class="col-lg-6" data-aos="fade-right">
<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 class="col-lg-6" data-aos="fade-left">
<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">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
Une demande initiée par Mr Romain Weinz, conservateur à l'Université de Bordeaux.<br>
<br>Dans le cadre de ce projet et avant l'arrivée de notre équipe, des premiers objectifs ont été
atteints :
</p>
<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> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
<li><i class="bx bx-check-double"></i> Conception d'une grappe de capteurs installée au sein de la
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
aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla
pariatur.</li>
@ -131,41 +133,201 @@
culpa qui officia deserunt mollit anim id est laborum
</p>
</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>
</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 ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Services</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
<h2>Méthode de travail</h2>
<p>Une organisation nécessaire à une bonne réalisation du projet tout au long de l'année</p>
</div>
<div class="row">
<div class="col-lg-6 order-2 order-lg-1">
<div class="icon-box mt-5 mt-lg-0" data-aos="fade-up">
<i class="bx bx-receipt"></i>
<h4>Est labore ad</h4>
<p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
<i class="bx bx-calendar"></i>
<h4>Une présence hebdomadaire au Fablab</h4>
<p>Généralement le jeudi</p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-cube-alt"></i>
<h4>Harum esse qui</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
<h4>De nombreuses phases d'apprentissage</h4>
<p>Une initiation nécesssaire aux concepts utilisés lors du projet de création des capteurs</p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-images"></i>
<h4>Aut occaecati</h4>
<p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
<i class="bx bx-shield"></i>
<h4>Une alternative Open-Source</h4>
<p>Une utilisation de nouveaux outils open-source pour l'accessibilité du projet. </p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-shield"></i>
<h4>Beatae veritatis</h4>
<i class="bx bx-book-content"></i>
<h4>Une rédaction d'un journal de bord hebdomadaire</h4>
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
</div>
</div>
@ -586,81 +748,7 @@
</div>
</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 ======= -->
<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">
<!-- 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 -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
@ -50,9 +52,10 @@
<ul>
<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="#team">Team</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="#team">Team</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>
<ul>
@ -117,7 +120,8 @@
<div class="col-lg-6">
<a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a>
<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>
@ -154,7 +158,8 @@
</div>
</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 -->
<script src="assets/vendor/aos/aos.js"></script>