From 5bacf24b97023e3ecd22b00714ac2cde6f98c601 Mon Sep 17 00:00:00 2001 From: dbroqua Date: Wed, 15 Aug 2018 18:40:32 +0200 Subject: [PATCH] Added Home readme --- package-lock.json | 77 ++++++++++++++++++++++++++++++++++++++++-- package.json | 1 + public/home.md | 35 +++++++++++++++++++ src/App.css | 4 +++ src/components/Home.js | 7 ++-- 5 files changed, 116 insertions(+), 8 deletions(-) create mode 100644 public/home.md diff --git a/package-lock.json b/package-lock.json index dc4cc76..38c3c7c 100644 --- a/package-lock.json +++ b/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", - "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.1.tgz", - "integrity": "sha512-x95Td74QcvICAA0+qERaVkRpTGKyBHHYdwL2LXZm5t/gBtCB9KQSO/0zQgSTYEV1p0WcvSg79TLNPSvd5IDJMQ==", + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.3.tgz", + "integrity": "sha512-rh+KuAW36YKo0vClhQzLLveoj8FwPJNu65xLb7Mrt+eZht0IPT0IXgSv8gcMegZ6NvjJUALf6Mf25POlMwD1Fw==", "requires": { "querystringify": "^2.0.0", "requires-port": "^1.0.0" diff --git a/package.json b/package.json index 3d33ded..d1efe4d 100644 --- a/package.json +++ b/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" diff --git a/public/home.md b/public/home.md new file mode 100644 index 0000000..a92723b --- /dev/null +++ b/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). diff --git a/src/App.css b/src/App.css index 6232e37..cbd3950 100644 --- a/src/App.css +++ b/src/App.css @@ -44,3 +44,7 @@ figcaption{ .table>thead>tr>th.default{ color:#aa6708 } + +.react-md { + padding: 1rem; +} diff --git a/src/components/Home.js b/src/components/Home.js index 75e7277..4b5a895 100644 --- a/src/components/Home.js +++ b/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 ( -
- {' '} -Home - {' '} -
+ ); } }