debut fix docker compose

notes.md

@@ -35,3 +35,24 @@ Pour faire fonctionner l'application, il faudrait probablement :
 4. Configurer les paramètres de connexion à la base de données.
 5. Compiler les fichiers SCSS en CSS si nécessaire.
 6. S'assurer que les permissions de fichiers sont correctement configurées.
+
+## Deuxième étape - La prise en main
+
+### Faire marcher l'application
+
+Pour faire marcher l'application j'ai du modifier le docker compose, ajouter un docker mysql (trouvé mysql dans le dockerfile du php).
+Pour facilité l'insertion des valeurs sql j'ai réunis tous les .sql dans le dossier sql.
+
+J'ai ajotuer un .env pour la db (nommé db.env). J'ai ajouté un config.ini ou j'ai renseigné les éléments clé pour faire marché la liaison entre la db et l'application php.
+
+Dans le SCSS il y avait une erreur dans _grid.scss le mixin responsive-columns avait une erreur.
+De plus, main.js n'appelais pas le bon fichier css.
+
+### Créer un mode d'emploi pour faire marcher l'application (un docker-compose par exemple ?)
+
+1. Copier db.env.exemple et nommé le db.env, complétez le.
+2. Copier config.ini.example et nommé le nouveau fichier config.ini et compléter le.
+3. lancer le docker avec docker compose up
+
+### Trouver les dépendances non maintenu
+

scss/_grid.scss

@@ -18,22 +18,21 @@ $desktop: 64.063em !default; // 1025px
 
 // Grille du style: $suffix-#i
 
-@mixin responsive-columns($suffix: ''){
-  @for $i from 0 through $grid-columns{
+@mixin responsive-columns($suffix: '') {
+  @for $i from 0 through $grid-columns {
     @if $i != 0 {
-      .#{$suffix}-#{$i}{
-        width: 100% - (($grid-columns - $i) * (calculate-grid($grid-columns, $gutter) + $gutter));
-        //flex-basis: pour plus tard.
+      .#{$suffix}-#{$i} {
+        width: calc(100% - (($grid-columns - $i) * (#{calculate-grid($grid-columns, $gutter)} + #{$gutter})));
         margin-right: $gutter;
         word-wrap: break-word;
-        &:last-child{
-          margin-right:0;
+        &:last-child {
+          margin-right: 0;
         }
       }
     }
-    .#{$suffix}-push-#{$i}{ left:calc($i / $grid-columns * 100%); }
-    .#{$suffix}-offset-#{$i}{ margin-left:calc($i / $grid-columns * 100%); }
-    .#{$suffix}-pull-#{$i}{ left:calc($i / $grid-columns * 100%); }
+    .#{$suffix}-push-#{$i} { left: calc(($i / $grid-columns) * 100%); }
+    .#{$suffix}-offset-#{$i} { margin-left: calc(($i / $grid-columns) * 100%); }
+    .#{$suffix}-pull-#{$i} { right: calc(($i / $grid-columns) * 100%); }
   }
 }
 

template/main.html.twig

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
     <link rel="stylesheet" href="{{ chemin }}stylesheets/master.css"/>
-    <link rel="stylesheet" type="text/css" href="{{ chemin }}stylesheets/component.css"/>
+    <link rel="stylesheet" type="text/css" href="{{ chemin }}stylesheets/master.css"/>
     <script src="../js/jquery-1.11.1.min.js" id="sln_bar"></script>
     <title>RatCoin</title>
 </head>