├── .gitignore ├── assets ├── js │ ├── styles.js │ ├── main.js │ └── components │ │ └── FirstComp.js ├── index.html └── scss │ ├── _reset.scss │ └── styles.scss ├── postcss.config.js ├── public ├── img │ └── logo.png ├── dist │ ├── main.js │ ├── styles.js │ ├── styles.css │ ├── FirstComp.js │ └── vendors~styles.js └── index.html ├── .babelrc ├── .prettierrc ├── README.md ├── package.json ├── gulpfile.js └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /assets/js/styles.js: -------------------------------------------------------------------------------- 1 | import '../scss/styles.scss'; 2 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [ 3 | require('autoprefixer') 4 | ] 5 | } -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | class Test { 2 | main = () => { 3 | console.log(swag); 4 | }; 5 | } 6 | Test.main(); 7 | -------------------------------------------------------------------------------- /public/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codingphasedotcom/codingphasedotcom2/HEAD/public/img/logo.png -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | "@babel/preset-react" 5 | ], 6 | "plugins": [ 7 | "@babel/plugin-proposal-class-properties" 8 | ] 9 | } -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "printWidth": 80, 4 | "tabWidth": 2, 5 | "singleQuote": true, 6 | "trailingComma": "none", 7 | "jsxBracketSameLine": false, 8 | "parser": "babylon", 9 | "noSemi": true, 10 | "rcVerbose": true 11 | } -------------------------------------------------------------------------------- /assets/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | CodingPhase Starter Kit 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Starter-Kit-2019 2 | 3 | 4 | So I built this for all the new web developers... My Goal is to save you time from the bullsh*t of spending hours looking for ways to speed up your learning. Sometimes all we want to do is just code. 5 | (if you are coming from my [youtube channel CodingPhase ](https://www.youtube.com/channel/UC46wWUso9H5KPQcoL9iE3Ug) I will base all my tutorials from this starter kit) 6 | 7 | I broke it down in simple steps to get you going. 8 | 9 | **Steps** 10 | --------- 11 | 12 | **Download or Pull This Repo** 13 | Top of this page you can see where it says clone or download 14 | 15 | **Install Node** 16 | https://nodejs.org/en/ 17 | 18 | **Download Atom (OPTIONAL)** 19 | https://atom.io/ 20 | 21 | **Install all the node packages** 22 | On the root of this project run on your terminal (if you want you can do this with yarn but thats optional) 23 | ```bash 24 | npm install 25 | npm install gulp -g 26 | npm install webpack -g 27 | npm install webpack-cli -g 28 | ``` 29 | 30 | **Update the node packages** 31 | On the root of this project run on your terminal (if you want you can do this with yarn but thats optional) 32 | ```bash 33 | npm update 34 | ``` 35 | 36 | **Start the dev server** 37 | ```bash 38 | npm run watch 39 | ``` 40 | -------------------------------------------------------------------------------- /assets/scss/_reset.scss: -------------------------------------------------------------------------------- 1 | *{ 2 | box-sizing: border-box; 3 | } 4 | /* http://meyerweb.com/eric/tools/css/reset/ 5 | v2.0 | 20110126 6 | License: none (public domain) 7 | */ 8 | 9 | html, body, div, span, applet, object, iframe, 10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 11 | a, abbr, acronym, address, big, cite, code, 12 | del, dfn, em, img, ins, kbd, q, s, samp, 13 | small, strike, strong, sub, sup, tt, var, 14 | b, u, i, center, 15 | dl, dt, dd, ol, ul, li, 16 | fieldset, form, label, legend, 17 | table, caption, tbody, tfoot, thead, tr, th, td, 18 | article, aside, canvas, details, embed, 19 | figure, figcaption, footer, header, hgroup, 20 | menu, nav, output, ruby, section, summary, 21 | time, mark, audio, video { 22 | margin: 0; 23 | padding: 0; 24 | border: 0; 25 | font-size: 100%; 26 | // font: inherit; 27 | vertical-align: baseline; 28 | } 29 | /* HTML5 display-role reset for older browsers */ 30 | article, aside, details, figcaption, figure, 31 | footer, header, hgroup, menu, nav, section { 32 | display: block; 33 | } 34 | body { 35 | line-height: 1; 36 | } 37 | ol, ul { 38 | list-style: none; 39 | } 40 | blockquote, q { 41 | quotes: none; 42 | } 43 | blockquote:before, blockquote:after, 44 | q:before, q:after { 45 | content: ''; 46 | content: none; 47 | } 48 | table { 49 | border-collapse: collapse; 50 | border-spacing: 0; 51 | } -------------------------------------------------------------------------------- /assets/js/components/FirstComp.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | class Layout extends Component { 5 | constructor() { 6 | super(); 7 | this.state = { 8 | name: 'Joe' 9 | }; 10 | } 11 | clickedBtn = () => {}; 12 | render() { 13 | return ( 14 |
15 |
16 |
17 | 18 |

Starter-Kit-2k19

19 |
20 | 32 |
33 |
version 1.0.0
34 |
35 | 45 | Star 46 | 47 |
48 |
49 |
50 | ); 51 | } 52 | } 53 | 54 | const app = document.getElementById('app'); 55 | 56 | ReactDOM.render(, app); 57 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "starter-kit-2019", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "dev": "webpack --mode development --env.NODE_ENV=dev", 9 | "build": "webpack --mode production --env.NODE_ENV=production", 10 | "watch": "gulp" 11 | }, 12 | "author": "", 13 | "license": "ISC", 14 | "devDependencies": { 15 | "babel-core": "^6.26.3", 16 | "babel-loader": "^8.0.4", 17 | "babel-preset-env": "^1.7.0", 18 | "css-loader": "^1.0.1", 19 | "extract-text-webpack-plugin": "^4.0.0-beta.0", 20 | "node-sass": "^4.10.0", 21 | "prettier": "^1.15.1", 22 | "prettier-loader": "^2.1.1", 23 | "sass-loader": "^7.1.0", 24 | "style-loader": "^0.23.1", 25 | "webpack": "^4.25.1", 26 | "webpack-cli": "^3.1.2", 27 | "@babel/core": "^7.1.5", 28 | "@babel/plugin-proposal-class-properties": "^7.1.0", 29 | "@babel/preset-env": "^7.1.5", 30 | "@babel/preset-es2016": "^7.0.0-beta.53", 31 | "@babel/preset-react": "^7.0.0", 32 | "@babel/preset-stage-0": "^7.0.0", 33 | "@babel/register": "^7.0.0", 34 | "autoprefixer": "^9.3.1", 35 | "axios": "^0.18.0", 36 | "browser-sync": "^2.26.3", 37 | "clean-webpack-plugin": "^0.1.19", 38 | "gulp": "^3.9.1", 39 | "html-webpack-plugin": "^3.2.0", 40 | "mini-css-extract-plugin": "^0.4.4", 41 | "postcss-loader": "^3.0.0", 42 | "react": "^16.6.1", 43 | "react-dom": "^16.6.1", 44 | "react-redux": "^5.1.0", 45 | "webpack-md5-hash": "0.0.6" 46 | }, 47 | "dependencies": {} 48 | } 49 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | const gulp = require('gulp'); 2 | const browserSync = require('browser-sync'); 3 | const reload = browserSync.reload; 4 | var exec = require('child_process').exec; 5 | 6 | gulp.task('default', ['webpack', 'browser-sync'], () => { 7 | // gulp.watch('./assets/scss/**/*', ['webpack']); 8 | gulp.watch('./assets/**/*', ['webpack']); 9 | gulp 10 | .watch([ 11 | './public/**/*', 12 | './public/*', 13 | '!public/js/**/.#*js', 14 | '!public/css/**/.#*css' 15 | ]) 16 | .on('change', reload); 17 | }); 18 | 19 | // gulp.task('styles', () => { 20 | // gulp 21 | // .src('assets/sass/**/*.scss') 22 | // .pipe( 23 | // sass({ 24 | // outputStyle: 'compressed' 25 | // }).on('error', sass.logError) 26 | // ) 27 | // .pipe( 28 | // autoprefixer({ 29 | // browsers: ['last 2 versions'] 30 | // }) 31 | // ) 32 | // .pipe(gulp.dest('./public/css')) 33 | // .pipe(browserSync.stream()); 34 | // }); 35 | 36 | gulp.task('browser-sync', ['webpack'], function() { 37 | // THIS IS FOR SITUATIONS WHEN YOU HAVE ANOTHER SERVER RUNNING 38 | // browserSync.init({ 39 | // proxy: { 40 | // target: 'localhost:3000', // can be [virtual host, sub-directory, localhost with port] 41 | // ws: true // enables websockets 42 | // }, 43 | // serveStatic: ['.', './public'] 44 | // }) 45 | 46 | browserSync.init({ 47 | server: './public', 48 | notify: false, 49 | open: false //change this to true if you want the broser to open automatically 50 | }); 51 | }); 52 | 53 | gulp.task('webpack', cb => { 54 | exec('npm run dev', function(err, stdout, stderr) { 55 | console.log(stdout); 56 | console.log(stderr); 57 | cb(err); 58 | }); 59 | }); 60 | 61 | // gulp.task('webpack', shell.task([ 62 | // 'webpack' 63 | // ])) 64 | 65 | // gulp.task('server', shell.task([ 66 | // 'yarn run server' 67 | // ])) 68 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | const WebpackMd5Hash = require('webpack-md5-hash'); 4 | const MiniCssExtractPlugin = require('mini-css-extract-plugin'); 5 | const CleanWebpackPlugin = require('clean-webpack-plugin'); 6 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); 7 | const UglifyJS = require('uglify-es'); 8 | 9 | const DefaultUglifyJsOptions = UglifyJS.default_options(); 10 | const compress = DefaultUglifyJsOptions.compress; 11 | for (let compressOption in compress) { 12 | compress[compressOption] = false; 13 | } 14 | compress.unused = true; 15 | 16 | module.exports = env => { 17 | return { 18 | entry: { 19 | styles: './assets/js/styles.js', 20 | FirstComp: './assets/js/components/FirstComp.js', 21 | main: './assets/js/main.js' 22 | }, 23 | output: { 24 | path: path.resolve(__dirname, 'public/dist'), 25 | filename: '[name].js' // '[name].[chunkhash].js' put this if you want to get hashed files to cache bust 26 | }, 27 | module: { 28 | rules: [ 29 | { 30 | test: /\.js$/, 31 | exclude: /node_modules/, 32 | use: ['babel-loader', 'prettier-loader'] 33 | }, 34 | { 35 | test: /\.scss$/, 36 | use: [ 37 | 'style-loader', 38 | MiniCssExtractPlugin.loader, 39 | 'css-loader', 40 | 'sass-loader', 41 | 'postcss-loader' 42 | ] 43 | } 44 | ] 45 | }, 46 | plugins: [ 47 | new CleanWebpackPlugin('public/dist', {}), 48 | new MiniCssExtractPlugin({ 49 | filename: 'styles.css' // 'style.[contenthash].css' put this if you want to get hashed files to cache bust 50 | }), 51 | // new HtmlWebpackPlugin({ 52 | // inject: false, 53 | // hash: true, 54 | // template: './assets/index.html', 55 | // children: false, 56 | // filename: '../index.html' 57 | // }), 58 | new WebpackMd5Hash() 59 | ], 60 | optimization: { 61 | splitChunks: { 62 | chunks: 'all', 63 | minSize: 0 64 | }, 65 | minimize: true, 66 | minimizer: [ 67 | new UglifyJsPlugin({ 68 | uglifyOptions: { 69 | compress, 70 | mangle: false, 71 | output: { 72 | beautify: env.NODE_ENV !== 'production' ? true : false 73 | } 74 | } 75 | }) 76 | ], 77 | usedExports: true, 78 | sideEffects: true 79 | } 80 | }; 81 | }; 82 | -------------------------------------------------------------------------------- /public/dist/main.js: -------------------------------------------------------------------------------- 1 | (function(modules) { 2 | var installedModules = {}; 3 | function __webpack_require__(moduleId) { 4 | if (installedModules[moduleId]) return installedModules[moduleId].exports; 5 | var module = installedModules[moduleId] = { 6 | i: moduleId, 7 | l: false, 8 | exports: {} 9 | }; 10 | modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 11 | module.l = true; 12 | return module.exports; 13 | } 14 | __webpack_require__.m = modules; 15 | __webpack_require__.c = installedModules; 16 | __webpack_require__.d = function(exports, name, getter) { 17 | if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, { 18 | enumerable: true, 19 | get: getter 20 | }); 21 | }; 22 | __webpack_require__.r = function(exports) { 23 | if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, { 24 | value: "Module" 25 | }); 26 | Object.defineProperty(exports, "__esModule", { 27 | value: true 28 | }); 29 | }; 30 | __webpack_require__.t = function(value, mode) { 31 | if (1 & mode) value = __webpack_require__(value); 32 | if (8 & mode) return value; 33 | if (4 & mode && "object" === typeof value && value && value.__esModule) return value; 34 | var ns = Object.create(null); 35 | __webpack_require__.r(ns); 36 | Object.defineProperty(ns, "default", { 37 | enumerable: true, 38 | value: value 39 | }); 40 | if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) { 41 | return value[key]; 42 | }.bind(null, key)); 43 | return ns; 44 | }; 45 | __webpack_require__.n = function(module) { 46 | var getter = module && module.__esModule ? function() { 47 | return module["default"]; 48 | } : function() { 49 | return module; 50 | }; 51 | __webpack_require__.d(getter, "a", getter); 52 | return getter; 53 | }; 54 | __webpack_require__.o = function(object, property) { 55 | return Object.prototype.hasOwnProperty.call(object, property); 56 | }; 57 | __webpack_require__.p = ""; 58 | return __webpack_require__(__webpack_require__.s = "./assets/js/main.js"); 59 | })({ 60 | "./assets/js/main.js": function(module, exports) { 61 | eval('function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Test = function Test() {\n _classCallCheck(this, Test);\n\n _defineProperty(this, "main", function () {\n console.log(swag);\n });\n};\n\nTest.main();\n\n//# sourceURL=webpack:///./assets/js/main.js?'); 62 | } 63 | }); -------------------------------------------------------------------------------- /assets/scss/styles.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700"); 2 | @import "reset"; 3 | 4 | body, 5 | html { 6 | font-family: 'Barlow', sans-serif !important; 7 | } 8 | 9 | body { 10 | line-height: 1; 11 | } 12 | 13 | .container-background { 14 | width: 100%; 15 | height: 100vh; 16 | overflow: hidden; 17 | position: relative; 18 | } 19 | 20 | .page-background { 21 | position: absolute; 22 | left: -10%; 23 | top: -10%; 24 | width: 150%; 25 | height: 150vh; 26 | background: linear-gradient(to right, rgba(41,25,88,.8) 8%,rgba(97,86,188,.8) 50%,rgba(95,84,186,.8) 62%,rgba(40,26,88,.8) 70%), url("https://happywall-img-gallery.imgix.net/647/city_lights_display.jpg"); 27 | background-repeat: no-repeat; 28 | background-size: cover; 29 | background-position: center center; 30 | filter: blur(30px); 31 | z-index: 1; 32 | // background: red; 33 | } 34 | 35 | .center-site { 36 | z-index: 2; 37 | display: flex; 38 | justify-content: center; 39 | align-items: center; 40 | width: 100%; 41 | height: 100vh; 42 | position: absolute; 43 | top: 0; 44 | left: 0; 45 | } 46 | 47 | .container-site { 48 | display: grid; 49 | height: 80vh; 50 | width: 75vw; 51 | border-radius: 10px; 52 | grid-template-columns: 1fr; 53 | grid-template-rows: 100% 1fr; 54 | overflow: hidden; 55 | position: relative; 56 | 57 | .navigation { 58 | position: absolute; 59 | top: 0; 60 | left: 0; 61 | z-index: 1; 62 | width: 100%; 63 | height: 60px; 64 | overflow: hidden; 65 | background: linear-gradient(to right, rgba(41,25,88,.8) 8%,rgba(97,86,188,.8) 50%,rgba(95,84,186,.8) 62%,rgba(40,26,88,.8) 100%), url("https://happywall-img-gallery.imgix.net/647/city_lights_display.jpg"); 66 | display: flex; 67 | justify-content: center; 68 | align-items: center; 69 | -webkit-box-shadow: 0 2px 5px 0 rgba(65,46,120,0.85); 70 | -moz-box-shadow: 0 2px 5px 0 rgba(65,46,120,0.85); 71 | box-shadow: 0 2px 5px 0 rgba(65,46,120,0.85); 72 | 73 | ul { 74 | display: flex; 75 | justify-content: center; 76 | align-items: center; 77 | 78 | li { 79 | display: block; 80 | color: white; 81 | display: flex; 82 | justify-content: center; 83 | align-items: center; 84 | height: 80px; 85 | margin-right: 20px; 86 | 87 | span { 88 | font-size: 1.5rem; 89 | margin-right: 20px; 90 | } 91 | } 92 | } 93 | } 94 | 95 | .content-area { 96 | background: #f8f7fc; 97 | overflow-y: scroll; 98 | padding-top: 60px; 99 | 100 | .jumbo { 101 | height: calc(100%); 102 | width: 100%; 103 | position: relative; 104 | // display: flex; 105 | // justify-content: flex-end; 106 | .backimg { 107 | height: calc(100%); 108 | width: 100%; 109 | background: linear-gradient(to right, rgba(41,25,88,.4) 8%,rgba(95,84,186,.4) 50%,rgba(40,26,88,.4) 100%), url("https://images.pexels.com/photos/1015568/pexels-photo-1015568.jpeg"); 110 | background-position: center center; 111 | background-repeat: none; 112 | background-size: cover; 113 | filter: grayscale(700%); 114 | } 115 | 116 | .intro-message { 117 | position: absolute; 118 | display: block; 119 | width: 30%; 120 | height: 100%; 121 | background: rgba(29,13,60,.8); 122 | padding: 40px; 123 | top: 0; 124 | right: 0; 125 | display: flex; 126 | justify-content: center; 127 | align-items: center; 128 | 129 | h2 { 130 | font-family: 'Alegreya Sans SC', sans-serif; 131 | color: white; 132 | font-weight: 100; 133 | font-size: 3rem; 134 | margin-bottom: 100px; 135 | line-height: 1.5; 136 | } 137 | } 138 | } 139 | 140 | .hire-status { 141 | display: flex; 142 | flex-direction: row; 143 | justify-content: flex-end; 144 | margin-bottom: 50px; 145 | 146 | .primary-button { 147 | color: white; 148 | font-weight: 500; 149 | font-size: 0.9rem; 150 | text-transform: uppercase; 151 | background: #57bcfe; 152 | text-decoration: none; 153 | padding: 10px 20px; 154 | border-radius: 30px; 155 | -webkit-box-shadow: 0 10px 44px 0 rgba(87, 187, 254, 0.50); 156 | -moz-box-shadow: 0 10px 44px 0 rgba(87, 187, 254, 0.50); 157 | box-shadow: 0 10px 44px 0 rgba(87, 187, 254, 0.50); 158 | } 159 | } 160 | 161 | .container-about { 162 | background: white; 163 | border-radius: 4px; 164 | padding: 40px; 165 | margin-bottom: 40px; 166 | -webkit-box-shadow: 0 10px 126px 0 rgba(106,110,161,0.33); 167 | -moz-box-shadow: 0 10px 126px 0 rgba(106,110,161,0.33); 168 | box-shadow: 0 10px 126px 0 rgba(106,110,161,0.33); 169 | 170 | .job-chart { 171 | width: 50%; 172 | } 173 | 174 | h2 { 175 | color: #3f3f65; 176 | font-size: 1.6rem; 177 | text-transform: capitalize; 178 | font-weight: 600; 179 | margin-bottom: 40px; 180 | } 181 | 182 | p { 183 | color: #6a6ea1; 184 | font-size: 1rem; 185 | text-transform: capitalize; 186 | font-weight: 400; 187 | line-height: 2; 188 | margin-bottom: 20px; 189 | } 190 | } 191 | 192 | .social-media { 193 | width: 100%; 194 | display: grid; 195 | grid-template-columns: 1fr 1fr 1fr 1fr; 196 | 197 | .social { 198 | display: flex; 199 | justify-content: center; 200 | align-items: center; 201 | flex-direction: column; 202 | cursor: pointer; 203 | transition: all 0.4s ease-in-out; 204 | 205 | &:hover { 206 | color: #57bcfe; 207 | } 208 | 209 | .logo span[class^="ti"] { 210 | font-size: 3rem; 211 | margin-bottom: 15px; 212 | display: block; 213 | } 214 | 215 | .stats { 216 | font-size: 1.1rem; 217 | 218 | span { 219 | text-align: center; 220 | display: block; 221 | font-size: 2rem; 222 | margin-bottom: 10px; 223 | } 224 | } 225 | } 226 | } 227 | } 228 | } -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Joe Santos Garcia - Full Stack Developer 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 |
20 |
    21 |
  • Courses
    • 22 |
  • Timeline
    • 23 |
  • Blog
    • 24 |
  • Resources
    • 25 |
  • Contact
    • 26 |
27 |
28 | 29 |
30 |
31 |
32 | 33 |
34 |
35 |

What if you could earn 100k a year?
36 | Would you take that opportunity?

37 |
38 |
39 |
40 | 41 | Hire Me! 42 | 43 |
44 |
45 |
46 | 47 |
48 | 49 |

About Me

50 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

51 | 52 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

53 |
54 | 92 | 93 |
94 |
95 |
96 |
97 | 98 | 99 | 100 | 185 | 186 | 187 | 188 | -------------------------------------------------------------------------------- /public/dist/styles.js: -------------------------------------------------------------------------------- 1 | (function(modules) { 2 | function webpackJsonpCallback(data) { 3 | var chunkIds = data[0]; 4 | var moreModules = data[1]; 5 | var executeModules = data[2]; 6 | var moduleId, chunkId, i = 0, resolves = []; 7 | for (;i < chunkIds.length; i++) { 8 | chunkId = chunkIds[i]; 9 | if (installedChunks[chunkId]) resolves.push(installedChunks[chunkId][0]); 10 | installedChunks[chunkId] = 0; 11 | } 12 | for (moduleId in moreModules) if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) modules[moduleId] = moreModules[moduleId]; 13 | if (parentJsonpFunction) parentJsonpFunction(data); 14 | while (resolves.length) resolves.shift()(); 15 | deferredModules.push.apply(deferredModules, executeModules || []); 16 | return checkDeferredModules(); 17 | } 18 | function checkDeferredModules() { 19 | var result; 20 | for (var i = 0; i < deferredModules.length; i++) { 21 | var deferredModule = deferredModules[i]; 22 | var fulfilled = true; 23 | for (var j = 1; j < deferredModule.length; j++) { 24 | var depId = deferredModule[j]; 25 | if (0 !== installedChunks[depId]) fulfilled = false; 26 | } 27 | if (fulfilled) { 28 | deferredModules.splice(i--, 1); 29 | result = __webpack_require__(__webpack_require__.s = deferredModule[0]); 30 | } 31 | } 32 | return result; 33 | } 34 | var installedModules = {}; 35 | var installedChunks = { 36 | styles: 0 37 | }; 38 | var deferredModules = []; 39 | function __webpack_require__(moduleId) { 40 | if (installedModules[moduleId]) return installedModules[moduleId].exports; 41 | var module = installedModules[moduleId] = { 42 | i: moduleId, 43 | l: false, 44 | exports: {} 45 | }; 46 | modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 47 | module.l = true; 48 | return module.exports; 49 | } 50 | __webpack_require__.m = modules; 51 | __webpack_require__.c = installedModules; 52 | __webpack_require__.d = function(exports, name, getter) { 53 | if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, { 54 | enumerable: true, 55 | get: getter 56 | }); 57 | }; 58 | __webpack_require__.r = function(exports) { 59 | if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, { 60 | value: "Module" 61 | }); 62 | Object.defineProperty(exports, "__esModule", { 63 | value: true 64 | }); 65 | }; 66 | __webpack_require__.t = function(value, mode) { 67 | if (1 & mode) value = __webpack_require__(value); 68 | if (8 & mode) return value; 69 | if (4 & mode && "object" === typeof value && value && value.__esModule) return value; 70 | var ns = Object.create(null); 71 | __webpack_require__.r(ns); 72 | Object.defineProperty(ns, "default", { 73 | enumerable: true, 74 | value: value 75 | }); 76 | if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) { 77 | return value[key]; 78 | }.bind(null, key)); 79 | return ns; 80 | }; 81 | __webpack_require__.n = function(module) { 82 | var getter = module && module.__esModule ? function() { 83 | return module["default"]; 84 | } : function() { 85 | return module; 86 | }; 87 | __webpack_require__.d(getter, "a", getter); 88 | return getter; 89 | }; 90 | __webpack_require__.o = function(object, property) { 91 | return Object.prototype.hasOwnProperty.call(object, property); 92 | }; 93 | __webpack_require__.p = ""; 94 | var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || []; 95 | var oldJsonpFunction = jsonpArray.push.bind(jsonpArray); 96 | jsonpArray.push = webpackJsonpCallback; 97 | jsonpArray = jsonpArray.slice(); 98 | for (var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]); 99 | var parentJsonpFunction = oldJsonpFunction; 100 | deferredModules.push([ "./assets/js/styles.js", "vendors~styles" ]); 101 | return checkDeferredModules(); 102 | })({ 103 | "./assets/js/styles.js": function(module, __webpack_exports__, __webpack_require__) { 104 | "use strict"; 105 | eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _scss_styles_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../scss/styles.scss */ "./assets/scss/styles.scss");\n/* harmony import */ var _scss_styles_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_scss_styles_scss__WEBPACK_IMPORTED_MODULE_0__);\n\n\n//# sourceURL=webpack:///./assets/js/styles.js?'); 106 | }, 107 | "./assets/scss/styles.scss": function(module, exports, __webpack_require__) { 108 | eval('\nvar content = __webpack_require__(/*! !../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader!../../node_modules/sass-loader/lib/loader.js!../../node_modules/postcss-loader/src!./styles.scss */ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./node_modules/postcss-loader/src/index.js!./assets/scss/styles.scss");\n\nif(typeof content === \'string\') content = [[module.i, content, \'\']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {"hmr":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = __webpack_require__(/*! ../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(false) {}\n\n//# sourceURL=webpack:///./assets/scss/styles.scss?'); 109 | }, 110 | "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./node_modules/postcss-loader/src/index.js!./assets/scss/styles.scss": function(module, exports, __webpack_require__) { 111 | eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/scss/styles.scss?./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./node_modules/postcss-loader/src"); 112 | } 113 | }); -------------------------------------------------------------------------------- /public/dist/styles.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700); 2 | * { 3 | box-sizing: border-box; } 4 | 5 | /* http://meyerweb.com/eric/tools/css/reset/ 6 | v2.0 | 20110126 7 | License: none (public domain) 8 | */ 9 | html, body, div, span, applet, object, iframe, 10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 11 | a, abbr, acronym, address, big, cite, code, 12 | del, dfn, em, img, ins, kbd, q, s, samp, 13 | small, strike, strong, sub, sup, tt, var, 14 | b, u, i, center, 15 | dl, dt, dd, ol, ul, li, 16 | fieldset, form, label, legend, 17 | table, caption, tbody, tfoot, thead, tr, th, td, 18 | article, aside, canvas, details, embed, 19 | figure, figcaption, footer, header, hgroup, 20 | menu, nav, output, ruby, section, summary, 21 | time, mark, audio, video { 22 | margin: 0; 23 | padding: 0; 24 | border: 0; 25 | font-size: 100%; 26 | vertical-align: baseline; } 27 | 28 | /* HTML5 display-role reset for older browsers */ 29 | article, aside, details, figcaption, figure, 30 | footer, header, hgroup, menu, nav, section { 31 | display: block; } 32 | 33 | body { 34 | line-height: 1; } 35 | 36 | ol, ul { 37 | list-style: none; } 38 | 39 | blockquote, q { 40 | quotes: none; } 41 | 42 | blockquote:before, blockquote:after, 43 | q:before, q:after { 44 | content: ''; 45 | content: none; } 46 | 47 | table { 48 | border-collapse: collapse; 49 | border-spacing: 0; } 50 | 51 | body, 52 | html { 53 | font-family: 'Barlow', sans-serif !important; } 54 | 55 | body { 56 | line-height: 1; } 57 | 58 | .container-background { 59 | width: 100%; 60 | height: 100vh; 61 | overflow: hidden; 62 | position: relative; } 63 | 64 | .page-background { 65 | position: absolute; 66 | left: -10%; 67 | top: -10%; 68 | width: 150%; 69 | height: 150vh; 70 | background: linear-gradient(to right, rgba(41, 25, 88, 0.8) 8%, rgba(97, 86, 188, 0.8) 50%, rgba(95, 84, 186, 0.8) 62%, rgba(40, 26, 88, 0.8) 70%), url("https://happywall-img-gallery.imgix.net/647/city_lights_display.jpg"); 71 | background-repeat: no-repeat; 72 | background-size: cover; 73 | background-position: center center; 74 | -webkit-filter: blur(30px); 75 | filter: blur(30px); 76 | z-index: 1; } 77 | 78 | .center-site { 79 | z-index: 2; 80 | display: flex; 81 | justify-content: center; 82 | align-items: center; 83 | width: 100%; 84 | height: 100vh; 85 | position: absolute; 86 | top: 0; 87 | left: 0; } 88 | 89 | .container-site { 90 | display: grid; 91 | height: 80vh; 92 | width: 75vw; 93 | border-radius: 10px; 94 | grid-template-columns: 1fr; 95 | grid-template-rows: 100% 1fr; 96 | overflow: hidden; 97 | position: relative; } 98 | .container-site .navigation { 99 | position: absolute; 100 | top: 0; 101 | left: 0; 102 | z-index: 1; 103 | width: 100%; 104 | height: 60px; 105 | overflow: hidden; 106 | background: linear-gradient(to right, rgba(41, 25, 88, 0.8) 8%, rgba(97, 86, 188, 0.8) 50%, rgba(95, 84, 186, 0.8) 62%, rgba(40, 26, 88, 0.8) 100%), url("https://happywall-img-gallery.imgix.net/647/city_lights_display.jpg"); 107 | display: flex; 108 | justify-content: center; 109 | align-items: center; 110 | box-shadow: 0 2px 5px 0 rgba(65, 46, 120, 0.85); } 111 | .container-site .navigation ul { 112 | display: flex; 113 | justify-content: center; 114 | align-items: center; } 115 | .container-site .navigation ul li { 116 | display: block; 117 | color: white; 118 | display: flex; 119 | justify-content: center; 120 | align-items: center; 121 | height: 80px; 122 | margin-right: 20px; } 123 | .container-site .navigation ul li span { 124 | font-size: 1.5rem; 125 | margin-right: 20px; } 126 | .container-site .content-area { 127 | background: #f8f7fc; 128 | overflow-y: scroll; 129 | padding-top: 60px; } 130 | .container-site .content-area .jumbo { 131 | height: calc(100%); 132 | width: 100%; 133 | position: relative; } 134 | .container-site .content-area .jumbo .backimg { 135 | height: calc(100%); 136 | width: 100%; 137 | background: linear-gradient(to right, rgba(41, 25, 88, 0.4) 8%, rgba(95, 84, 186, 0.4) 50%, rgba(40, 26, 88, 0.4) 100%), url("https://images.pexels.com/photos/1015568/pexels-photo-1015568.jpeg"); 138 | background-position: center center; 139 | background-repeat: none; 140 | background-size: cover; 141 | -webkit-filter: grayscale(700%); 142 | filter: grayscale(700%); } 143 | .container-site .content-area .jumbo .intro-message { 144 | position: absolute; 145 | display: block; 146 | width: 30%; 147 | height: 100%; 148 | background: rgba(29, 13, 60, 0.8); 149 | padding: 40px; 150 | top: 0; 151 | right: 0; 152 | display: flex; 153 | justify-content: center; 154 | align-items: center; } 155 | .container-site .content-area .jumbo .intro-message h2 { 156 | font-family: 'Alegreya Sans SC', sans-serif; 157 | color: white; 158 | font-weight: 100; 159 | font-size: 3rem; 160 | margin-bottom: 100px; 161 | line-height: 1.5; } 162 | .container-site .content-area .hire-status { 163 | display: flex; 164 | flex-direction: row; 165 | justify-content: flex-end; 166 | margin-bottom: 50px; } 167 | .container-site .content-area .hire-status .primary-button { 168 | color: white; 169 | font-weight: 500; 170 | font-size: 0.9rem; 171 | text-transform: uppercase; 172 | background: #57bcfe; 173 | text-decoration: none; 174 | padding: 10px 20px; 175 | border-radius: 30px; 176 | box-shadow: 0 10px 44px 0 rgba(87, 187, 254, 0.5); } 177 | .container-site .content-area .container-about { 178 | background: white; 179 | border-radius: 4px; 180 | padding: 40px; 181 | margin-bottom: 40px; 182 | box-shadow: 0 10px 126px 0 rgba(106, 110, 161, 0.33); } 183 | .container-site .content-area .container-about .job-chart { 184 | width: 50%; } 185 | .container-site .content-area .container-about h2 { 186 | color: #3f3f65; 187 | font-size: 1.6rem; 188 | text-transform: capitalize; 189 | font-weight: 600; 190 | margin-bottom: 40px; } 191 | .container-site .content-area .container-about p { 192 | color: #6a6ea1; 193 | font-size: 1rem; 194 | text-transform: capitalize; 195 | font-weight: 400; 196 | line-height: 2; 197 | margin-bottom: 20px; } 198 | .container-site .content-area .social-media { 199 | width: 100%; 200 | display: grid; 201 | grid-template-columns: 1fr 1fr 1fr 1fr; } 202 | .container-site .content-area .social-media .social { 203 | display: flex; 204 | justify-content: center; 205 | align-items: center; 206 | flex-direction: column; 207 | cursor: pointer; 208 | transition: all 0.4s ease-in-out; } 209 | .container-site .content-area .social-media .social:hover { 210 | color: #57bcfe; } 211 | .container-site .content-area .social-media .social .logo span[class^="ti"] { 212 | font-size: 3rem; 213 | margin-bottom: 15px; 214 | display: block; } 215 | .container-site .content-area .social-media .social .stats { 216 | font-size: 1.1rem; } 217 | .container-site .content-area .social-media .social .stats span { 218 | text-align: center; 219 | display: block; 220 | font-size: 2rem; 221 | margin-bottom: 10px; } 222 | 223 | -------------------------------------------------------------------------------- /public/dist/FirstComp.js: -------------------------------------------------------------------------------- 1 | (function(modules) { 2 | function webpackJsonpCallback(data) { 3 | var chunkIds = data[0]; 4 | var moreModules = data[1]; 5 | var executeModules = data[2]; 6 | var moduleId, chunkId, i = 0, resolves = []; 7 | for (;i < chunkIds.length; i++) { 8 | chunkId = chunkIds[i]; 9 | if (installedChunks[chunkId]) resolves.push(installedChunks[chunkId][0]); 10 | installedChunks[chunkId] = 0; 11 | } 12 | for (moduleId in moreModules) if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) modules[moduleId] = moreModules[moduleId]; 13 | if (parentJsonpFunction) parentJsonpFunction(data); 14 | while (resolves.length) resolves.shift()(); 15 | deferredModules.push.apply(deferredModules, executeModules || []); 16 | return checkDeferredModules(); 17 | } 18 | function checkDeferredModules() { 19 | var result; 20 | for (var i = 0; i < deferredModules.length; i++) { 21 | var deferredModule = deferredModules[i]; 22 | var fulfilled = true; 23 | for (var j = 1; j < deferredModule.length; j++) { 24 | var depId = deferredModule[j]; 25 | if (0 !== installedChunks[depId]) fulfilled = false; 26 | } 27 | if (fulfilled) { 28 | deferredModules.splice(i--, 1); 29 | result = __webpack_require__(__webpack_require__.s = deferredModule[0]); 30 | } 31 | } 32 | return result; 33 | } 34 | var installedModules = {}; 35 | var installedChunks = { 36 | FirstComp: 0 37 | }; 38 | var deferredModules = []; 39 | function __webpack_require__(moduleId) { 40 | if (installedModules[moduleId]) return installedModules[moduleId].exports; 41 | var module = installedModules[moduleId] = { 42 | i: moduleId, 43 | l: false, 44 | exports: {} 45 | }; 46 | modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 47 | module.l = true; 48 | return module.exports; 49 | } 50 | __webpack_require__.m = modules; 51 | __webpack_require__.c = installedModules; 52 | __webpack_require__.d = function(exports, name, getter) { 53 | if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, { 54 | enumerable: true, 55 | get: getter 56 | }); 57 | }; 58 | __webpack_require__.r = function(exports) { 59 | if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, { 60 | value: "Module" 61 | }); 62 | Object.defineProperty(exports, "__esModule", { 63 | value: true 64 | }); 65 | }; 66 | __webpack_require__.t = function(value, mode) { 67 | if (1 & mode) value = __webpack_require__(value); 68 | if (8 & mode) return value; 69 | if (4 & mode && "object" === typeof value && value && value.__esModule) return value; 70 | var ns = Object.create(null); 71 | __webpack_require__.r(ns); 72 | Object.defineProperty(ns, "default", { 73 | enumerable: true, 74 | value: value 75 | }); 76 | if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) { 77 | return value[key]; 78 | }.bind(null, key)); 79 | return ns; 80 | }; 81 | __webpack_require__.n = function(module) { 82 | var getter = module && module.__esModule ? function() { 83 | return module["default"]; 84 | } : function() { 85 | return module; 86 | }; 87 | __webpack_require__.d(getter, "a", getter); 88 | return getter; 89 | }; 90 | __webpack_require__.o = function(object, property) { 91 | return Object.prototype.hasOwnProperty.call(object, property); 92 | }; 93 | __webpack_require__.p = ""; 94 | var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || []; 95 | var oldJsonpFunction = jsonpArray.push.bind(jsonpArray); 96 | jsonpArray.push = webpackJsonpCallback; 97 | jsonpArray = jsonpArray.slice(); 98 | for (var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]); 99 | var parentJsonpFunction = oldJsonpFunction; 100 | deferredModules.push([ "./assets/js/components/FirstComp.js", "vendors~FirstComp" ]); 101 | return checkDeferredModules(); 102 | })({ 103 | "./assets/js/components/FirstComp.js": function(module, __webpack_exports__, __webpack_require__) { 104 | "use strict"; 105 | eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\nfunction _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar Layout =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Layout, _Component);\n\n function Layout() {\n var _this;\n\n _classCallCheck(this, Layout);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Layout).call(this));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "clickedBtn", function () {});\n\n _this.state = {\n name: \'Joe\'\n };\n return _this;\n }\n\n _createClass(Layout, [{\n key: "render",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {\n className: "home"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {\n className: "Aligner"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {\n className: "Aligner-item"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {\n src: "/img/logo.png"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", null, "Starter-Kit-2k19"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {\n className: "menu"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {\n href: "http://starterkit.codingphase.com",\n target: "new"\n }, "Documentation")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {\n href: "http://www.codingphase.com",\n target: "new"\n }, "CodingPhase.Com")))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {\n className: "version-num"\n }, "version 1.0.0"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("br", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {\n className: "github-button",\n href: "https://github.com/codingphasedotcom/Starter-Kit-2019",\n "data-icon": "octicon-star",\n "data-style": "mega",\n "data-count-href": "/codingphasedotcom/rocky/stargazers",\n "data-count-api": "/repos/codingphasedotcom/rocky#stargazers_count",\n "data-count-aria-label": "# stargazers on GitHub",\n "aria-label": "Star codingphasedotcom/rocky on GitHub"\n }, "Star"))));\n }\n }]);\n\n return Layout;\n}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]);\n\nvar app = document.getElementById(\'app\');\nreact_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Layout, null), app);\n\n//# sourceURL=webpack:///./assets/js/components/FirstComp.js?'); 106 | } 107 | }); -------------------------------------------------------------------------------- /public/dist/vendors~styles.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"] = window["webpackJsonp"] || []).push([ [ "vendors~styles" ], { 2 | "./node_modules/style-loader/lib/addStyles.js": function(module, exports, __webpack_require__) { 3 | eval('/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\nvar stylesInDom = {};\n\nvar\tmemoize = function (fn) {\n\tvar memo;\n\n\treturn function () {\n\t\tif (typeof memo === "undefined") memo = fn.apply(this, arguments);\n\t\treturn memo;\n\t};\n};\n\nvar isOldIE = memoize(function () {\n\t// Test for IE <= 9 as proposed by Browserhacks\n\t// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n\t// Tests for existence of standard globals is to allow style-loader\n\t// to operate correctly into non-standard environments\n\t// @see https://github.com/webpack-contrib/style-loader/issues/177\n\treturn window && document && document.all && !window.atob;\n});\n\nvar getTarget = function (target, parent) {\n if (parent){\n return parent.querySelector(target);\n }\n return document.querySelector(target);\n};\n\nvar getElement = (function (fn) {\n\tvar memo = {};\n\n\treturn function(target, parent) {\n // If passing function in options, then use it for resolve "head" element.\n // Useful for Shadow Root style i.e\n // {\n // insertInto: function () { return document.querySelector("#foo").shadowRoot }\n // }\n if (typeof target === \'function\') {\n return target();\n }\n if (typeof memo[target] === "undefined") {\n\t\t\tvar styleTarget = getTarget.call(this, target, parent);\n\t\t\t// Special case to return head of iframe instead of iframe itself\n\t\t\tif (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n\t\t\t\ttry {\n\t\t\t\t\t// This will throw an exception if access to iframe is blocked\n\t\t\t\t\t// due to cross-origin restrictions\n\t\t\t\t\tstyleTarget = styleTarget.contentDocument.head;\n\t\t\t\t} catch(e) {\n\t\t\t\t\tstyleTarget = null;\n\t\t\t\t}\n\t\t\t}\n\t\t\tmemo[target] = styleTarget;\n\t\t}\n\t\treturn memo[target]\n\t};\n})();\n\nvar singleton = null;\nvar\tsingletonCounter = 0;\nvar\tstylesInsertedAtTop = [];\n\nvar\tfixUrls = __webpack_require__(/*! ./urls */ "./node_modules/style-loader/lib/urls.js");\n\nmodule.exports = function(list, options) {\n\tif (typeof DEBUG !== "undefined" && DEBUG) {\n\t\tif (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");\n\t}\n\n\toptions = options || {};\n\n\toptions.attrs = typeof options.attrs === "object" ? options.attrs : {};\n\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of