diff --git a/package-lock.json b/package-lock.json index 46dc9e5..be2b40e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "bootstrap": "^5.3.3", "react": "^18.3.1", + "react-bootstrap": "^2.10.2", "react-dom": "^18.3.1", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" @@ -3561,6 +3563,73 @@ } } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@react-aria/ssr": { + "version": "3.9.4", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.4.tgz", + "integrity": "sha512-4jmAigVq409qcJvQyuorsmBR4+9r3+JEC60wC+Y0MZV0HCtTmm8D9guYXlJMdx0SSkgj0hHAyFm/HvPNFofCoQ==", + "license": "Apache-2.0", + "dependencies": { + "@swc/helpers": "^0.5.0" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0" + } + }, + "node_modules/@restart/hooks": { + "version": "0.4.16", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz", + "integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==", + "license": "MIT", + "dependencies": { + "dequal": "^2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@restart/ui": { + "version": "1.6.9", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.9.tgz", + "integrity": "sha512-mUbygUsJcRurjZCt1f77gg4DpheD1D+Sc7J3JjAkysUj7t8m4EBJVOqWC9788Qtbc69cJ+HlJc6jBguKwS8Mcw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@popperjs/core": "^2.11.6", + "@react-aria/ssr": "^3.5.0", + "@restart/hooks": "^0.4.9", + "@types/warning": "^3.0.0", + "dequal": "^2.0.3", + "dom-helpers": "^5.2.0", + "uncontrollable": "^8.0.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + } + }, + "node_modules/@restart/ui/node_modules/uncontrollable": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-8.0.4.tgz", + "integrity": "sha512-ulRWYWHvscPFc0QQXvyJjY6LIXU56f0h8pQFvhxiKk5V1fcI8gp9Ht9leVAhrVjzqMw0BgjspBINx9r6oyJUvQ==", + "license": "MIT", + "peerDependencies": { + "react": ">=16.14.0" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -3903,6 +3972,15 @@ "url": "https://github.com/sponsors/gregberge" } }, + "node_modules/@swc/helpers": { + "version": "0.5.11", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.11.tgz", + "integrity": "sha512-YNlnKRWF2sVojTpIyzwou9XoTNbzbzONwRhOoniEioF1AtaitTvVZblaQRrAzChWQ1bLYyYSWzM18y4WwgzJ+A==", + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@testing-library/dom": { "version": "10.1.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.1.0.tgz", @@ -4775,6 +4853,15 @@ "@types/react": "*" } }, + "node_modules/@types/react-transition-group": { + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", + "license": "MIT", + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -4856,6 +4943,12 @@ "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", "license": "MIT" }, + "node_modules/@types/warning": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz", + "integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q==", + "license": "MIT" + }, "node_modules/@types/ws": { "version": "8.5.10", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz", @@ -6288,6 +6381,25 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "license": "ISC" }, + "node_modules/bootstrap": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz", + "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "license": "MIT", + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -6579,6 +6691,12 @@ "integrity": "sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==", "license": "MIT" }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "license": "MIT" + }, "node_modules/clean-css": { "version": "5.3.3", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz", @@ -7637,6 +7755,16 @@ "utila": "~0.4" } }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "node_modules/dom-serializer": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", @@ -10316,6 +10444,15 @@ "node": ">= 0.4" } }, + "node_modules/invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/ipaddr.js": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz", @@ -15828,6 +15965,25 @@ "react-is": "^16.13.1" } }, + "node_modules/prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "license": "MIT", + "dependencies": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "peerDependencies": { + "react": ">=0.14.0" + } + }, + "node_modules/prop-types-extra/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, "node_modules/prop-types/node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -16021,6 +16177,36 @@ "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", "license": "MIT" }, + "node_modules/react-bootstrap": { + "version": "2.10.2", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.2.tgz", + "integrity": "sha512-UvB7mRqQjivdZNxJNEA2yOQRB7L9N43nBnKc33K47+cH90/ujmnMwatTCwQLu83gLhrzAl8fsa6Lqig/KLghaA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.22.5", + "@restart/hooks": "^0.4.9", + "@restart/ui": "^1.6.8", + "@types/react-transition-group": "^4.4.6", + "classnames": "^2.3.2", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.5", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "@types/react": ">=16.14.8", + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -16233,6 +16419,12 @@ "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "license": "MIT" }, + "node_modules/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==", + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -16315,6 +16507,22 @@ } } }, + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "license": "BSD-3-Clause", + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -18556,6 +18764,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + }, + "peerDependencies": { + "react": ">=15.0.0" + } + }, "node_modules/underscore": { "version": "1.12.1", "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.12.1.tgz", @@ -18808,6 +19031,15 @@ "makeerror": "1.0.12" } }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz", diff --git a/package.json b/package.json index ec046d8..f03cb62 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "bootstrap": "^5.3.3", "react": "^18.3.1", + "react-bootstrap": "^2.10.2", "react-dom": "^18.3.1", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" diff --git a/public/index.html b/public/index.html index aa069f2..1a75d47 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Miguel's Asteroid diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/Components/App/App.css b/src/Components/App/App.css index 74b5e05..db84954 100644 --- a/src/Components/App/App.css +++ b/src/Components/App/App.css @@ -13,16 +13,7 @@ } } -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} + .App-link { color: #61dafb; @@ -36,3 +27,17 @@ transform: rotate(360deg); } } + +.wrapper { + display: flex; + background-color: grey; + flex-wrap: wrap; + justify-content: space-between; + padding: 50px; +} + +.wrapper h1 { + text-align: center; + width: 100%; +} + diff --git a/src/Components/App/App.js b/src/Components/App/App.js index 1238da7..2fb0f82 100644 --- a/src/Components/App/App.js +++ b/src/Components/App/App.js @@ -1,7 +1,84 @@ import './App.css'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import React, { Component } from 'react'; +import Header from '../Header/Header'; +import quotes from '../Quote/quotes'; +import QuoteCard from '../Quote/QuoteCard'; +import { Carousel } from 'bootstrap'; +import UncontrolledExample from '../Carousel/Carousel'; +import Footer from '../Footer/Footer'; -function App() { - return <> +export default class App extends Component { + + /* declare an object state to hold each quote as + cycles through the quotes array */ + state = { + quote: quotes[0].quote, + author: quotes[0].author, + game: quotes[0].game + } + + /* this function will generate diffrent quote + by updating state with the shuffleQuotes + function that curcles through the quotes + array*/ + generateRandomQuote = (arr) => { + // + let num = Math.floor(Math.random() * quotes.length) + + let newQuote = quotes[num]; + + //update state + this.setState({ + quote: newQuote.quote, + author: newQuote.author, + game: newQuote.game + }) + + this.shuffleQuotes(quotes) + + } + + //shuffle quotes function + shuffleQuotes = (arr) => { + return arr.sort(function () { return 0.5 - Math.random() }); + } + + +/* make a function that outputs a modal with the + source of the quote. installment is set to + the game key value pair describing which installment + in the series it is from*/ + + whatGameAlert = () => { + + alert(this.state.game); + } + + + render() { + return ( + +
+
+

Random Kingdom Hearts Quote Generator

+

Click the WEPA! button to cycle through an array of different + character quotes from the Kingdom Hearts video game series! +

+ + +
+
+ +
+
+
+ ) + } } - -export default App; diff --git a/src/Components/Assets/Fonts/KHGummi.otf b/src/Components/Assets/Fonts/KHGummi.otf new file mode 100755 index 0000000..5a85e1a Binary files /dev/null and b/src/Components/Assets/Fonts/KHGummi.otf differ diff --git a/src/Components/Assets/img/50314726_00201_0471_XLarge.jpg b/src/Components/Assets/img/50314726_00201_0471_XLarge.jpg new file mode 100755 index 0000000..09693d8 Binary files /dev/null and b/src/Components/Assets/img/50314726_00201_0471_XLarge.jpg differ diff --git a/src/Components/Assets/img/Github.png b/src/Components/Assets/img/Github.png new file mode 100755 index 0000000..c10eda3 Binary files /dev/null and b/src/Components/Assets/img/Github.png differ diff --git a/src/Components/Assets/img/Highwind1_opt.png b/src/Components/Assets/img/Highwind1_opt.png new file mode 100755 index 0000000..cad7414 Binary files /dev/null and b/src/Components/Assets/img/Highwind1_opt.png differ diff --git a/src/Components/Assets/img/LinkedIN.png b/src/Components/Assets/img/LinkedIN.png new file mode 100755 index 0000000..e4020d9 Binary files /dev/null and b/src/Components/Assets/img/LinkedIN.png differ diff --git a/src/Components/Assets/img/Menu_Light.png b/src/Components/Assets/img/Menu_Light.png new file mode 100644 index 0000000..9cb4cf5 Binary files /dev/null and b/src/Components/Assets/img/Menu_Light.png differ diff --git a/src/Components/Assets/img/about-history.jpg b/src/Components/Assets/img/about-history.jpg new file mode 100644 index 0000000..4b05bee Binary files /dev/null and b/src/Components/Assets/img/about-history.jpg differ diff --git a/src/Components/Assets/img/about-philosophy.jpg b/src/Components/Assets/img/about-philosophy.jpg new file mode 100644 index 0000000..27e5fa6 Binary files /dev/null and b/src/Components/Assets/img/about-philosophy.jpg differ diff --git a/src/Components/Assets/img/about-visual.png b/src/Components/Assets/img/about-visual.png new file mode 100644 index 0000000..394b380 Binary files /dev/null and b/src/Components/Assets/img/about-visual.png differ diff --git a/src/Components/Assets/img/about-winners.jpg b/src/Components/Assets/img/about-winners.jpg new file mode 100644 index 0000000..1e1cf13 Binary files /dev/null and b/src/Components/Assets/img/about-winners.jpg differ diff --git a/src/Components/Assets/img/badge_dark.png b/src/Components/Assets/img/badge_dark.png new file mode 100644 index 0000000..c463123 Binary files /dev/null and b/src/Components/Assets/img/badge_dark.png differ diff --git a/src/Components/Assets/img/beach.jpeg b/src/Components/Assets/img/beach.jpeg new file mode 100644 index 0000000..730f190 Binary files /dev/null and b/src/Components/Assets/img/beach.jpeg differ diff --git a/src/Components/Assets/img/code.png b/src/Components/Assets/img/code.png new file mode 100755 index 0000000..7545553 Binary files /dev/null and b/src/Components/Assets/img/code.png differ diff --git a/src/Components/Assets/img/codeblog.png b/src/Components/Assets/img/codeblog.png new file mode 100755 index 0000000..ae28480 Binary files /dev/null and b/src/Components/Assets/img/codeblog.png differ diff --git a/src/Components/Assets/img/contact-visual.png b/src/Components/Assets/img/contact-visual.png new file mode 100644 index 0000000..b5e77e2 Binary files /dev/null and b/src/Components/Assets/img/contact-visual.png differ diff --git a/src/Components/Assets/img/email.png b/src/Components/Assets/img/email.png new file mode 100755 index 0000000..58e43e4 Binary files /dev/null and b/src/Components/Assets/img/email.png differ diff --git a/src/Components/Assets/img/favicon.ico b/src/Components/Assets/img/favicon.ico new file mode 100644 index 0000000..554c608 Binary files /dev/null and b/src/Components/Assets/img/favicon.ico differ diff --git a/src/Components/Assets/img/fist_final.png b/src/Components/Assets/img/fist_final.png new file mode 100644 index 0000000..3444fe3 Binary files /dev/null and b/src/Components/Assets/img/fist_final.png differ diff --git a/src/Components/Assets/img/forsite.webp b/src/Components/Assets/img/forsite.webp new file mode 100755 index 0000000..016fe34 Binary files /dev/null and b/src/Components/Assets/img/forsite.webp differ diff --git a/src/Components/Assets/img/gfc-logo-12@2x.png b/src/Components/Assets/img/gfc-logo-12@2x.png new file mode 100644 index 0000000..1cc7794 Binary files /dev/null and b/src/Components/Assets/img/gfc-logo-12@2x.png differ diff --git a/src/Components/Assets/img/gfc-logo-12@2x_transp.png b/src/Components/Assets/img/gfc-logo-12@2x_transp.png new file mode 100644 index 0000000..62b4e62 Binary files /dev/null and b/src/Components/Assets/img/gfc-logo-12@2x_transp.png differ diff --git a/src/Components/Assets/img/hall.jpg b/src/Components/Assets/img/hall.jpg new file mode 100755 index 0000000..e712689 Binary files /dev/null and b/src/Components/Assets/img/hall.jpg differ diff --git a/src/Components/Assets/img/havana.jpg b/src/Components/Assets/img/havana.jpg new file mode 100755 index 0000000..04537ac Binary files /dev/null and b/src/Components/Assets/img/havana.jpg differ diff --git a/src/Components/Assets/img/headshot website.png b/src/Components/Assets/img/headshot website.png new file mode 100755 index 0000000..62f5ed9 Binary files /dev/null and b/src/Components/Assets/img/headshot website.png differ diff --git a/src/Components/Assets/img/headshot.jpg b/src/Components/Assets/img/headshot.jpg new file mode 100755 index 0000000..cbdb61b Binary files /dev/null and b/src/Components/Assets/img/headshot.jpg differ diff --git a/src/Components/Assets/img/headshot_website.png b/src/Components/Assets/img/headshot_website.png new file mode 100755 index 0000000..62f5ed9 Binary files /dev/null and b/src/Components/Assets/img/headshot_website.png differ diff --git a/src/Components/Assets/img/japan.JPG b/src/Components/Assets/img/japan.JPG new file mode 100755 index 0000000..e3af2d5 Binary files /dev/null and b/src/Components/Assets/img/japan.JPG differ diff --git a/src/Components/Assets/img/kaido.png b/src/Components/Assets/img/kaido.png new file mode 100644 index 0000000..d305aca Binary files /dev/null and b/src/Components/Assets/img/kaido.png differ diff --git a/src/Components/Assets/img/kevinhart.jpg b/src/Components/Assets/img/kevinhart.jpg new file mode 100755 index 0000000..ce56062 Binary files /dev/null and b/src/Components/Assets/img/kevinhart.jpg differ diff --git a/src/Components/Assets/img/leroy_opt.png b/src/Components/Assets/img/leroy_opt.png new file mode 100755 index 0000000..fc85086 Binary files /dev/null and b/src/Components/Assets/img/leroy_opt.png differ diff --git a/src/Components/Assets/img/light_crystal.svg b/src/Components/Assets/img/light_crystal.svg new file mode 100644 index 0000000..f977cb3 --- /dev/null +++ b/src/Components/Assets/img/light_crystal.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + diff --git a/src/Components/Assets/img/lightning.png b/src/Components/Assets/img/lightning.png new file mode 100755 index 0000000..8b7693a Binary files /dev/null and b/src/Components/Assets/img/lightning.png differ diff --git a/src/Components/Assets/img/logo.png b/src/Components/Assets/img/logo.png new file mode 100644 index 0000000..69fe218 Binary files /dev/null and b/src/Components/Assets/img/logo.png differ diff --git a/src/Components/Assets/img/mail.png b/src/Components/Assets/img/mail.png new file mode 100755 index 0000000..2a0df46 Binary files /dev/null and b/src/Components/Assets/img/mail.png differ diff --git a/src/Components/Assets/img/mc.jpg b/src/Components/Assets/img/mc.jpg new file mode 100755 index 0000000..f7bf14b Binary files /dev/null and b/src/Components/Assets/img/mc.jpg differ diff --git a/src/Components/Assets/img/nebula.png b/src/Components/Assets/img/nebula.png new file mode 100755 index 0000000..17b6253 Binary files /dev/null and b/src/Components/Assets/img/nebula.png differ diff --git a/src/Components/Assets/img/nostr-icon-white-256x256.png b/src/Components/Assets/img/nostr-icon-white-256x256.png new file mode 100644 index 0000000..924b393 Binary files /dev/null and b/src/Components/Assets/img/nostr-icon-white-256x256.png differ diff --git a/src/Components/Assets/img/pci_avatar.svg b/src/Components/Assets/img/pci_avatar.svg new file mode 100644 index 0000000..864d7d1 --- /dev/null +++ b/src/Components/Assets/img/pci_avatar.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/Components/Assets/img/pr_map.png b/src/Components/Assets/img/pr_map.png new file mode 100644 index 0000000..873a95e Binary files /dev/null and b/src/Components/Assets/img/pr_map.png differ diff --git a/src/Components/Assets/img/running-nostr.gif b/src/Components/Assets/img/running-nostr.gif new file mode 100755 index 0000000..7ea3c58 Binary files /dev/null and b/src/Components/Assets/img/running-nostr.gif differ diff --git a/src/Components/Assets/img/spaceman.png b/src/Components/Assets/img/spaceman.png new file mode 100644 index 0000000..50b6c7f Binary files /dev/null and b/src/Components/Assets/img/spaceman.png differ diff --git a/src/Components/Assets/img/work-alex-nowak.jpg b/src/Components/Assets/img/work-alex-nowak.jpg new file mode 100644 index 0000000..25e13ca Binary files /dev/null and b/src/Components/Assets/img/work-alex-nowak.jpg differ diff --git a/src/Components/Assets/img/work-metiew-smith.jpg b/src/Components/Assets/img/work-metiew-smith.jpg new file mode 100644 index 0000000..3f5434f Binary files /dev/null and b/src/Components/Assets/img/work-metiew-smith.jpg differ diff --git a/src/Components/Assets/img/work-victory.jpg b/src/Components/Assets/img/work-victory.jpg new file mode 100644 index 0000000..bf9a1e2 Binary files /dev/null and b/src/Components/Assets/img/work-victory.jpg differ diff --git a/src/Components/Carousel/Carousel.js b/src/Components/Carousel/Carousel.js new file mode 100644 index 0000000..c1cfd8a --- /dev/null +++ b/src/Components/Carousel/Carousel.js @@ -0,0 +1,40 @@ +import Carousel from 'react-bootstrap/Carousel'; +import exampleCarouselImage from './gfc-logo-12@2x_transp.png'; +import secondImg from './nostr_logo.png' +import thirdImg from './pr_map.png' + +function UncontrolledExample() { + return ( + + + first slide + +

Programming

+

Regular engagement in international + GitFitCode Community. +

+ + + + second slide + +

Nostr

+

Find me on Nostr by searching miggymofongo@miguelalmodo.com + on any nostr client. +

+ + + + third slide + +

Puerto Rico

+

+ I'm a pirate in the Caribbean! +

+ + + + ); +} + +export default UncontrolledExample; \ No newline at end of file diff --git a/src/Components/Carousel/gfc-logo-12@2x_transp.png b/src/Components/Carousel/gfc-logo-12@2x_transp.png new file mode 100644 index 0000000..62b4e62 Binary files /dev/null and b/src/Components/Carousel/gfc-logo-12@2x_transp.png differ diff --git a/src/Components/Carousel/kaido.png b/src/Components/Carousel/kaido.png new file mode 100644 index 0000000..d305aca Binary files /dev/null and b/src/Components/Carousel/kaido.png differ diff --git a/src/Components/Carousel/lightning.png b/src/Components/Carousel/lightning.png new file mode 100755 index 0000000..8b7693a Binary files /dev/null and b/src/Components/Carousel/lightning.png differ diff --git a/src/Components/Carousel/nostr_logo.png b/src/Components/Carousel/nostr_logo.png new file mode 100644 index 0000000..f4a5ef2 Binary files /dev/null and b/src/Components/Carousel/nostr_logo.png differ diff --git a/src/Components/Carousel/pr_map.png b/src/Components/Carousel/pr_map.png new file mode 100644 index 0000000..873a95e Binary files /dev/null and b/src/Components/Carousel/pr_map.png differ diff --git a/src/Components/Footer/Footer.js b/src/Components/Footer/Footer.js new file mode 100644 index 0000000..e2c56cf --- /dev/null +++ b/src/Components/Footer/Footer.js @@ -0,0 +1,35 @@ +import { Container, Row, Col, Stack, Image, Nav, NavLink } from "react-bootstrap" + +function Footer(){ + + return( + + + ) +} + +export default Footer \ No newline at end of file diff --git a/src/Components/Footer/WEPA.png b/src/Components/Footer/WEPA.png new file mode 100755 index 0000000..741914d Binary files /dev/null and b/src/Components/Footer/WEPA.png differ diff --git a/src/Components/Header/Header.js b/src/Components/Header/Header.js new file mode 100644 index 0000000..ab23c57 --- /dev/null +++ b/src/Components/Header/Header.js @@ -0,0 +1,23 @@ +import React from 'react'; +import Container from 'react-bootstrap/Container'; +import Nav from 'react-bootstrap/Nav'; +import Navbar from 'react-bootstrap/Navbar'; + +export default function Header() { + + return ( +
+ + + Miguel's Asteroid + + + + +
+ ) +} \ No newline at end of file diff --git a/src/Components/Quote/QuoteCard.js b/src/Components/Quote/QuoteCard.js index bfa62bd..434f959 100644 --- a/src/Components/Quote/QuoteCard.js +++ b/src/Components/Quote/QuoteCard.js @@ -1,17 +1,29 @@ import React from 'react'; import './quote.css' +import '/node_modules/bootstrap/dist/css/bootstrap.min.css'; +import Button from 'react-bootstrap/Button'; -export default function -QuoteCard({ quote, game, name, key}) { - - return (
- {quote} -

{name}

- -

{game}

- -
-
- ); -} +export default function QuoteAndAuthor(props) { + + const { quote, generateRandomQuote, whatGameAlert } = props; + + return ( +
+
+

{quote.quote}

+
- {quote.author}
+ + +
+
+ ) +} \ No newline at end of file diff --git a/src/Components/Quote/quote.css b/src/Components/Quote/quote.css index c9e591e..8ddad4c 100644 --- a/src/Components/Quote/quote.css +++ b/src/Components/Quote/quote.css @@ -3,15 +3,11 @@ src: url(../Assets/Fonts/KHGummi.otf); } -quote { +p { font-family: KHGummi; } -.quote-wrapper { - border: solid black 4px; - padding: 50; - background: none; - cursor: pointer; - margin: 10px 0; -} + + + diff --git a/src/index.js b/src/index.js index d563c0f..2ac2c54 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; -import App from './App'; +import App from './Components/App/App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file