insuline quand le sucre ne suffit plus

2022-12-15 16:06:05 +01:00 · 2022-12-15 16:06:05 +01:00 · d3d502e85c
commit d3d502e85c
parent b195e07af0
5 changed files with 143 additions and 0 deletions
--- a/config.php
+++ b/config.php
@ -0,0 +1,14 @@
+<?php 
+    $db_password = '314671';
+    $db_login = 'dossantoad';
+    $db_hostname = 'dwarves.iut-fbleau.fr';
+
+    try // On tente de se connecter a la base de données
+    {
+        $db = new PDO('mysql:host='.$db_hostname.';dbname='.$db_login.';charset=utf8', $db_login, $db_password, [PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]);
+    }
+    catch (Exception $e)
+    {
+        die('Erreur : ' . $e->getMessage()); // Si la connexion échoue, on affiche un message d'erreur
+    }
+?>
--- a/css/header.css
+++ b/css/header.css
@ -0,0 +1,105 @@
+header{
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: minmax(auto, 10);
+    width:100%;
+    text-align: center;
+    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+    background-color: lightsalmon;
+  }
+  .Titre {
+    grid-column-start:2;
+    grid-row-start:1;
+    width:80%;
+    margin:auto;
+    margin-top:2%;
+    z-index:2;
+  }
+  .rotate{
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    width:70%;
+    margin-top: -30%;
+    z-index:1;
+    animation: rotation 50s infinite linear;
+  }
+  @keyframes rotation {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(359deg);
+    }
+  }
+  .rotate2{
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    width:40%;
+    margin : auto;
+    margin-top: -15%;
+    z-index:1;
+    animation: rotation2 10s infinite linear;
+  }
+  @keyframes rotation2 {
+    from {
+      transform: rotate(359deg);
+    }
+    to {
+      transform: rotate(0deg);
+    }
+  }
+  
+  .intro{
+    grid-column-start: 2;
+    grid-row-start : 2;
+  }
+
+  
+  nav{
+    grid-column-start: 1;
+    grid-column-end: 4;
+    z-index:6;
+  }
+  .navbar ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+  }
+  .navbar li {
+    float: left;
+    margin-left: 2.7%;
+  }
+  .navbar li #tab{
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+  .navbar li a:hover {
+    background-color: #111;
+  }
+  .login, .panier{
+    margin-left: -15px;
+    background-color: pink;
+  }
+  .navbar li #login, #panier{
+    padding-top: 16px;
+  }
+  
+  .active {
+    background-color: darkred;
+  }
+  .active_icon {
+    background-color: darkred;
+    margin-left: -15px;
+    
+  }
--- a/img/roue.png
+++ b/img/roue.png
--- a/img/sodaramel.png
+++ b/img/sodaramel.png
--- a/index.php
+++ b/index.php
@ -0,0 +1,24 @@
+<?php
+    include_once("config.php");
+// on tente de se connecter a la base de donnees
+
+    ?>
+<!Doctype html>
+<html lang="fr">
+    <head>
+        <title class="intro">menu</title>
+        <meta charset="UTF-8"> 
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <link rel="stylesheet" href="css/header.css" >
+    </head>
+    <header>
+        <img class=rotate src="img/roue.png" alt="">
+        <img class=rotate2 src="img/roue.png" alt="">
+        <img class=Titre src="img/sodaramel.png" alt="Créé par Simon Catanese, propriété intellectuelle de Sodaramel®">
+        <p class="intro">Sodaramel, quand le caramel est coule !</p>
+
+    </header>
+    <body>
+        <div class="></div>
+    </body>
+</html>