logicp 5 years ago
parent
commit
04b29a6d39
7 changed files with 40 additions and 12 deletions
  1. 11 0
      express.js
  2. 3 1
      package.json
  3. 11 2
      src/App.css
  4. 12 6
      src/App.js
  5. BIN
      src/assets/JRElogo.png
  6. BIN
      src/assets/jean_poise.jpg
  7. 3 3
      yarn.lock

+ 11 - 0
express.js

@@ -0,0 +1,11 @@
+const express = require('express');
+const path = require('path');
+const app = express();
+
+app.use(express.static(path.join(__dirname, 'build')));
+
+app.get('/', function(req, res) {
+  res.sendFile(path.join(__dirname, 'build', 'index.html'));
+});
+
+app.listen(9914);

+ 3 - 1
package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "express": "^4.17.1",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-scripts": "3.2.0"
@@ -11,7 +12,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "serve": "node express.js"
   },
   "eslintConfig": {
     "extends": "react-app"

+ 11 - 2
src/App.css

@@ -3,7 +3,8 @@
 }
 
 .App-logo {
-  height: 40vmin;
+  height: auto;
+  max-width: 20em;
 }
 
 .App-header {
@@ -17,6 +18,14 @@
   color: white;
 }
 
-.App-link {
+.App-link, .band-text {
   color: #09d3ac;
 }
+
+#main-container {
+  padding: 8px;
+}
+
+.band-member-pic {
+  max-width: 20em;
+}

+ 12 - 6
src/App.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import logo from './logo.svg';
+import logo from './assets/JRElogo.png';
+import jean from './assets/jean_poise.jpg'
 import './App.css';
 
 function App() {
@@ -7,17 +8,22 @@ function App() {
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
         <a
           className="App-link"
-          href="https://reactjs.org"
+          href="http://jre.logicp.ca"
           target="_blank"
           rel="noopener noreferrer"
         >
-          Learn React
+          Evolve your mind
         </a>
+        <body>
+          <div id="main-container">
+            <img src={jean} className="band-member-pic" alt="Jean Bergeron" />
+            <h4 className="band-text">
+              Jean in top form
+            </h4>
+          </div>
+        </body>
       </header>
     </div>
   );

BIN
src/assets/JRElogo.png


BIN
src/assets/jean_poise.jpg


+ 3 - 3
yarn.lock

@@ -3816,7 +3816,7 @@ expect@^24.9.0:
     jest-message-util "^24.9.0"
     jest-regex-util "^24.9.0"
 
-express@^4.16.2:
+express@^4.16.2, express@^4.17.1:
   version "4.17.1"
   resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
   integrity sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==
@@ -8010,7 +8010,7 @@ react-dev-utils@^9.1.0:
     strip-ansi "5.2.0"
     text-table "0.2.0"
 
-react-dom@16.10.2:
+react-dom@^16.10.2:
   version "16.10.2"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.10.2.tgz#4840bce5409176bc3a1f2bd8cb10b92db452fda6"
   integrity sha512-kWGDcH3ItJK4+6Pl9DZB16BXYAZyrYQItU4OMy0jAkv5aNqc+mAKb4TpFtAteI6TJZu+9ZlNhaeNQSVQDHJzkw==
@@ -8091,7 +8091,7 @@ react-scripts@3.2.0:
   optionalDependencies:
     fsevents "2.0.7"
 
-react@16.10.2:
+react@^16.10.2:
   version "16.10.2"
   resolved "https://registry.yarnpkg.com/react/-/react-16.10.2.tgz#a5ede5cdd5c536f745173c8da47bda64797a4cf0"
   integrity sha512-MFVIq0DpIhrHFyqLU0S3+4dIcBhhOvBE8bJ/5kHPVOVaGdo0KuiQzpcjCPsf585WvhypqtrMILyoE2th6dT+Lw==