From a26d6b0e68d96bee9b9f6beeb1d9970aec69a800 Mon Sep 17 00:00:00 2001 From: Angelo Zambrano Date: Wed, 3 Jun 2020 11:07:47 -0500 Subject: [PATCH 1/7] Done --- package.json | 12 +++++ src/index.html | 55 ++++++++++++++++++++++ src/styles/main.css | 108 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 175 insertions(+) create mode 100644 package.json create mode 100644 src/index.html create mode 100644 src/styles/main.css diff --git a/package.json b/package.json new file mode 100644 index 0000000..db58ea0 --- /dev/null +++ b/package.json @@ -0,0 +1,12 @@ +{ + "name": "404", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "Angelo Zambrano ", + "license": "MIT" +} diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..73d4ff0 --- /dev/null +++ b/src/index.html @@ -0,0 +1,55 @@ + + + + + + + + Error 404 + + +
+
+ +
+ +
+ + + +
+
    +
  • About
    • +
  • Portfolio
    • +
  • Job
    • +
  • Contact
    • +
+
+ +
+ +
+
+

404

+

Lost in Space

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic dicta quaerat fugiat id repellendus laboriosam quasi temporibus ad perferendis? Temporibus.

+ GO HOME + +
+
+
+ 404 +
+
+
+ + +
+ +
+
+ + \ No newline at end of file diff --git a/src/styles/main.css b/src/styles/main.css new file mode 100644 index 0000000..2bccaf2 --- /dev/null +++ b/src/styles/main.css @@ -0,0 +1,108 @@ +:root { + --color-primary: #31d6dd; + --white: #fafafa; +} + + +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + font-family: 'Roboto', sans-serif; +} + +.root { + background: url('https://images.unsplash.com/photo-1584824486509-112e4181ff6b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80') center center no-repeat; + background-size: cover; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; +} + +.root:before { + content: ''; + background-color: rgba(0, 0, 0, .6); + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; +} + +.Hero { + position: absolute; + bottom: 0; + top: 0; + color: var(--white, white); + width: 100%; +} + +.Hero-container { + display: grid; + grid-template-columns: minmax(auto, 1280px); + justify-content: center; + align-items: center; +} + +.Hero-header { + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + margin: 0; +} + +.Hero-logo h3{ + margin: 0; + font-size: 2rem; +} + +.Hero-nav ul{ + list-style: none; + display: flex; +} + +.Hero-nav ul li { + margin: 0 0 0 1rem; +} + +.Hero-content { + display: flex; + justify-content: space-between; + align-items: center; +} + +.Hero-title h1 { + font-size: 4rem; + font-weight: lighter; + margin: 0; +} + +.Hero-title h2 { + font-size: 5rem; + font-weight: bold; + margin: 0; +} + +.Hero-title h2 { + font-size: 6rem; + font-weight: lighter; + margin: 0; + text-align: justify; +} + +.Hero-title a { + font-size: 1rem; + font-weight: lighter; + margin: 0; + color: var(--white); + text-decoration: none; + background-color: var(--primary-color, #31d6dd); + padding: 0.5rem 1rem; + border-radius: 1rem; +} \ No newline at end of file From f8b1d952fe376472bb303ffdb9ab52f81eb3881c Mon Sep 17 00:00:00 2001 From: Angelo Zambrano Date: Wed, 3 Jun 2020 13:04:05 -0500 Subject: [PATCH 2/7] React: done --- .gitignore | 1 + dist/bundle.js | 30 + dist/index.html | 1 + package-lock.json | 6921 ++++++++++++++++++++++++++++++ package.json | 22 +- {src => public}/index.html | 12 +- src/App.jsx | 20 + src/index.jsx | 5 + src/pages/NotFound.jsx | 91 + src/react-components/Header.jsx | 58 + src/react-components/Wrapper.jsx | 22 + src/styles/global.js | 26 + src/styles/main.css | 14 +- webpack.config.js | 33 + 14 files changed, 7242 insertions(+), 14 deletions(-) create mode 100644 .gitignore create mode 100644 dist/bundle.js create mode 100644 dist/index.html create mode 100644 package-lock.json rename {src => public}/index.html (85%) create mode 100644 src/App.jsx create mode 100644 src/index.jsx create mode 100644 src/pages/NotFound.jsx create mode 100644 src/react-components/Header.jsx create mode 100644 src/react-components/Wrapper.jsx create mode 100644 src/styles/global.js create mode 100644 webpack.config.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..08b2553 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/dist/bundle.js b/dist/bundle.js new file mode 100644 index 0000000..d67875b --- /dev/null +++ b/dist/bundle.js @@ -0,0 +1,30 @@ +!function(e){var t={};function n(r){if(t[r])return t[r].exports;var l=t[r]={i:r,l:!1,exports:{}};return e[r].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)n.d(r,l,function(t){return e[t]}.bind(null,l));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=7)}([function(e,t,n){"use strict";e.exports=n(3)},function(e,t,n){"use strict"; +/* +object-assign +(c) Sindre Sorhus +@license MIT +*/var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,o,u=a(e),c=1;cz.length&&z.push(e)}function R(e,t,n){return null==e?0:function e(t,n,r,l){var o=typeof t;"undefined"!==o&&"boolean"!==o||(t=null);var u=!1;if(null===t)u=!0;else switch(o){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case a:u=!0}}if(u)return r(l,t,""===n?"."+I(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c