mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2024-12-26 06:20:42 -05:00
1203 lines
96 KiB
JavaScript
1203 lines
96 KiB
JavaScript
|
/******/ (() => { // webpackBootstrap
|
||
|
/******/ "use strict";
|
||
|
/******/ var __webpack_modules__ = ({
|
||
|
|
||
|
/***/ "./node_modules/css-loader/dist/cjs.js!./src/style.css":
|
||
|
/*!*************************************************************!*\
|
||
|
!*** ./node_modules/css-loader/dist/cjs.js!./src/style.css ***!
|
||
|
\*************************************************************/
|
||
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
|
/* harmony export */ });
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/getUrl.js */ "./node_modules/css-loader/dist/runtime/getUrl.js");
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
|
||
|
// Imports
|
||
|
|
||
|
|
||
|
|
||
|
var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ./assets/Merriweather_Sans/MerriweatherSans-Italic-VariableFont_wght.ttf */ "./src/assets/Merriweather_Sans/MerriweatherSans-Italic-VariableFont_wght.ttf"), __webpack_require__.b);
|
||
|
var ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! ./assets/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf */ "./src/assets/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf"), __webpack_require__.b);
|
||
|
var ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(/*! ./background.jpg */ "./src/background.jpg"), __webpack_require__.b);
|
||
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
||
|
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
|
||
|
var ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);
|
||
|
var ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);
|
||
|
// Module
|
||
|
___CSS_LOADER_EXPORT___.push([module.id, `:root {
|
||
|
--font-size: 18px;
|
||
|
--light-color: #E8E8E8;
|
||
|
--dark-color: #495464;
|
||
|
--rgb-dark-color: 73, 84, 100;
|
||
|
--rgb-light-color: 232, 232, 232;
|
||
|
}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Merriweather Sans';
|
||
|
src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format('truetype');
|
||
|
src: url(${___CSS_LOADER_URL_REPLACEMENT_1___}) format('truetype');
|
||
|
}
|
||
|
|
||
|
|
||
|
body,
|
||
|
html {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-size: var(--font-size);
|
||
|
background: url(${___CSS_LOADER_URL_REPLACEMENT_2___});
|
||
|
background-size: cover;
|
||
|
font-family: 'Merriweather Sans';
|
||
|
color: rgb(var(--rgb-dark-color));
|
||
|
}
|
||
|
|
||
|
header {
|
||
|
min-height: 71px;
|
||
|
background-color: rgb(var(--rgb-light-color), 0.7);
|
||
|
color: var(--dark-color);
|
||
|
border-bottom: 1px solid var(--dark-color);
|
||
|
}
|
||
|
|
||
|
header>h1 {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
margin-bottom: 5px;
|
||
|
font-weight: 800;
|
||
|
font-size: 2.3rem;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
text-decoration: none;
|
||
|
color: var(--light-color);
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
text-decoration: none;
|
||
|
font-weight: 800;
|
||
|
}
|
||
|
|
||
|
.container {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-between;
|
||
|
align-content: center;
|
||
|
}
|
||
|
|
||
|
.nav {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-content: center;
|
||
|
}
|
||
|
|
||
|
.navbar {
|
||
|
display: grid;
|
||
|
grid-template-columns: repeat(3, 110px);
|
||
|
gap: 15px;
|
||
|
}
|
||
|
|
||
|
.navbar li {
|
||
|
list-style-type: none;
|
||
|
font-size: 1rem;
|
||
|
cursor: pointer;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
|
||
|
.content {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
min-height: 90vh;
|
||
|
margin-top: 150px;
|
||
|
}
|
||
|
|
||
|
.carousel {
|
||
|
height: 80%;
|
||
|
gap: 20px;
|
||
|
padding: 100px;
|
||
|
background: rgb(var(--rgb-dark-color), 0.7);
|
||
|
border: 1px solid var(--dark-color);
|
||
|
color: var(--light-color);
|
||
|
}
|
||
|
|
||
|
.carousel-item>h1 {
|
||
|
font-size: 2.5rem;
|
||
|
font-weight: 800;
|
||
|
}
|
||
|
|
||
|
.carousel-item>p {
|
||
|
font-size: 0.9rem;
|
||
|
font-weight: 200;
|
||
|
}
|
||
|
|
||
|
.cards {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
height: 80%;
|
||
|
gap: 20px;
|
||
|
padding: 100px;
|
||
|
background: rgb(var(--rgb-dark-color), 0.7);
|
||
|
border: 1px solid var(--dark-color);
|
||
|
}
|
||
|
|
||
|
.cards>.drinks-container>h2,
|
||
|
.cards>.snacks-container>h2 {
|
||
|
color: var(--light-color);
|
||
|
}
|
||
|
|
||
|
.card {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
gap: 20px;
|
||
|
width: 260px;
|
||
|
height: 260px;
|
||
|
padding: 20px;
|
||
|
background-color: var(--light-color);
|
||
|
}
|
||
|
|
||
|
.card>h3 {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.card>p {
|
||
|
font-weight: 300;
|
||
|
}
|
||
|
|
||
|
.drinks-container {
|
||
|
display: grid;
|
||
|
grid-template-columns: repeat(3, 300px);
|
||
|
align-items: center;
|
||
|
gap: 30px;
|
||
|
}
|
||
|
|
||
|
.drinks-container>h2 {
|
||
|
grid-column: 1 / span 3;
|
||
|
align-self: center;
|
||
|
}
|
||
|
|
||
|
|
||
|
.snacks-container {
|
||
|
display: grid;
|
||
|
grid-template-columns: repeat(3, 300px);
|
||
|
align-items: center;
|
||
|
gap: 30px;
|
||
|
}
|
||
|
|
||
|
.snacks-container>h2 {
|
||
|
grid-column: 1 / span 3;
|
||
|
}
|
||
|
|
||
|
.carousel .slide-hidden {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.contact {
|
||
|
height: 80%;
|
||
|
gap: 20px;
|
||
|
padding: 100px;
|
||
|
background: rgb(var(--rgb-dark-color), 0.7);
|
||
|
border: 1px solid var(--dark-color);
|
||
|
color: var(--light-color);
|
||
|
}
|
||
|
`, "",{"version":3,"sources":["webpack://./src/style.css"],"names":[],"mappings":"AAAA;IACI,iBAAiB;IACjB,sBAAsB;IACtB,qBAAqB;IACrB,6BAA6B;IAC7B,gCAAgC;AACpC;;AAEA;IACI,gCAAgC;IAChC,+DAAuG;IACvG,+DAAgG;AACpG;;;AAGA;;IAEI,SAAS;IACT,UAAU;IACV,2BAA2B;IAC3B,mDAAmC;IACnC,sBAAsB;IACtB,gCAAgC;IAChC,iCAAiC;AACrC;;AAEA;IACI,gBAAgB;IAChB,kDAAkD;IAClD,wBAAwB;IACxB,0CAA0C;AAC9C;;AAEA;IACI,SAAS;IACT,UAAU;IACV,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;IACI,qBAAqB;IACrB,yBAAyB;AAC7B;;AAEA;IACI,qBAAqB;IACrB,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,8BAA8B;IAC9B,qBAAqB;AACzB;;AAEA;IACI,aAAa;IACb,uBAAuB;IACvB,qBAAqB;AACzB;;AAEA;IACI,aAAa;IACb,uCAAuC;IACvC,SAAS;AACb;;AAEA;IACI,qBAAqB;IACrB,eAAe;IACf,eAAe;IACf,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;IACI,WAAW;IACX,SAAS;IACT,cAAc;IACd,2CAA2C;IAC3C,mCAAmC;IACnC,yBAAyB;AAC7B;;AAEA;IACI,iBAAiB;IACjB,gBAAgB;AACpB;;AAEA;IACI,iBAAiB;IACjB,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,WAAW;IACX,SAAS;IACT,cAAc;IACd,2CAA2C;IAC3C,mCAAmC;AACvC;;AAEA;;IAEI,yBAAyB;AAC7B;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,aAAa;IACb,aAAa;IACb,oCAAoC;AACxC;;AAEA;IACI,UAAU;IACV,SAAS;AACb;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,uCAAuC;IACvC,mBAAmB;IACnB,SAAS;AACb;;AAEA;IACI,uBAAuB;IACvB,kBAAkB;AACtB;;;AAGA;IACI,aAAa;IACb,uCAAuC;IACvC,mBAAmB;IACnB,SAAS;AACb;;AAEA;IACI,uBAAuB;AAC3B;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,SAAS;IACT,cAAc;IACd,2CAA2C;IAC3C,mCAAmC;IACnC,yBAAyB;AAC7B","sourcesContent":[":root {\n --font-size: 18px;\n --light-color: #E8E8E8;\n --dark-color: #495464;\n --rgb-dark-color: 73, 84, 100;\n --rgb-light-color: 232, 232, 232;\n}\n\n@font-face {\n font-family: 'Merriweather Sans';\n src: url('./assets/Merriweather_Sans/MerriweatherSans-Italic-VariableFont_wght.ttf') format('truetype');\n src: url('./assets/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf') format('truetype');\n}\n\n\nbody,\nhtml {\n margin: 0;\n padding: 0;\n font-size: var(--font-size);\n background: url('./background.jpg');\n background-size: cover;\n font-family: 'Merriweather Sans';\n color: rgb(var(--rgb-dark-color));\n}\n\nheader {\n min-height: 71px;\n background-color: rgb(var(--rgb-light-color), 0.7);\n color: var(--dark-color);\n border-bottom: 1px solid var(--dark-color);\n}\n\nheader>h1 {\n margin: 0;\n padding: 0;\n margin-bottom: 5px;\n font-weight: 800;\n font-size: 2.3rem;\n}\n\na {\n text-decoration: none;\n color: var(--light-color);\n}\n\na:hover {\n text-decoration: none;\n font-weight: 800;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-content: center;\n}\n\n.nav {\n display: flex;\n justify-content: center;\n align-content: center;\n}\n\n.navbar {\n display: grid;\n grid-template-columns: repeat(3, 110px);\n gap: 15px;\n}\n\n.navbar li {\n list-style-type: none;\n font-size: 1rem;\n cursor: pointer;\n font-weight: 400;\n}\n\n.content {\n display: flex;\n justify-content: center;\n min-height: 90vh;\n margin-top: 150px;\n}\n\n.carousel {\n height: 80%;\n gap: 20px;\n padding: 100px;\n background: rgb(var(--rgb-dark-color), 0.7);\n border: 1px solid var(--dark-color);\n color: var(--light-color);\n}\n\n.carousel-item>h1 {\n font-size: 2.5rem;\n font-weight: 800;\n}\n\n.carousel-item>p {\n font-size: 0.9rem;\n font-weight: 200;\n}\n\n.cards {\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 80%;\n gap: 20px;\n padding: 100px;\n background: rgb(var(--rgb-dark-color), 0.7);\n border: 1px solid var(--dark-color);\n}\n\n.cards>.drinks-container>h2,\n.cards>.snacks-container>h2 {\n color: var(--light-color);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 260px;\n height: 260px;\n padding: 20px;\n background-color: var(--light-co
|
||
|
// Exports
|
||
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/css-loader/dist/runtime/api.js":
|
||
|
/*!*****************************************************!*\
|
||
|
!*** ./node_modules/css-loader/dist/runtime/api.js ***!
|
||
|
\*****************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
/*
|
||
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
||
|
Author Tobias Koppers @sokra
|
||
|
*/
|
||
|
module.exports = function (cssWithMappingToString) {
|
||
|
var list = [];
|
||
|
|
||
|
// return the list of modules as css string
|
||
|
list.toString = function toString() {
|
||
|
return this.map(function (item) {
|
||
|
var content = "";
|
||
|
var needLayer = typeof item[5] !== "undefined";
|
||
|
if (item[4]) {
|
||
|
content += "@supports (".concat(item[4], ") {");
|
||
|
}
|
||
|
if (item[2]) {
|
||
|
content += "@media ".concat(item[2], " {");
|
||
|
}
|
||
|
if (needLayer) {
|
||
|
content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
|
||
|
}
|
||
|
content += cssWithMappingToString(item);
|
||
|
if (needLayer) {
|
||
|
content += "}";
|
||
|
}
|
||
|
if (item[2]) {
|
||
|
content += "}";
|
||
|
}
|
||
|
if (item[4]) {
|
||
|
content += "}";
|
||
|
}
|
||
|
return content;
|
||
|
}).join("");
|
||
|
};
|
||
|
|
||
|
// import a list of modules into the list
|
||
|
list.i = function i(modules, media, dedupe, supports, layer) {
|
||
|
if (typeof modules === "string") {
|
||
|
modules = [[null, modules, undefined]];
|
||
|
}
|
||
|
var alreadyImportedModules = {};
|
||
|
if (dedupe) {
|
||
|
for (var k = 0; k < this.length; k++) {
|
||
|
var id = this[k][0];
|
||
|
if (id != null) {
|
||
|
alreadyImportedModules[id] = true;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
for (var _k = 0; _k < modules.length; _k++) {
|
||
|
var item = [].concat(modules[_k]);
|
||
|
if (dedupe && alreadyImportedModules[item[0]]) {
|
||
|
continue;
|
||
|
}
|
||
|
if (typeof layer !== "undefined") {
|
||
|
if (typeof item[5] === "undefined") {
|
||
|
item[5] = layer;
|
||
|
} else {
|
||
|
item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
|
||
|
item[5] = layer;
|
||
|
}
|
||
|
}
|
||
|
if (media) {
|
||
|
if (!item[2]) {
|
||
|
item[2] = media;
|
||
|
} else {
|
||
|
item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
|
||
|
item[2] = media;
|
||
|
}
|
||
|
}
|
||
|
if (supports) {
|
||
|
if (!item[4]) {
|
||
|
item[4] = "".concat(supports);
|
||
|
} else {
|
||
|
item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
|
||
|
item[4] = supports;
|
||
|
}
|
||
|
}
|
||
|
list.push(item);
|
||
|
}
|
||
|
};
|
||
|
return list;
|
||
|
};
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/css-loader/dist/runtime/getUrl.js":
|
||
|
/*!********************************************************!*\
|
||
|
!*** ./node_modules/css-loader/dist/runtime/getUrl.js ***!
|
||
|
\********************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
module.exports = function (url, options) {
|
||
|
if (!options) {
|
||
|
options = {};
|
||
|
}
|
||
|
if (!url) {
|
||
|
return url;
|
||
|
}
|
||
|
url = String(url.__esModule ? url.default : url);
|
||
|
|
||
|
// If url is already wrapped in quotes, remove them
|
||
|
if (/^['"].*['"]$/.test(url)) {
|
||
|
url = url.slice(1, -1);
|
||
|
}
|
||
|
if (options.hash) {
|
||
|
url += options.hash;
|
||
|
}
|
||
|
|
||
|
// Should url be wrapped?
|
||
|
// See https://drafts.csswg.org/css-values-3/#urls
|
||
|
if (/["'() \t\n]|(%20)/.test(url) || options.needQuotes) {
|
||
|
return "\"".concat(url.replace(/"/g, '\\"').replace(/\n/g, "\\n"), "\"");
|
||
|
}
|
||
|
return url;
|
||
|
};
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/css-loader/dist/runtime/sourceMaps.js":
|
||
|
/*!************************************************************!*\
|
||
|
!*** ./node_modules/css-loader/dist/runtime/sourceMaps.js ***!
|
||
|
\************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
module.exports = function (item) {
|
||
|
var content = item[1];
|
||
|
var cssMapping = item[3];
|
||
|
if (!cssMapping) {
|
||
|
return content;
|
||
|
}
|
||
|
if (typeof btoa === "function") {
|
||
|
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
|
||
|
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
|
||
|
var sourceMapping = "/*# ".concat(data, " */");
|
||
|
return [content].concat([sourceMapping]).join("\n");
|
||
|
}
|
||
|
return [content].join("\n");
|
||
|
};
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/style.css":
|
||
|
/*!***********************!*\
|
||
|
!*** ./src/style.css ***!
|
||
|
\***********************/
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
|
/* harmony export */ });
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
|
||
|
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
|
||
|
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./style.css */ "./node_modules/css-loader/dist/cjs.js!./src/style.css");
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
var options = {};
|
||
|
|
||
|
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
||
|
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
||
|
|
||
|
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
||
|
|
||
|
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
||
|
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
||
|
|
||
|
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
||
|
/*!****************************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
||
|
\****************************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
var stylesInDOM = [];
|
||
|
function getIndexByIdentifier(identifier) {
|
||
|
var result = -1;
|
||
|
for (var i = 0; i < stylesInDOM.length; i++) {
|
||
|
if (stylesInDOM[i].identifier === identifier) {
|
||
|
result = i;
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
return result;
|
||
|
}
|
||
|
function modulesToDom(list, options) {
|
||
|
var idCountMap = {};
|
||
|
var identifiers = [];
|
||
|
for (var i = 0; i < list.length; i++) {
|
||
|
var item = list[i];
|
||
|
var id = options.base ? item[0] + options.base : item[0];
|
||
|
var count = idCountMap[id] || 0;
|
||
|
var identifier = "".concat(id, " ").concat(count);
|
||
|
idCountMap[id] = count + 1;
|
||
|
var indexByIdentifier = getIndexByIdentifier(identifier);
|
||
|
var obj = {
|
||
|
css: item[1],
|
||
|
media: item[2],
|
||
|
sourceMap: item[3],
|
||
|
supports: item[4],
|
||
|
layer: item[5]
|
||
|
};
|
||
|
if (indexByIdentifier !== -1) {
|
||
|
stylesInDOM[indexByIdentifier].references++;
|
||
|
stylesInDOM[indexByIdentifier].updater(obj);
|
||
|
} else {
|
||
|
var updater = addElementStyle(obj, options);
|
||
|
options.byIndex = i;
|
||
|
stylesInDOM.splice(i, 0, {
|
||
|
identifier: identifier,
|
||
|
updater: updater,
|
||
|
references: 1
|
||
|
});
|
||
|
}
|
||
|
identifiers.push(identifier);
|
||
|
}
|
||
|
return identifiers;
|
||
|
}
|
||
|
function addElementStyle(obj, options) {
|
||
|
var api = options.domAPI(options);
|
||
|
api.update(obj);
|
||
|
var updater = function updater(newObj) {
|
||
|
if (newObj) {
|
||
|
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
|
||
|
return;
|
||
|
}
|
||
|
api.update(obj = newObj);
|
||
|
} else {
|
||
|
api.remove();
|
||
|
}
|
||
|
};
|
||
|
return updater;
|
||
|
}
|
||
|
module.exports = function (list, options) {
|
||
|
options = options || {};
|
||
|
list = list || [];
|
||
|
var lastIdentifiers = modulesToDom(list, options);
|
||
|
return function update(newList) {
|
||
|
newList = newList || [];
|
||
|
for (var i = 0; i < lastIdentifiers.length; i++) {
|
||
|
var identifier = lastIdentifiers[i];
|
||
|
var index = getIndexByIdentifier(identifier);
|
||
|
stylesInDOM[index].references--;
|
||
|
}
|
||
|
var newLastIdentifiers = modulesToDom(newList, options);
|
||
|
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
|
||
|
var _identifier = lastIdentifiers[_i];
|
||
|
var _index = getIndexByIdentifier(_identifier);
|
||
|
if (stylesInDOM[_index].references === 0) {
|
||
|
stylesInDOM[_index].updater();
|
||
|
stylesInDOM.splice(_index, 1);
|
||
|
}
|
||
|
}
|
||
|
lastIdentifiers = newLastIdentifiers;
|
||
|
};
|
||
|
};
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
|
||
|
/*!********************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
|
||
|
\********************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
var memo = {};
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function getTarget(target) {
|
||
|
if (typeof memo[target] === "undefined") {
|
||
|
var styleTarget = document.querySelector(target);
|
||
|
|
||
|
// Special case to return head of iframe instead of iframe itself
|
||
|
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
|
||
|
try {
|
||
|
// This will throw an exception if access to iframe is blocked
|
||
|
// due to cross-origin restrictions
|
||
|
styleTarget = styleTarget.contentDocument.head;
|
||
|
} catch (e) {
|
||
|
// istanbul ignore next
|
||
|
styleTarget = null;
|
||
|
}
|
||
|
}
|
||
|
memo[target] = styleTarget;
|
||
|
}
|
||
|
return memo[target];
|
||
|
}
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function insertBySelector(insert, style) {
|
||
|
var target = getTarget(insert);
|
||
|
if (!target) {
|
||
|
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
|
||
|
}
|
||
|
target.appendChild(style);
|
||
|
}
|
||
|
module.exports = insertBySelector;
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
|
||
|
/*!**********************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
|
||
|
\**********************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function insertStyleElement(options) {
|
||
|
var element = document.createElement("style");
|
||
|
options.setAttributes(element, options.attributes);
|
||
|
options.insert(element, options.options);
|
||
|
return element;
|
||
|
}
|
||
|
module.exports = insertStyleElement;
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
|
||
|
/*!**********************************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
|
||
|
\**********************************************************************************/
|
||
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
||
|
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function setAttributesWithoutAttributes(styleElement) {
|
||
|
var nonce = true ? __webpack_require__.nc : 0;
|
||
|
if (nonce) {
|
||
|
styleElement.setAttribute("nonce", nonce);
|
||
|
}
|
||
|
}
|
||
|
module.exports = setAttributesWithoutAttributes;
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
|
||
|
/*!***************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
|
||
|
\***************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function apply(styleElement, options, obj) {
|
||
|
var css = "";
|
||
|
if (obj.supports) {
|
||
|
css += "@supports (".concat(obj.supports, ") {");
|
||
|
}
|
||
|
if (obj.media) {
|
||
|
css += "@media ".concat(obj.media, " {");
|
||
|
}
|
||
|
var needLayer = typeof obj.layer !== "undefined";
|
||
|
if (needLayer) {
|
||
|
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
|
||
|
}
|
||
|
css += obj.css;
|
||
|
if (needLayer) {
|
||
|
css += "}";
|
||
|
}
|
||
|
if (obj.media) {
|
||
|
css += "}";
|
||
|
}
|
||
|
if (obj.supports) {
|
||
|
css += "}";
|
||
|
}
|
||
|
var sourceMap = obj.sourceMap;
|
||
|
if (sourceMap && typeof btoa !== "undefined") {
|
||
|
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
|
||
|
}
|
||
|
|
||
|
// For old IE
|
||
|
/* istanbul ignore if */
|
||
|
options.styleTagTransform(css, styleElement, options.options);
|
||
|
}
|
||
|
function removeStyleElement(styleElement) {
|
||
|
// istanbul ignore if
|
||
|
if (styleElement.parentNode === null) {
|
||
|
return false;
|
||
|
}
|
||
|
styleElement.parentNode.removeChild(styleElement);
|
||
|
}
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function domAPI(options) {
|
||
|
if (typeof document === "undefined") {
|
||
|
return {
|
||
|
update: function update() {},
|
||
|
remove: function remove() {}
|
||
|
};
|
||
|
}
|
||
|
var styleElement = options.insertStyleElement(options);
|
||
|
return {
|
||
|
update: function update(obj) {
|
||
|
apply(styleElement, options, obj);
|
||
|
},
|
||
|
remove: function remove() {
|
||
|
removeStyleElement(styleElement);
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
module.exports = domAPI;
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
|
||
|
/*!*********************************************************************!*\
|
||
|
!*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
|
||
|
\*********************************************************************/
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
|
||
|
|
||
|
/* istanbul ignore next */
|
||
|
function styleTagTransform(css, styleElement) {
|
||
|
if (styleElement.styleSheet) {
|
||
|
styleElement.styleSheet.cssText = css;
|
||
|
} else {
|
||
|
while (styleElement.firstChild) {
|
||
|
styleElement.removeChild(styleElement.firstChild);
|
||
|
}
|
||
|
styleElement.appendChild(document.createTextNode(css));
|
||
|
}
|
||
|
}
|
||
|
module.exports = styleTagTransform;
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/components/carousel.js":
|
||
|
/*!************************************!*\
|
||
|
!*** ./src/components/carousel.js ***!
|
||
|
\************************************/
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ carousel: () => (/* binding */ carousel)
|
||
|
/* harmony export */ });
|
||
|
class Carousel {
|
||
|
constructor(items) {
|
||
|
this.items = items;
|
||
|
};
|
||
|
|
||
|
carouselDiv = document.createElement('div');
|
||
|
createComponent() {
|
||
|
let count = 0;
|
||
|
this.carouselDiv.classList.add(['carousel']);
|
||
|
|
||
|
this.items.forEach(element => {
|
||
|
let div = document.createElement('div');
|
||
|
|
||
|
let classList = count === 0 ? ['carousel-item', 'slide-visible'] : ['carousel-item', 'slide-hidden'];
|
||
|
div.classList.add(...classList);
|
||
|
|
||
|
|
||
|
let heading = document.createElement('h1');
|
||
|
let desc = document.createElement('p');
|
||
|
let link = document.createElement('a');
|
||
|
link.href = '#';
|
||
|
link.type = 'button';
|
||
|
|
||
|
heading.textContent = element.heading;
|
||
|
desc.textContent = element.desc;
|
||
|
link.textContent = element.link;
|
||
|
|
||
|
div.appendChild(heading);
|
||
|
div.appendChild(desc);
|
||
|
div.appendChild(link);
|
||
|
|
||
|
this.carouselDiv.appendChild(div);
|
||
|
count += 1;
|
||
|
});
|
||
|
return this.carouselDiv;
|
||
|
};
|
||
|
};
|
||
|
|
||
|
|
||
|
class Items {
|
||
|
constructor(heading, desc, link) {
|
||
|
this.heading = heading;
|
||
|
this.desc = desc;
|
||
|
this.link = link;
|
||
|
|
||
|
this._item = {
|
||
|
heading: this.heading,
|
||
|
desc: this.desc,
|
||
|
link: this.link
|
||
|
}
|
||
|
}
|
||
|
|
||
|
get item() {
|
||
|
return this._item;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
let carouselItems = [
|
||
|
{
|
||
|
"heading": "Specialty Baked Goods and coffee",
|
||
|
"desc": "Exclusively delicious baked goods, homemade and all that",
|
||
|
"link": "Order Now!"
|
||
|
},
|
||
|
// {
|
||
|
// "heading": "Subscribe and Save today!",
|
||
|
// "desc": "We offer flexible subscription plans to meet your needs",
|
||
|
// "link": "Get started"
|
||
|
// },
|
||
|
// {
|
||
|
// "heading": "Explore our blog",
|
||
|
// "desc": "This Wondrous Life teaches you how to dream, inspire, and embrace life",
|
||
|
// "link": "Embrace this"
|
||
|
// }
|
||
|
]
|
||
|
|
||
|
let items = carouselItems.map(e => new Items(e.heading, e.desc, e.link));
|
||
|
let carousel = new Carousel(items);
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/components/contact.js":
|
||
|
/*!***********************************!*\
|
||
|
!*** ./src/components/contact.js ***!
|
||
|
\***********************************/
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ contactComponent: () => (/* binding */ contactComponent)
|
||
|
/* harmony export */ });
|
||
|
function contactComponent(){
|
||
|
let div = document.createElement('contact');
|
||
|
div.classList.add(['contact']);
|
||
|
|
||
|
let name = document.createElement('h2');
|
||
|
name.textContent = 'This Wondrous Life';
|
||
|
|
||
|
let link = document.createElement('p');
|
||
|
link.textContent = 'https://thiswondrouslife.com';
|
||
|
|
||
|
div.appendChild(name);
|
||
|
div.appendChild(link);
|
||
|
|
||
|
return div;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/components/menu.js":
|
||
|
/*!********************************!*\
|
||
|
!*** ./src/components/menu.js ***!
|
||
|
\********************************/
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ menuComponent: () => (/* binding */ menuComponent)
|
||
|
/* harmony export */ });
|
||
|
const menuItems = {
|
||
|
"drinks": [
|
||
|
{
|
||
|
"item": "latte",
|
||
|
"desc": "A nice homemade latte from the Breville."
|
||
|
},
|
||
|
{
|
||
|
"item": "nespresso",
|
||
|
"desc": "a nespresso pod coffee"
|
||
|
},
|
||
|
{
|
||
|
"item": "tea",
|
||
|
"desc": "a steeped tea for ninjas"
|
||
|
}
|
||
|
],
|
||
|
"snacks": [
|
||
|
{
|
||
|
"item": "cookies",
|
||
|
"desc": "homemade chocolate chip cookies or another delicious treat"
|
||
|
},
|
||
|
{
|
||
|
"item": "pumpkin cake",
|
||
|
"desc": "homemade pumpkin cake, leaving you wanting more"
|
||
|
},
|
||
|
{
|
||
|
"item": "cinnamon rolls",
|
||
|
"desc": "delicious mouth watering cinnamon rolls"
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
|
||
|
function menuComponent(){
|
||
|
const div = document.createElement('div');
|
||
|
const drinksDiv = document.createElement('div');
|
||
|
const snacksDiv = document.createElement('div');
|
||
|
div.classList.add(['cards']);
|
||
|
drinksDiv.classList.add('drinks-container');
|
||
|
snacksDiv.classList.add('snacks-container');
|
||
|
|
||
|
const drinkHeader = document.createElement('h2');
|
||
|
const snackHeader = document.createElement('h2');
|
||
|
drinkHeader.classList.add(['header', 'drink-header']);
|
||
|
snackHeader.classList.add(['header', 'snack-header']);
|
||
|
|
||
|
drinkHeader.textContent = 'Drinks';
|
||
|
snackHeader.textContent = 'Snacks';
|
||
|
|
||
|
let drinks = card(menuItems['drinks']);
|
||
|
let snacks = card(menuItems['snacks']);
|
||
|
|
||
|
drinksDiv.appendChild(drinkHeader);
|
||
|
drinks.forEach(e => drinksDiv.appendChild(e));
|
||
|
snacksDiv.appendChild(snackHeader);
|
||
|
snacks.forEach(e => snacksDiv.appendChild(e));
|
||
|
|
||
|
div.appendChild(drinksDiv);
|
||
|
div.appendChild(snacksDiv);
|
||
|
|
||
|
return div;
|
||
|
|
||
|
}
|
||
|
|
||
|
function card(item) {
|
||
|
return item.map(element => {
|
||
|
let div = document.createElement('div');
|
||
|
div.classList.add(['card']);
|
||
|
|
||
|
let item = document.createElement('h3');
|
||
|
let desc = document.createElement('p');
|
||
|
item.textContent = element.item;
|
||
|
desc.textContent = element.desc;
|
||
|
|
||
|
div.appendChild(item);
|
||
|
div.appendChild(desc);
|
||
|
return div;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/components/navbar.js":
|
||
|
/*!**********************************!*\
|
||
|
!*** ./src/components/navbar.js ***!
|
||
|
\**********************************/
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
/* harmony export */ menuBar: () => (/* binding */ menuBar)
|
||
|
/* harmony export */ });
|
||
|
function menuBar() {
|
||
|
const items = [
|
||
|
'HOME',
|
||
|
'MENU',
|
||
|
'CONTACT'
|
||
|
];
|
||
|
|
||
|
const navbar = document.createElement('div');
|
||
|
navbar.classList.add(['nav']);
|
||
|
|
||
|
const ul = document.createElement('ul');
|
||
|
ul.classList.add('navbar');
|
||
|
|
||
|
items.forEach(e => {
|
||
|
let li = document.createElement('li');
|
||
|
li.textContent = e;
|
||
|
|
||
|
ul.appendChild(li);
|
||
|
});
|
||
|
|
||
|
navbar.appendChild(ul);
|
||
|
return navbar;
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/assets/Merriweather_Sans/MerriweatherSans-Italic-VariableFont_wght.ttf":
|
||
|
/*!************************************************************************************!*\
|
||
|
!*** ./src/assets/Merriweather_Sans/MerriweatherSans-Italic-VariableFont_wght.ttf ***!
|
||
|
\************************************************************************************/
|
||
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
||
|
module.exports = __webpack_require__.p + "05009c5164530cdb9ac0.ttf";
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/assets/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf":
|
||
|
/*!*****************************************************************************!*\
|
||
|
!*** ./src/assets/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf ***!
|
||
|
\*****************************************************************************/
|
||
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
||
|
module.exports = __webpack_require__.p + "ee384c85ee67825b545c.ttf";
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ "./src/background.jpg":
|
||
|
/*!****************************!*\
|
||
|
!*** ./src/background.jpg ***!
|
||
|
\****************************/
|
||
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
||
|
module.exports = __webpack_require__.p + "2d7cc6f78c63a38a83f2.jpg";
|
||
|
|
||
|
/***/ })
|
||
|
|
||
|
/******/ });
|
||
|
/************************************************************************/
|
||
|
/******/ // The module cache
|
||
|
/******/ var __webpack_module_cache__ = {};
|
||
|
/******/
|
||
|
/******/ // The require function
|
||
|
/******/ function __webpack_require__(moduleId) {
|
||
|
/******/ // Check if module is in cache
|
||
|
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||
|
/******/ if (cachedModule !== undefined) {
|
||
|
/******/ return cachedModule.exports;
|
||
|
/******/ }
|
||
|
/******/ // Create a new module (and put it into the cache)
|
||
|
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||
|
/******/ id: moduleId,
|
||
|
/******/ // no module.loaded needed
|
||
|
/******/ exports: {}
|
||
|
/******/ };
|
||
|
/******/
|
||
|
/******/ // Execute the module function
|
||
|
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||
|
/******/
|
||
|
/******/ // Return the exports of the module
|
||
|
/******/ return module.exports;
|
||
|
/******/ }
|
||
|
/******/
|
||
|
/******/ // expose the modules object (__webpack_modules__)
|
||
|
/******/ __webpack_require__.m = __webpack_modules__;
|
||
|
/******/
|
||
|
/************************************************************************/
|
||
|
/******/ /* webpack/runtime/compat get default export */
|
||
|
/******/ (() => {
|
||
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
|
/******/ __webpack_require__.n = (module) => {
|
||
|
/******/ var getter = module && module.__esModule ?
|
||
|
/******/ () => (module['default']) :
|
||
|
/******/ () => (module);
|
||
|
/******/ __webpack_require__.d(getter, { a: getter });
|
||
|
/******/ return getter;
|
||
|
/******/ };
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/define property getters */
|
||
|
/******/ (() => {
|
||
|
/******/ // define getter functions for harmony exports
|
||
|
/******/ __webpack_require__.d = (exports, definition) => {
|
||
|
/******/ for(var key in definition) {
|
||
|
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||
|
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||
|
/******/ }
|
||
|
/******/ }
|
||
|
/******/ };
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/global */
|
||
|
/******/ (() => {
|
||
|
/******/ __webpack_require__.g = (function() {
|
||
|
/******/ if (typeof globalThis === 'object') return globalThis;
|
||
|
/******/ try {
|
||
|
/******/ return this || new Function('return this')();
|
||
|
/******/ } catch (e) {
|
||
|
/******/ if (typeof window === 'object') return window;
|
||
|
/******/ }
|
||
|
/******/ })();
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||
|
/******/ (() => {
|
||
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/make namespace object */
|
||
|
/******/ (() => {
|
||
|
/******/ // define __esModule on exports
|
||
|
/******/ __webpack_require__.r = (exports) => {
|
||
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
|
/******/ }
|
||
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
/******/ };
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/publicPath */
|
||
|
/******/ (() => {
|
||
|
/******/ var scriptUrl;
|
||
|
/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
|
||
|
/******/ var document = __webpack_require__.g.document;
|
||
|
/******/ if (!scriptUrl && document) {
|
||
|
/******/ if (document.currentScript)
|
||
|
/******/ scriptUrl = document.currentScript.src;
|
||
|
/******/ if (!scriptUrl) {
|
||
|
/******/ var scripts = document.getElementsByTagName("script");
|
||
|
/******/ if(scripts.length) {
|
||
|
/******/ var i = scripts.length - 1;
|
||
|
/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
|
||
|
/******/ }
|
||
|
/******/ }
|
||
|
/******/ }
|
||
|
/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
|
||
|
/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
|
||
|
/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
|
||
|
/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
|
||
|
/******/ __webpack_require__.p = scriptUrl;
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
||
|
/******/ (() => {
|
||
|
/******/ __webpack_require__.b = document.baseURI || self.location.href;
|
||
|
/******/
|
||
|
/******/ // object to store loaded and loading chunks
|
||
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
||
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
||
|
/******/ var installedChunks = {
|
||
|
/******/ "index": 0
|
||
|
/******/ };
|
||
|
/******/
|
||
|
/******/ // no chunk on demand loading
|
||
|
/******/
|
||
|
/******/ // no prefetching
|
||
|
/******/
|
||
|
/******/ // no preloaded
|
||
|
/******/
|
||
|
/******/ // no HMR
|
||
|
/******/
|
||
|
/******/ // no HMR manifest
|
||
|
/******/
|
||
|
/******/ // no on chunks loaded
|
||
|
/******/
|
||
|
/******/ // no jsonp function
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/******/ /* webpack/runtime/nonce */
|
||
|
/******/ (() => {
|
||
|
/******/ __webpack_require__.nc = undefined;
|
||
|
/******/ })();
|
||
|
/******/
|
||
|
/************************************************************************/
|
||
|
var __webpack_exports__ = {};
|
||
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
||
|
(() => {
|
||
|
/*!**********************!*\
|
||
|
!*** ./src/index.js ***!
|
||
|
\**********************/
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
/* harmony import */ var _components_contact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/contact */ "./src/components/contact.js");
|
||
|
/* harmony import */ var _components_carousel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/carousel */ "./src/components/carousel.js");
|
||
|
/* harmony import */ var _components_navbar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/navbar */ "./src/components/navbar.js");
|
||
|
/* harmony import */ var _components_menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/menu */ "./src/components/menu.js");
|
||
|
/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style.css */ "./src/style.css");
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
let _carousel = _components_carousel__WEBPACK_IMPORTED_MODULE_1__.carousel.createComponent();
|
||
|
|
||
|
function website() {
|
||
|
|
||
|
// Navbar
|
||
|
document.body.appendChild(nav());
|
||
|
|
||
|
loadPage();
|
||
|
|
||
|
}
|
||
|
|
||
|
function nav(){
|
||
|
const element = document.createElement('header');
|
||
|
const brandName = document.createElement('h1');
|
||
|
|
||
|
let menu = new _components_navbar__WEBPACK_IMPORTED_MODULE_2__.menuBar();
|
||
|
menu.addEventListener('click', e => loadPage(e.target.outerText));
|
||
|
|
||
|
brandName.style.textAlign = 'center';
|
||
|
brandName.textContent = 'This Wondrous Coffee';
|
||
|
|
||
|
element.appendChild(brandName);
|
||
|
element.appendChild(menu);
|
||
|
|
||
|
return element;
|
||
|
};
|
||
|
|
||
|
function loadPage(page='home') {
|
||
|
let home = _carousel;
|
||
|
let menu = (0,_components_menu__WEBPACK_IMPORTED_MODULE_3__.menuComponent)();
|
||
|
let contact = (0,_components_contact__WEBPACK_IMPORTED_MODULE_0__.contactComponent)();
|
||
|
let contentData;
|
||
|
|
||
|
switch(page.toLowerCase()){
|
||
|
case 'menu':
|
||
|
contentData = content(menu);
|
||
|
break;
|
||
|
case 'contact':
|
||
|
contentData = content(contact);
|
||
|
break;
|
||
|
default:
|
||
|
contentData = content(home);
|
||
|
break;
|
||
|
|
||
|
}
|
||
|
document.body.appendChild(contentData);
|
||
|
}
|
||
|
|
||
|
function content(data) {
|
||
|
const old = document.querySelector('.content');
|
||
|
if (old) {
|
||
|
old.textContent = '';
|
||
|
document.body.removeChild(old);
|
||
|
}
|
||
|
const _content = document.createElement('div');
|
||
|
_content.classList.add('content');
|
||
|
_content.appendChild(data);
|
||
|
|
||
|
return _content;
|
||
|
|
||
|
};
|
||
|
|
||
|
website();
|
||
|
|
||
|
})();
|
||
|
|
||
|
/******/ })()
|
||
|
;
|
||
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVuZGxlLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDMEc7QUFDakI7QUFDTztBQUNoRyw0Q0FBNEMsNk5BQTJGO0FBQ3ZJLDRDQUE0QywrTUFBb0Y7QUFDaEksNENBQTRDLDZHQUFtQztBQUMvRSw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GLHlDQUF5QyxzRkFBK0I7QUFDeEUseUNBQXlDLHNGQUErQjtBQUN4RSx5Q0FBeUMsc0ZBQStCO0FBQ3hFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGVBQWUsbUNBQW1DO0FBQ2xELGVBQWUsbUNBQW1DO0FBQ2xEOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esc0JBQXNCLG1DQUFtQztBQUN6RDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxnRkFBZ0YsWUFBWSxhQUFhLGFBQWEsYUFBYSxhQUFhLE9BQU8sS0FBSyxZQUFZLGFBQWEsYUFBYSxRQUFRLE1BQU0sVUFBVSxVQUFVLFlBQVksYUFBYSxhQUFhLGFBQWEsYUFBYSxPQUFPLEtBQUssWUFBWSxhQUFhLGFBQWEsYUFBYSxPQUFPLEtBQUssVUFBVSxVQUFVLFlBQVksYUFBYSxhQUFhLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsYUFBYSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsT0FBTyxLQUFLLFVBQVUsWUFBWSxXQUFXLE1BQU0sS0FBSyxZQUFZLFdBQVcsVUFBVSxZQUFZLE9BQU8sS0FBSyxVQUFVLFlBQVksYUFBYSxhQUFhLE9BQU8sS0FBSyxVQUFVLFVBQVUsVUFBVSxZQUFZLGFBQWEsYUFBYSxPQUFPLEtBQUssWUFBWSxhQUFhLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFVBQVUsWUFBWSxhQUFhLFdBQVcsVUFBVSxVQUFVLFlBQVksYUFBYSxPQUFPLE1BQU0sWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsYUFBYSxXQUFXLFVBQVUsVUFBVSxVQUFVLFlBQVksT0FBTyxLQUFLLFVBQVUsVUFBVSxNQUFNLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsV0FBVyxNQUFNLEtBQUssWUFBWSxhQUFhLFFBQVEsS0FBSyxVQUFVLFlBQVksYUFBYSxXQUFXLE1BQU0sS0FBSyxZQUFZLE9BQU8sS0FBSyxVQUFVLE9BQU8sS0FBSyxVQUFVLFVBQVUsVUFBVSxZQUFZLGFBQWEsYUFBYSxpQ0FBaUMsd0JBQXdCLDZCQUE2Qiw0QkFBNEIsb0NBQW9DLHVDQUF1QyxHQUFHLGdCQUFnQix1Q0FBdUMsOEdBQThHLHVHQUF1RyxHQUFHLG1CQUFtQixnQkFBZ0IsaUJBQWlCLGtDQUFrQywwQ0FBMEMsNkJBQTZCLHVDQUF1Qyx3Q0FBd0MsR0FBRyxZQUFZLHVCQUF1Qix5REFBeUQsK0JBQStCLGlEQUFpRCxHQUFHLGVBQWUsZ0JBQWdCLGlCQUFpQix5QkFBeUIsdUJBQXVCLHdCQUF3QixHQUFHLE9BQU8sNEJBQTRCLGdDQUFnQyxHQUFHLGFBQWEsNEJBQTRCLHVCQUF1QixHQUFHLGdCQUFnQixvQkFBb0IsNkJBQTZCLHFDQUFxQyw0QkFBNEIsR0FBRyxVQUFVLG9CQUFvQiw4QkFBOEIsNEJBQTRCLEdBQUcsYUFBYSxvQkFBb0IsOENBQThDLGdCQUFnQixHQUFHLGdCQUFnQiw0QkFBNEIsc0JBQXNCLHNCQUFzQix1QkFBdUIsR0FBRyxjQUFjLG9CQUFvQiw4QkFBOEIsdUJBQXVCLHdCQUF3QixHQUFHLGVBQWUsa0JBQWtCLGdCQUFnQixxQkFBcUIsa0RBQWtELDBDQUEwQyxnQ0FBZ0MsR0FBRyx1QkFBdUIsd0JBQXdCLHVCQUF1QixHQUFHLHNCQUFzQix3QkFBd0IsdUJBQXVCLEdBQUcsWUFBWSxvQkFBb0IsNkJBQTZCLDBCQUEwQixrQkFBa0IsZ0JBQWdCLHFCQUFxQixrREFBa0QsMENBQTBDLEdBQUcsK0RBQStELGdDQUFnQyxHQUFHLFdBQVcsb0JBQW9CLDZCQUE2Qiw4QkFBOEIsMEJBQTBCLGdCQUFnQixtQkFBbUIsb0JBQW9CLG9CQUFvQiwyQ0FBMkMsR0FBRyxjQUFjLGlCQUFpQixnQkFBZ0IsR0FBRyxhQUFhLHVCQUF1QixHQUFHLHVCQUF1QixvQkFBb0IsOENBQThDLDBCQUEwQixnQkFBZ0IsR0FBRywwQkFBMEIsOEJBQThCLHlCQUF5QixHQUFHLHlCQUF5QixvQkFBb0IsOENBQThDLDBCQUEwQixnQkFBZ0IsR0FBRywwQkFBMEIsOEJBQThCLEdBQUcsNkJBQTZCLG9CQUFvQixHQUFHLGNBQWMsa0JBQWtCLGdCQUFnQixxQkFBcUIsa0RBQWtELDBDQUEwQyxnQ0FBZ0MsR0FBRyxxQkFBcUI7QUFDMXdKO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUM7Ozs7Ozs7Ozs7O0FDOUwxQjs7QUFFYjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscURBQXFEO0FBQ3JEO0FBQ0E7QUFDQSxnREFBZ0Q7QUFDaEQ7QUFDQTtBQUNBLHFGQUFxRjtBQUNyRjtBQUNBO0FBQ0E7QUFDQSxxQkFBcUI7QUFDckI7QUFDQTtBQUNBLHFCQUFxQjtBQUNyQjtBQUNBO0FBQ0EscUJBQXFCO0FBQ3JCO0FBQ0E7QUFDQSxLQUFLO0FBQ0w
|