Added Home readme

package-lock.json

@@ -2214,6 +2214,16 @@
         "sha.js": "^2.4.8"
       }
     },
+    "create-react-class": {
+      "version": "15.6.3",
+      "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.6.3.tgz",
+      "integrity": "sha512-M+/3Q6E6DLO6Yx3OwrWjwHBnvfXXYA7W+dFjt/ZDBemHO1DDZhsalX/NUtnTYclN6GfnBDRh4qRHjcDHmlJBJg==",
+      "requires": {
+        "fbjs": "^0.8.9",
+        "loose-envify": "^1.3.1",
+        "object-assign": "^4.1.1"
+      }
+    },
     "cross-spawn": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
@@ -6663,6 +6673,11 @@
         "object-visit": "^1.0.0"
       }
     },
+    "marked": {
+      "version": "0.3.19",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.19.tgz",
+      "integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg=="
+    },
     "math-expression-evaluator": {
       "version": "1.2.17",
       "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz",
@@ -8939,11 +8954,67 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-4.0.0.tgz",
       "integrity": "sha512-FlsPxavEyMuR6TjVbSSywovXSEyOg6ZDj5+Z8nbsRl9EkOzAhEIcS+GLoQDC5fz/t9suhUXWmUrOBrgeUvrMxw=="
     },
+    "react-html-parser": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/react-html-parser/-/react-html-parser-1.0.3.tgz",
+      "integrity": "sha1-KDWPDMEe7jv0kPirbJwxvSyAZ5A=",
+      "requires": {
+        "htmlparser2": "^3.9.0"
+      },
+      "dependencies": {
+        "domhandler": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+          "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+          "requires": {
+            "domelementtype": "1"
+          }
+        },
+        "htmlparser2": {
+          "version": "3.9.2",
+          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.9.2.tgz",
+          "integrity": "sha1-G9+HrMoPP55T+k/M6w9LTLsAszg=",
+          "requires": {
+            "domelementtype": "^1.3.0",
+            "domhandler": "^2.3.0",
+            "domutils": "^1.5.1",
+            "entities": "^1.1.1",
+            "inherits": "^2.0.1",
+            "readable-stream": "^2.0.2"
+          }
+        }
+      }
+    },
     "react-lifecycles-compat": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
       "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
     },
+    "react-md-file": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/react-md-file/-/react-md-file-1.1.0.tgz",
+      "integrity": "sha1-alQ/EwaZ88gJulRco6EK3ITPthk=",
+      "requires": {
+        "marked": "^0.3.3",
+        "prop-types": "^15.5.6",
+        "react": "^15.5.3",
+        "react-html-parser": "^1.0.3"
+      },
+      "dependencies": {
+        "react": {
+          "version": "15.6.2",
+          "resolved": "https://registry.npmjs.org/react/-/react-15.6.2.tgz",
+          "integrity": "sha1-26BDSrQ5z+gvEI8PURZjkIF5qnI=",
+          "requires": {
+            "create-react-class": "^15.6.0",
+            "fbjs": "^0.8.9",
+            "loose-envify": "^1.1.0",
+            "object-assign": "^4.1.0",
+            "prop-types": "^15.5.10"
+          }
+        }
+      }
+    },
     "react-popper": {
       "version": "0.10.4",
       "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-0.10.4.tgz",
@@ -10909,9 +10980,9 @@
       }
     },
     "url-parse": {
-      "version": "1.4.1",
+      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.3.tgz",
-      "integrity": "sha512-x95Td74QcvICAA0+qERaVkRpTGKyBHHYdwL2LXZm5t/gBtCB9KQSO/0zQgSTYEV1p0WcvSg79TLNPSvd5IDJMQ==",
+      "integrity": "sha512-rh+KuAW36YKo0vClhQzLLveoj8FwPJNu65xLb7Mrt+eZht0IPT0IXgSv8gcMegZ6NvjJUALf6Mf25POlMwD1Fw==",
       "requires": {
         "querystringify": "^2.0.0",
         "requires-port": "^1.0.0"

package.json

@@ -7,6 +7,7 @@
     "bootstrap": "^4.1.3",
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
+    "react-md-file": "^1.1.0",
     "react-router-dom": "^4.3.1",
     "react-scripts": "1.1.4",
     "reactstrap": "^6.3.1"

public/home.md

@@ -0,0 +1,35 @@
+# Car tools
+
+## Présentation
+
+Comme son nom l'indique ce micro site est avant dédié au monde de la mécanique auto... mais pas que.
+
+L'idée est de regrouper dans un seul endroits quelques outils pratiques quand on fait de la mécanique ou de l'électronique.
+
+Des outils viendront s'ajouter avec le temps au fils de mes besoins mais aussi des votres, vous pouvez me contacter par [mail](https://www.darkou.fr/contact/).
+
+## Outils disponibles
+
+Voici la liste des outils actuellement disponibles sur ce mini site.
+
+### Mécanique
+
+#### Roues
+
+Derrière ce nom très vaste ce cache un outils vous permettant de calculer les différences entre vous roues de références et vos futures roues.
+
+Très utiles lorsque l'on change de jante ou de taille de pneus.
+
+nouveau déport, nouveau diamètre, erreur au compteur... tout sera calculé !
+
+#### Boîte de vitesse
+
+Cet outils vous permettra de calculer le régime moteur en fonction du rapport engagé et de la vitesse au compteur.
+
+Il vous permettra aussi de connaitre la différence de régime/vitesse entre 2 boites, dans le cas ou vous voudriez changer la votre par une avec des rapports plus longs, plus cours...
+
+### Électronique
+
+#### Résistance
+
+Un outils qui me sers assez régulièrement quand je veux faire un montage à base de leds. En effet celui-ci vous permettra de calculer la résistance nécessaire dans l'idéal (mais également la résistance la plus proche dans la série standardisée) pour brancher votre Led sur votre circuit 12v (ou autre tension continue).

src/App.css

@@ -44,3 +44,7 @@ figcaption{
 .table>thead>tr>th.default{
   color:#aa6708
 }
+
+.react-md {
+  padding: 1rem;
+}

src/components/Home.js

@@ -1,13 +1,10 @@
 import React, { Component } from 'react';
+import ReactMd from 'react-md-file';
 
 class Home extends Component {
   render() {
     return (
-      <div>
+      <ReactMd fileName="/home.md" />
-        {' '}
-Home
-        {' '}
-      </div>
     );
   }
 }