Javascript ES6
\\n \\nYou can also watch the result of all of this on the console
\\njQuery
\\n \\nsass
\\n \\npng less than 8Kb
\\nsvg less than 8Kb
\\npng greater than 12Kb
\\njpg greater than 1Mb
\\ndiff --git a/.babelrc b/.babelrc new file mode 100644 index 00000000..063e1944 --- /dev/null +++ b/.babelrc @@ -0,0 +1,4 @@ +{ + "presets": ["@babel/preset-env"], + "plugins": ["@babel/plugin-proposal-class-properties"] //por las clases para q lo transpile + } \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..25c8fdba --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +package-lock.json \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/dist/js/30145aa93aff34725c28.svg b/dist/js/30145aa93aff34725c28.svg new file mode 100644 index 00000000..64a21995 --- /dev/null +++ b/dist/js/30145aa93aff34725c28.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/js/8117203ade69477e93f5.png b/dist/js/8117203ade69477e93f5.png new file mode 100644 index 00000000..69e00946 Binary files /dev/null and b/dist/js/8117203ade69477e93f5.png differ diff --git a/dist/js/8f9e0834f7335b328fd0.jpg b/dist/js/8f9e0834f7335b328fd0.jpg new file mode 100644 index 00000000..eef8f9ca Binary files /dev/null and b/dist/js/8f9e0834f7335b328fd0.jpg differ diff --git a/dist/js/967865ebd39eb2271bc1.png b/dist/js/967865ebd39eb2271bc1.png new file mode 100644 index 00000000..4ce8fe03 Binary files /dev/null and b/dist/js/967865ebd39eb2271bc1.png differ diff --git a/dist/js/b34d7c90731f710532ee.png b/dist/js/b34d7c90731f710532ee.png new file mode 100644 index 00000000..fd7b256e Binary files /dev/null and b/dist/js/b34d7c90731f710532ee.png differ diff --git a/dist/js/bundle.js b/dist/js/bundle.js new file mode 100644 index 00000000..66b8b0c7 --- /dev/null +++ b/dist/js/bundle.js @@ -0,0 +1,315 @@ +/* + * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). + * This devtool is neither made for production nor for readable output files. + * It uses "eval()" calls to create a separate source file in the browser devtools. + * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) + * or disable the default devtool with "devtool: false". + * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). + */ +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./src/js/main.js": +/*!************************!*\ + !*** ./src/js/main.js ***! + \************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _module_a_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./module-a.js */ \"./src/js/module-a.js\");\n/* harmony import */ var _module_b_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./module-b.js */ \"./src/js/module-b.js\");\n/* harmony import */ var _module_b_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_module_b_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _css_main_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../css/main.scss */ \"./src/css/main.scss\");\n/* harmony import */ var _img_small_png__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../img/small.png */ \"./src/img/small.png\");\n/* harmony import */ var _img_jasonderulo_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../img/jasonderulo.svg */ \"./src/img/jasonderulo.svg\");\n/* harmony import */ var _img_happybunny_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../img/happybunny.png */ \"./src/img/happybunny.png\");\n/* harmony import */ var _img_beahorse_jpg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../img/beahorse.jpg */ \"./src/img/beahorse.jpg\");\n/* harmony import */ var _img_webpack_png__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../img/webpack.png */ \"./src/img/webpack.png\");\n/* provided dependency */ var $ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n\n\n\n\n\n\n\n\n$(\"#favicon\").attr(\"href\", _img_webpack_png__WEBPACK_IMPORTED_MODULE_7__);\n$(\"#img1\").attr(\"src\", _img_small_png__WEBPACK_IMPORTED_MODULE_3__);\n$(\"#img2\").attr(\"src\", _img_jasonderulo_svg__WEBPACK_IMPORTED_MODULE_4__);\n$(\"#img3\").attr(\"src\", _img_happybunny_png__WEBPACK_IMPORTED_MODULE_5__);\n$(\"#img4\").attr(\"src\", _img_beahorse_jpg__WEBPACK_IMPORTED_MODULE_6__); // function picture() {\n// let myPic01 = small;\n// let img = document.getElementById(\"img1\").src = myPic01;\n// img.style.display = \"block\";\n// }\n// $(\"#modd\").on(\"click\", function() {\n// $(\"#img1\").toggleClass(\"show\");\n// return;\n// });\n\n$(\"#source\").on(\"click\", function () {\n $(\"header\").toggleClass(\"purple\");\n $(\"#source-div\").toggleClass(\"visible\");\n $(\"#html-text\").text(\"
\\nYou can also watch the result of all of this on the console
\\npng less than 8Kb
\\nsvg less than 8Kb
\\npng greater than 12Kb
\\njpg greater than 1Mb
\\n