Update core

Author: jcs090218

package-lock.json

@@ -10,6 +10,7 @@
     "react": "^17.0.2",
     "react-bootstrap": "^2.1.1",
     "react-dom": "^17.0.2",
+    "react-icons": "^4.3.1",
     "react-scripts": "5.0.0",
     "web-vitals": "^2.1.4"
   },

package.json

@@ -4,6 +4,7 @@ import 'bootstrap/dist/css/bootstrap.css';
 import './App.css';
 
 import ENavbar from './components/ENavbar.js';
+import EBanner from './components/EBanner.js';
 import EFooter from './components/EFooter.js';
 
 class App extends React.Component {
@@ -16,6 +17,7 @@ class App extends React.Component {
     return (
       <React.Fragment>
         <ENavbar />
+        <EBanner />
         <EFooter />
       </React.Fragment>
     );

src/App.js

@@ -7,11 +7,17 @@
  *                   Copyright © 2022 by Shen, Jen-Chieh $
  */
 import React from 'react';
+import { Container } from 'react-bootstrap';
 
 class EFooter extends React.Component {
   state = {};
   render () {
-    return (<></>);
+    return (
+      <>
+        <Container variant="mt-auto">
+          Copyright © 2022
+        </Container>
+      </>);
   }
 }
 

src/components/EFooter.js

@@ -9,18 +9,36 @@
 import React from 'react';
 import { Container, Navbar, Nav } from 'react-bootstrap';
 
+import { SiGithub } from 'react-icons/si';
+import { BsNewspaper } from 'react-icons/bs';
+import { BsQuestion } from 'react-icons/bs';
+import { FaQuestion } from 'react-icons/fa';
+import { GiLaurelsTrophy } from 'react-icons/gi';
+
 class ENavbar extends React.Component {
   state = {};
   render () {
     return (
       <>
-        <Navbar variant="dark">
+        <Navbar variant="dark mb-auto">
           <Container>
-            <Navbar.Brand href="#home">JCS-EMACS</Navbar.Brand>
-            <Nav className="me-auto">
-              <Nav.Link href="#home">Home</Nav.Link>
-              <Nav.Link href="#features">Features</Nav.Link>
-              <Nav.Link href="#pricing">Pricing</Nav.Link>
+            <Navbar.Brand href="">JCS-EMACS</Navbar.Brand>
+            <Nav className="ms-auto">
+              <Nav.Link href="https://github.com/jcs-emacs/jcs-emacs">
+                <SiGithub /> GitHub
+              </Nav.Link>
+              <Nav.Link disabled>•</Nav.Link>
+              <Nav.Link href="https://github.com/jcs-emacs/jcs-emacs#-features">
+                <GiLaurelsTrophy /> Features
+              </Nav.Link>
+              <Nav.Link disabled>•</Nav.Link>
+              <Nav.Link href="https://github.com/jcs-emacs/jcs-emacs#-news">
+                <BsNewspaper /> News
+              </Nav.Link>
+              <Nav.Link disabled>•</Nav.Link>
+              <Nav.Link href="https://github.com/jcs-emacs/jcs-emacs/blob/master/docs/FAQ.md">
+                <FaQuestion /> FAQ
+              </Nav.Link>
             </Nav>
           </Container>
         </Navbar>