From a3c40e0c7980d0ca504d56fabbbd56559415fe52 Mon Sep 17 00:00:00 2001 From: Ticorrian Heard Date: Fri, 6 Oct 2023 23:37:37 -0400 Subject: [PATCH] Updates --- main.min.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/main.min.js b/main.min.js index d53a63a..8f31229 100644 --- a/main.min.js +++ b/main.min.js @@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\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 _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button */ \"./src/components/Button.jsx\");\n/* harmony import */ var _HeroSection_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HeroSection.css */ \"./src/components/HeroSection.css\");\n\n\n\nfunction HerosSection() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"hero-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"video\", {\n src: \"../../assets/videos/video-2.mp4\",\n playsInline: true,\n autoPlay: true,\n loop: true,\n muted: true\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h1\", null, \"Welcome to our demo site!\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"hero-btns\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, {\n path: \"https://explore.zoom.us/en/video-sdk/\",\n buttonStyle: \"btn--primary\",\n buttonSize: \"btn--large\",\n extraStyle: \"transition-colors hover:bg-slate-300 active:bg-slate-500\"\n }, \"Get Started with the Zoom Video SDK\")));\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HerosSection);\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/HerosSection.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\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 _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button */ \"./src/components/Button.jsx\");\n/* harmony import */ var _HeroSection_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HeroSection.css */ \"./src/components/HeroSection.css\");\n\n\n\nfunction HerosSection() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"hero-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"video\", {\n src: \"../../assets/videos/video-2.mp4\",\n playsInline: true,\n autoPlay: true,\n loop: true,\n muted: true\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h1\", null, \"Welcome to our demo site!\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"hero-btns\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_1__.Button, {\n path: \"https://explore.zoom.us/en/video-sdk/\",\n buttonStyle: \"btn--primary\",\n buttonSize: \"btn--large\",\n extraStyle: \"transition-colors hover:bg-slate-300 active:bg-slate-500\"\n }, \"Get Started with Zoom's Video SDK\")));\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HerosSection);\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/HerosSection.jsx?"); /***/ }), @@ -66,7 +66,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/dist/index.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Button */ \"./src/components/Button.jsx\");\n/* harmony import */ var _Navbar_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Navbar.css */ \"./src/components/Navbar.css\");\n\n\n\n\n\nfunction Navbar() {\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_useState, 2),\n click = _useState2[0],\n setClick = _useState2[1];\n var NavbarRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n var handleClick = function handleClick() {\n setClick(function (click) {\n return !click;\n });\n };\n var closeMobileMenu = function closeMobileMenu() {\n setClick(function (click) {\n return false;\n });\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n NavbarRef.current.style.overflow = NavbarRef.current.style.overflow === 'hidden' ? \"visible\" : \"hidden\";\n }, [click]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"nav\", {\n ref: NavbarRef,\n className: \"navbar\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"navbar-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-container fold-center-logo\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"/\",\n className: \"navbar-logo\",\n onClick: closeMobileMenu\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"icon-container mr-1.5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"svg\", {\n className: \"svg-pos\",\n width: \"40\",\n height: \"40\",\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"mask\", {\n id: \"mask0_1253_31\",\n style: {\n maskType: 'alpha'\n },\n maskUnits: \"userSpaceOnUse\",\n x: \"0\",\n y: \"3\",\n width: \"16\",\n height: \"10\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"path\", {\n d: \"M11 11.5C11 12.3284 10.3284 13 9.5 13H3C1.3431 13 0 11.6569 0 10V4.5C0 3.6716 0.6716 3 1.5 3H8C9.6569 3 11 4.3431 11 6V11.5ZM14.7999 3.8999L12.5999 5.54991C12.2222 5.83321 11.9999 6.27781 11.9999 6.74991L12 9.24991C12 9.72201 12.2223 10.1666 12.6 10.4499L14.8 12.0999C15.2944 12.4707 16 12.1179 16 11.4999V4.49991C16 3.88181 15.2944 3.529 14.7999 3.8999Z\",\n fill: \"#000001\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"g\", {\n mask: \"url(#mask0_1253_31)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"rect\", {\n width: \"16\",\n height: \"16\",\n fill: \"#fff\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-txt\"\n }, \"VideoSDK.Dev\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"menu-icon\",\n onClick: handleClick\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"i\", {\n className: click ? 'fas fa-times' : 'fas fa-bars'\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"ul\", {\n className: click ? 'nav-menu active' : 'nav-menu'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://devforum.zoom.us/\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"Dev Forum\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://github.com/zoom\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"GitHub\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://developers.zoom.us/docs/video-sdk/\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"Docs\"))))));\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Navbar);\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Navbar.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/dist/index.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Button */ \"./src/components/Button.jsx\");\n/* harmony import */ var _Navbar_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Navbar.css */ \"./src/components/Navbar.css\");\n\n\n\n\n\nfunction Navbar() {\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_useState, 2),\n click = _useState2[0],\n setClick = _useState2[1];\n var NavbarRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n var handleClick = function handleClick() {\n setClick(function (click) {\n return !click;\n });\n };\n var closeMobileMenu = function closeMobileMenu() {\n setClick(function (click) {\n return false;\n });\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n NavbarRef.current.style.overflow = NavbarRef.current.style.overflow === 'hidden' ? \"visible\" : \"hidden\";\n }, [click]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"nav\", {\n ref: NavbarRef,\n className: \"navbar\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"navbar-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-container fold-center-logo\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"/\",\n className: \"navbar-logo\",\n onClick: closeMobileMenu\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"icon-container mr-1.5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"svg\", {\n className: \"svg-pos\",\n width: \"40\",\n height: \"40\",\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"mask\", {\n id: \"mask0_1253_31\",\n style: {\n maskType: 'alpha'\n },\n maskUnits: \"userSpaceOnUse\",\n x: \"0\",\n y: \"3\",\n width: \"16\",\n height: \"10\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"path\", {\n d: \"M11 11.5C11 12.3284 10.3284 13 9.5 13H3C1.3431 13 0 11.6569 0 10V4.5C0 3.6716 0.6716 3 1.5 3H8C9.6569 3 11 4.3431 11 6V11.5ZM14.7999 3.8999L12.5999 5.54991C12.2222 5.83321 11.9999 6.27781 11.9999 6.74991L12 9.24991C12 9.72201 12.2223 10.1666 12.6 10.4499L14.8 12.0999C15.2944 12.4707 16 12.1179 16 11.4999V4.49991C16 3.88181 15.2944 3.529 14.7999 3.8999Z\",\n fill: \"#000001\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"g\", {\n mask: \"url(#mask0_1253_31)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"rect\", {\n width: \"16\",\n height: \"16\",\n fill: \"#fff\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-txt\"\n }, \"videosdk.dev\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"logo-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"menu-icon\",\n onClick: handleClick\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"i\", {\n className: click ? 'fas fa-times' : 'fas fa-bars'\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"ul\", {\n className: click ? 'nav-menu active' : 'nav-menu'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://devforum.zoom.us/\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"Dev Forum\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://github.com/zoom\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"GitHub\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"li\", {\n className: \"nav-item\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {\n to: \"https://developers.zoom.us/docs/video-sdk/\",\n target: \"_blank\",\n className: \"nav-links\",\n onClick: handleClick\n }, \"Docs\"))))));\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Navbar);\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Navbar.jsx?"); /***/ }), @@ -96,7 +96,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac \***********************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root {\n --primary: #fff;\n}\n\n.btn {\n padding: 8px 20px;\n border-radius: 2px;\n outline: none;\n border: none;\n cursor: pointer;\n}\n\n.btn--primary {\n background-color: #fff;\n background-color: var(--primary);\n color: #242424;\n}\n\n.btn--outline {\n background-color: transparent;\n color: #fff;\n padding: 8px 20px;\n border: 1px solid #fff;\n border: 1px solid var(--primary);\n transition: all 0.3s ease-out;\n}\n\n.btn--medium {\n padding: 8px 20px;\n font-size: 20px;\n}\n\n.btn--large {\n padding: 12px 26px;\n font-size: 20px;\n}\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Button.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root {\n --primary: #fff;\n}\n\n.btn {\n padding: 8px 20px;\n border-radius: 2px;\n outline: none;\n border: none;\n cursor: pointer;\n font-family: 'Almaden Sans', sans-serif;\n}\n\n.btn--primary {\n background-color: #fff;\n background-color: var(--primary);\n color: #242424;\n}\n\n.btn--outline {\n background-color: transparent;\n color: #fff;\n padding: 8px 20px;\n border: 1px solid #fff;\n border: 1px solid var(--primary);\n transition: all 0.3s ease-out;\n}\n\n.btn--medium {\n padding: 8px 20px;\n font-size: 20px;\n}\n\n.btn--large {\n padding: 12px 26px;\n font-size: 20px;\n}\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Button.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); /***/ }), @@ -106,7 +106,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \**********************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.cards {\n padding: 4rem;\n /* background: linear-gradient(177deg, rgb(0 0 0) 0%, rgb(7, 11, 38) 100%); */\n background-color: white;\n /* --tw-bg-opacity: 1;\n background-color: rgb(15 23 42/var(--tw-bg-opacity)); */\n }\n \n h1 {\n text-align: center;\n }\n \n .cards__container {\n display: flex;\n flex-flow: column;\n align-items: center;\n max-width: 1120px;\n width: 90%;\n margin: 0 auto;\n }\n \n .cards__wrapper {\n position: relative;\n margin: 50px 0 45px;\n }\n \n .cards__items {\n margin-bottom: 24px;\n }\n \n .cards__item {\n display: flex;\n flex: 1;\n margin: 0 2rem;\n border: 1px solid rgba(56, 125, 255, 0.06);\n border-radius: 10px;\n }\n\n .cards__item:hover {\n --tw-shadow: 0 2px 11px 0 #b5b3b7;\n --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);\n transition: box-shadow 0.2s ease-in-out;\n }\n \n .cards__item__link {\n display: flex;\n flex-flow: column;\n width: 100%;\n /* box-shadow: 0 6px 20px rgba(56, 125, 255, 0.17); */\n filter: drop-shadow(0 6px 20px rgba(56, 125, 255, 0.017));\n border-radius: 10px;\n overflow: hidden;\n text-decoration: none;\n }\n \n .cards__item__pic-wrap {\n position: relative;\n width: 100%;\n padding-top: 67%;\n overflow: hidden;\n }\n \n .fade-img {\n animation-name: fade-img;\n animation-duration: 2s;\n }\n \n .cards__item__pic-wrap::after {\n content: attr(data-category);\n position: absolute;\n bottom: 0;\n margin-left: 10px;\n padding: 6px 8px;\n max-width: calc((100%) - 60px);\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n background-color: #1f98f4;\n box-sizing: border-box;\n }\n \n .cards__item__img {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n transition: all 0.2s linear;\n }\n \n .cards__item__img:hover {\n transform: scale(1.1);\n }\n \n .cards__item__info {\n padding: 20px 30px 30px;\n }\n \n .cards__item__text {\n color: #252e48;\n font-size: 18px;\n line-height: 24px;\n }\n \n @media only screen and (min-width: 1200px) {\n .content__blog__container {\n width: 84%;\n }\n }\n \n @media only screen and (min-width: 1024px) {\n .cards__items {\n display: flex;\n }\n }\n \n @media only screen and (max-width: 1024px) {\n .cards__item {\n margin-bottom: 2rem;\n }\n }`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Cards.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.cards {\n padding: 4rem;\n /* background: linear-gradient(177deg, rgb(0 0 0) 0%, rgb(7, 11, 38) 100%); */\n background-color: white;\n /* --tw-bg-opacity: 1;\n background-color: rgb(15 23 42/var(--tw-bg-opacity)); */\n }\n \n h1 {\n text-align: center;\n }\n \n .cards__container {\n display: flex;\n flex-flow: column;\n align-items: center;\n max-width: 1120px;\n width: 90%;\n margin: 0 auto;\n }\n \n .cards__wrapper {\n position: relative;\n margin: 50px 0 45px;\n }\n \n .cards__items {\n margin-bottom: 24px;\n }\n \n .cards__item {\n display: flex;\n flex: 1;\n margin: 0 2rem;\n border: 1px solid rgba(56, 125, 255, 0.06);\n border-radius: 10px;\n }\n\n .cards__item:hover {\n --tw-shadow: 0 2px 11px 0 #b5b3b7;\n --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);\n transition: box-shadow 0.2s ease-in-out;\n }\n \n .cards__item__link {\n display: flex;\n flex-flow: column;\n width: 100%;\n /* box-shadow: 0 6px 20px rgba(56, 125, 255, 0.17); */\n filter: drop-shadow(0 6px 20px rgba(56, 125, 255, 0.017));\n border-radius: 10px;\n overflow: hidden;\n text-decoration: none;\n }\n \n .cards__item__pic-wrap {\n position: relative;\n width: 100%;\n padding-top: 67%;\n overflow: hidden;\n font-family: 'Almaden Sans', sans-serif;\n }\n \n .fade-img {\n animation-name: fade-img;\n animation-duration: 2s;\n }\n \n .cards__item__pic-wrap::after {\n content: attr(data-category);\n position: absolute;\n bottom: 0;\n margin-left: 10px;\n padding: 6px 8px;\n max-width: calc((100%) - 60px);\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n background-color: #1f98f4;\n box-sizing: border-box;\n }\n \n .cards__item__img {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n transition: all 0.2s linear;\n }\n \n .cards__item__img:hover {\n transform: scale(1.1);\n }\n \n .cards__item__info {\n padding: 20px 30px 30px;\n }\n \n .cards__item__text {\n color: #252e48;\n font-size: 18px;\n line-height: 24px;\n font-family: 'Almaden Sans', sans-serif;\n\n }\n \n @media only screen and (min-width: 1200px) {\n .content__blog__container {\n width: 84%;\n }\n }\n \n @media only screen and (min-width: 1024px) {\n .cards__items {\n display: flex;\n }\n }\n \n @media only screen and (max-width: 1024px) {\n .cards__item {\n margin-bottom: 2rem;\n }\n }`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Cards.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); /***/ }), @@ -116,7 +116,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \****************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `video {\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: -1;\n }\n \n .hero-container {\n /* background: url('/images/img-home.jpg') center center/cover no-repeat; */\n height: 60vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);\n -o-object-fit: contain;\n object-fit: contain;\n }\n \n .hero-container > h1 {\n color: #fff;\n font-size: 100px;\n margin-top: -100px;\n }\n \n .hero-container > p {\n margin-top: 8px;\n color: #fff;\n font-size: 32px;\n font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',\n 'Lucida Sans', Arial, sans-serif;\n }\n \n .hero-btns {\n margin-top: 32px;\n }\n \n .hero-btns .btn {\n margin: 6px;\n }\n \n .fa-play-circle {\n margin-left: 4px;\n }\n \n @media screen and (max-width: 960px) {\n\n /* video {\n object-fit: cover;\n width: 100%;\n height: 80%;\n position: absolute;\n z-index: -1;\n } */\n\n .hero-container > h1 {\n font-size: 70px;\n margin-top: -150px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .hero-container > h1 {\n font-size: 50px;\n margin-top: -100px;\n }\n \n .hero-container > p {\n font-size: 30px;\n }\n \n .btn-mobile {\n display: block;\n text-decoration: none;\n }\n \n .btn {\n width: 97%;\n }\n\n }\n\n @media screen and (max-width: 280px) {\n .hero-container {\n padding-top: 49px;\n }\n }\n\n @media screen and (orientation:landscape) { \n .hero-container {\n padding-top: 90px;\n }\n }`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/HeroSection.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `video {\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: -1;\n }\n \n .hero-container {\n /* background: url('/images/img-home.jpg') center center/cover no-repeat; */\n height: 60vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);\n -o-object-fit: contain;\n object-fit: contain;\n }\n \n .hero-container > h1 {\n color: #fff;\n font-size: 100px;\n margin-top: -100px;\n }\n \n .hero-container > p {\n margin-top: 8px;\n color: #fff;\n font-size: 32px;\n font-family: 'Almaden Sans', sans-serif;\n }\n \n .hero-btns {\n margin-top: 32px;\n }\n \n .hero-btns .btn {\n margin: 6px;\n }\n \n .fa-play-circle {\n margin-left: 4px;\n }\n \n @media screen and (max-width: 960px) {\n\n /* video {\n object-fit: cover;\n width: 100%;\n height: 80%;\n position: absolute;\n z-index: -1;\n } */\n\n .hero-container > h1 {\n font-size: 70px;\n margin-top: -150px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .hero-container > h1 {\n font-size: 50px;\n margin-top: -100px;\n }\n \n .hero-container > p {\n font-size: 30px;\n }\n \n .btn-mobile {\n display: block;\n text-decoration: none;\n }\n \n .btn {\n width: 97%;\n }\n\n }\n\n @media screen and (max-width: 280px) {\n .hero-container {\n padding-top: 49px;\n }\n }\n\n @media screen and (orientation:landscape) { \n .hero-container {\n padding-top: 90px;\n }\n }`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/HeroSection.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); /***/ }), @@ -126,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \***********************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n// Imports\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../../assets/fonts/HappyDisplay-SemiBold.otf */ \"./assets/fonts/HappyDisplay-SemiBold.otf\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face {\n font-family: \"Happy Display Bold\";\n src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format(\"opentype\"),\n}\n\n.navbar {\n --tw-bg-opacity: 1;\n /* background-color: rgb(15 23 42/var(--tw-bg-opacity)); */\n background-color: white;\n height: 80px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n position: sticky;\n top: 0;\n z-index: 999;\n }\n \n .navbar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n max-width: 1500px;\n }\n\n .logo-container {\n display: flex;\n height: 100%;\n width: 50%;\n justify-content: flex-start;\n }\n \n .navbar-logo {\n color: #0e0e0f;\n justify-self: start;\n margin-left: 20px;\n cursor: pointer;\n text-decoration: none;\n font-size: 2rem;\n display: flex;\n align-items: center;\n }\n\n .logo-txt {\n font-family: 'Happy Display Bold';\n }\n\n .icon-container {\n background-color: #0A5BFE;\n width: 62px;\n height: 58px;\n border-radius: 26px;\n box-shadow: inset 0px -3px 2px -1px #646464;\n }\n\n .svg-pos {\n position: relative;\n top: 8px;\n right: -11px;\n }\n \n .fa-typo3 {\n margin-left: 0.5rem;\n font-size: 1.8rem;\n }\n \n .nav-menu {\n display: grid;\n grid-template-columns: repeat(4, auto);\n grid-gap: 10px;\n list-style: none;\n text-align: center;\n width: 60vw;\n margin-right: 2rem;\n justify-content: flex-end;\n }\n \n .nav-item {\n height: 80px;\n }\n \n .nav-links {\n color: #000000;\n display: flex;\n align-items: center;\n text-decoration: none;\n padding: 0.5rem 1rem;\n height: 100%;\n }\n \n .nav-links:hover {\n border-bottom: 4px solid #0080d6;\n transition: all 0.2s ease-out;\n }\n \n .fa-bars {\n color: #000000;\n }\n \n .nav-links-mobile {\n display: none;\n }\n \n .menu-icon {\n display: none;\n }\n\n .fold-center-logo {\n padding-right: 0px;\n }\n \n @media screen and (max-width: 960px) {\n\n .navbar {\n overflow: hidden;\n }\n\n .logo-container {\n display: flex;\n width: 50%;\n justify-content: flex-start;\n position: relative;\n }\n \n .nav-menu {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 273px;\n min-height: 250px;\n position: absolute;\n top: 81px;\n left: -400px;\n opacity: 1;\n justify-content: flex-start;\n transition: all 0.5s ease;\n }\n \n .nav-menu.active {\n position: absolute;\n width: 275px;\n border-radius: 12px;\n top: 81px;\n left: -122px;\n background: #ffffff;\n box-shadow: 0 -14px 12px rgba(168, 169, 172, 0.16);\n opacity: 1;\n z-index: 10;\n transition: all 0.5s ease;\n }\n \n .nav-links {\n text-align: center;\n padding: 2rem;\n width: 100%;\n display: table;\n }\n \n .nav-links:hover {\n background-color: #f2f6f8;\n color: #242424;\n border-radius: 12px;\n border-bottom: 0px solid #ffffff;\n }\n \n .menu-icon {\n display: block;\n position: absolute;\n top: 21px;\n right: 65px;\n /* transform: translate(-100%, 60%); */\n font-size: 1.8rem;\n cursor: pointer;\n }\n \n .fa-times {\n color: #000000;\n font-size: 2rem;\n }\n }\n\n @media screen and (max-width: 456px) {\n .menu-icon {\n right: 33px\n }\n }\n\n\n @media screen and (max-width: 339px) {\n .navbar {\n height: 160px\n }\n\n .navbar-container {\n flex-direction: column;\n }\n\n .logo-container {\n display: flex;\n width: 100%;\n justify-content: center;\n position: relative;\n align-items: center;\n }\n\n .fold-center-logo {\n padding-right: 20px;\n }\n\n .menu-icon {\n right: 117px;\n }\n\n .nav-menu.active {\n left: 4px;\n }\n }\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Navbar.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n// Imports\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../../assets/fonts/HappyDisplay-SemiBold.otf */ \"./assets/fonts/HappyDisplay-SemiBold.otf\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face {\n font-family: \"Happy Display Bold\";\n src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format(\"opentype\"),\n}\n\n.navbar {\n --tw-bg-opacity: 1;\n /* background-color: rgb(15 23 42/var(--tw-bg-opacity)); */\n background-color: white;\n height: 80px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n position: sticky;\n top: 0;\n z-index: 999;\n }\n \n .navbar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n max-width: 1500px;\n }\n\n .logo-container {\n display: flex;\n height: 100%;\n width: 50%;\n justify-content: flex-start;\n }\n \n .navbar-logo {\n color: #0e0e0f;\n justify-self: start;\n margin-left: 20px;\n cursor: pointer;\n text-decoration: none;\n font-size: 2rem;\n display: flex;\n align-items: center;\n }\n\n .logo-txt {\n font-family: 'Almaden Sans';\n }\n\n .icon-container {\n background-color: #0A5BFE;\n width: 62px;\n height: 58px;\n border-radius: 26px;\n box-shadow: inset 0px -3px 2px -1px #646464;\n }\n\n .svg-pos {\n position: relative;\n top: 8px;\n right: -11px;\n }\n \n .fa-typo3 {\n margin-left: 0.5rem;\n font-size: 1.8rem;\n }\n \n .nav-menu {\n display: grid;\n grid-template-columns: repeat(4, auto);\n grid-gap: 10px;\n list-style: none;\n text-align: center;\n width: 60vw;\n margin-right: 2rem;\n justify-content: flex-end;\n }\n \n .nav-item {\n height: 80px;\n }\n \n .nav-links {\n color: #000000;\n display: flex;\n align-items: center;\n text-decoration: none;\n padding: 0.5rem 1rem;\n height: 100%;\n }\n \n .nav-links:hover {\n border-bottom: 4px solid #0080d6;\n transition: all 0.2s ease-out;\n }\n \n .fa-bars {\n color: #000000;\n }\n \n .nav-links-mobile {\n display: none;\n }\n \n .menu-icon {\n display: none;\n }\n\n .fold-center-logo {\n padding-right: 0px;\n }\n \n @media screen and (max-width: 960px) {\n\n .navbar {\n overflow: hidden;\n }\n\n .logo-container {\n display: flex;\n width: 50%;\n justify-content: flex-start;\n position: relative;\n }\n \n .nav-menu {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 273px;\n min-height: 250px;\n position: absolute;\n top: 81px;\n left: -400px;\n opacity: 1;\n justify-content: flex-start;\n transition: all 0.5s ease;\n }\n \n .nav-menu.active {\n position: absolute;\n width: 275px;\n border-radius: 12px;\n top: 81px;\n left: -122px;\n background: #ffffff;\n box-shadow: 0 -14px 12px rgba(168, 169, 172, 0.16);\n opacity: 1;\n z-index: 10;\n transition: all 0.5s ease;\n }\n \n .nav-links {\n text-align: center;\n padding: 2rem;\n width: 100%;\n display: table;\n }\n \n .nav-links:hover {\n background-color: #f2f6f8;\n color: #242424;\n border-radius: 12px;\n border-bottom: 0px solid #ffffff;\n }\n \n .menu-icon {\n display: block;\n position: absolute;\n top: 21px;\n right: 65px;\n /* transform: translate(-100%, 60%); */\n font-size: 1.8rem;\n cursor: pointer;\n }\n \n .fa-times {\n color: #000000;\n font-size: 2rem;\n }\n }\n\n @media screen and (max-width: 456px) {\n .menu-icon {\n right: 33px\n }\n }\n\n\n @media screen and (max-width: 339px) {\n .navbar {\n height: 160px\n }\n\n .navbar-container {\n flex-direction: column;\n }\n\n .logo-container {\n display: flex;\n width: 100%;\n justify-content: center;\n position: relative;\n align-items: center;\n }\n\n .fold-center-logo {\n padding-right: 20px;\n }\n\n .menu-icon {\n right: 117px;\n }\n\n .nav-menu.active {\n left: 4px;\n }\n }\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://videosdkdev.github.io/./src/components/Navbar.css?./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D"); /***/ }), @@ -498,7 +498,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /******/ /******/ /* webpack/runtime/getFullHash */ /******/ (() => { -/******/ __webpack_require__.h = () => ("ab2f9fe7a20c27061db1") +/******/ __webpack_require__.h = () => ("baf6abaa025fd2db228d") /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */