Added code of conduct page/

.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

.eslintrc.js

@@ -0,0 +1,2 @@
+/* eslint-disable quotes */
+module.exports = { "extends": "standard" }

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+ "editor.codeActionsOnSave": {
+ "source.fixAll.eslint": true
+ },
+ "eslint.validate": ["javascript"]
+ }

package.json

@@ -42,5 +42,13 @@
  "last 1 firefox version",
  "last 1 safari version"
  ]
+ },
+ "devDependencies": {
+ "eslint": "^7.13.0",
+ "eslint-config-standard": "^16.0.2",
+ "eslint-plugin-import": "^2.22.1",
+ "eslint-plugin-node": "^11.1.0",
+ "eslint-plugin-promise": "^4.2.1",
+ "eslint-plugin-standard": "^4.1.0"
  }
 }

src/App.css

@@ -70,3 +70,9 @@ body{
  transform: rotate(360deg);
  }
 }
+
+.codeconduct{
+ background-image: url('./image/Popschools.png');
+ background-size: cover;
+
+}

src/App.js

@@ -1,19 +1,23 @@
-import React from "react";
-import "./App.css";
-import "./css/tailwind.css";
-import "bulma/css/bulma.css";
-import Home from "./components/Home.js";
-import { BrowserRouter as Router, Route } from "react-router-dom";
-function App() {
+import React from 'react'
+import './App.css'
+import './css/tailwind.css'
+import 'bulma/css/bulma.css'
+import Home from './components/Home.js'
+import { BrowserRouter as Router, Route } from 'react-router-dom'
+import Codeofconduct from './components/codefconduct'
+function App () {
  return (
  <>
  <Router>
  <Route exact path="/">
  <Home />
  </Route>
+ <Route path='/codeofconduct'>
+ <Codeofconduct/>
+ </Route>
  </Router>
  </>
- );
+ )
 }
 
-export default App;
+export default App

src/components/Footer.js

@@ -1,10 +1,10 @@
-import React from "react";
-import Logo from "../image/logo.png";
-import "../css/tailwind.css";
-import "../App.css";
-import { GithubFilled, TwitterCircleFilled } from "@ant-design/icons";
+import React from 'react'
+import Logo from '../image/logo.png'
+import '../css/tailwind.css'
+import '../App.css'
+import { GithubFilled, TwitterCircleFilled } from '@ant-design/icons'
 // import 'bulma/css/bulma.css'
-function Footer() {
+function Footer () {
  return (
  <>
  <div className="mtop">
@@ -28,19 +28,27 @@ function Footer() {
  <a href="https://github.com/PopSchools/popschools.org">
  <span className=" px-3 text-gray-600 text-4xl inline-block">
  <GithubFilled />
- </span>{" "}
+ </span>{' '}
  </a>
  <a href="https://twitter.com/popschoolsorg">
  <span className="px-3 text-gray-600 text-4xl inline-block">
  <TwitterCircleFilled />
- </span>{" "}
+ </span>{' '}
  </a>
  </div>
+
+ <div>
+ <p className="py-3 px-3 text-gray-600 font-bold">
+ Code of Conduct
+ </p>
+ <a href="/codeofconduct"> <span className="px-3 py-4 text-gray-600 text-sm inline-block">View Code</span></a>
+
+ </div>
  </div>
  <div className="grid grid-cols-2 md:grid-cols-2">
  <div className="py-6">
  <span className="text-left text-gray-600 py-2 px-3">
- <span dangerouslySetInnerHTML={{ __html: "&copy;" }} />
+ <span dangerouslySetInnerHTML={{ __html: '&copy;' }} />
  {new Date().getFullYear()} PopSchools, Inc.
  </span>
  </div>
@@ -50,7 +58,7 @@ function Footer() {
  </div>
  </div>
  </>
- );
+ )
 }
 
-export default Footer;
+export default Footer