diff --git a/_config.yml b/_config.yml index 21e9ded..5d6cc70 100644 --- a/_config.yml +++ b/_config.yml @@ -8,5 +8,6 @@ exclude: - p2pu-theme - node_modules - node_modules/ + - gdoc - .bundler domain: digital-detroit.p2pu.org diff --git a/_includes/hero_header.html b/_includes/hero_header.html index ed50851..b5de84d 100644 --- a/_includes/hero_header.html +++ b/_includes/hero_header.html @@ -1,26 +1,15 @@
+

{{ page.header_text }}

-
-
- - -
-
-
+
-

{{ page.header_text }}

{{ page.hero | markdownify }}
- {% if page.image_attribution %} -
- {{ page.image_attribution | markdownify }} -
- {% endif %}
diff --git a/_layouts/index.html b/_layouts/index.html index e6a89a7..0a017f3 100755 --- a/_layouts/index.html +++ b/_layouts/index.html @@ -2,7 +2,9 @@ layout: base ---
+ {% include {{page.header}} page=page %} + + + +
diff --git a/assets/Detroit Collaborative Logo.png b/assets/Detroit Collaborative Logo.png new file mode 100644 index 0000000..da7886e Binary files /dev/null and b/assets/Detroit Collaborative Logo.png differ diff --git a/assets/css/_custom.scss b/assets/css/_custom.scss index 08526c8..896fbde 100644 --- a/assets/css/_custom.scss +++ b/assets/css/_custom.scss @@ -33,21 +33,32 @@ section { .hero-header { #header-img { - clip-path: polygon(0 100%, 100% 80%, 100% 0, 0 0); - filter: brightness(50%); - background-color: transparentize($p2pu-yellow, 0.5); + position: relative; + //background-color: transparentize($p2pu-yellow, 0.5); + overflow: hidden; &, img { width: 100%; height: 65vh; object-fit: cover; } + + h1 { + position: absolute; + bottom: 0; + width: 100%; + text-align: center; + background-color: rgba(0, 0, 0, 0.5); + margin: 0px !important; + padding: 1.5rem; + } } + #page-header { position: relative; overflow: hidden; - margin-top: -200px; + //margin-top: -200px; .order-1 { order: 1; @@ -459,4 +470,23 @@ footer.home-footer { } } +.facilitator-card { + img { + width: 200px; + height: 200px; + object-fit: cover; + } + + .profile { + position: relative; + margin-top: -50px; + background-color: white; + border-radius: 15px; + padding: 1rem; + > p { + height: 6rem; + overflow: scroll; + } + } +} diff --git a/assets/css/_print.scss b/assets/css/_print.scss index 5231c81..37b7d07 100644 --- a/assets/css/_print.scss +++ b/assets/css/_print.scss @@ -16,7 +16,8 @@ max-width: 100%; } - @page { margin: 0mm 0mm 0mm 0mm; + @page { + margin: 0mm 0mm 0mm 0mm; size: 8in 9.5in; } diff --git a/assets/dist/index.js b/assets/dist/index.js index eba0b83..19ec543 100644 --- a/assets/dist/index.js +++ b/assets/dist/index.js @@ -16,7 +16,7 @@ /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => { "use strict"; -eval("/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var p2pu_components_dist_Search_SearchProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! p2pu-components/dist/Search/SearchProvider */ \"./p2pu-components/dist/Search/SearchProvider.js\");\n/* harmony import */ var p2pu_components_dist_LearningCircleSignup_LearningCircleSignup__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! p2pu-components/dist/LearningCircleSignup/LearningCircleSignup */ \"./p2pu-components/dist/LearningCircleSignup/LearningCircleSignup.js\");\n/* harmony import */ var p2pu_components_dist_Search_SearchBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! p2pu-components/dist/Search/SearchBar */ \"./p2pu-components/dist/Search/SearchBar.js\");\n/* harmony import */ var p2pu_components_dist_Search_SearchTags__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! p2pu-components/dist/Search/SearchTags */ \"./p2pu-components/dist/Search/SearchTags.js\");\n/* harmony import */ var p2pu_components_dist_LearningCircles_Browse__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! p2pu-components/dist/LearningCircles/Browse */ \"./p2pu-components/dist/LearningCircles/Browse.js\");\n/* harmony import */ var p2pu_components_dist_Search_DefaultNoResults__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! p2pu-components/dist/Search/DefaultNoResults */ \"./p2pu-components/dist/Search/DefaultNoResults.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n\n\n\n\n\n\n\n\n\n\n//import \"p2pu-components/dist/build.css\"\n\nconst CustomSearch = props => {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"search-fields row g-0\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"bg-white shadow col-12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_Search_SearchBar__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({\n placeholder: (0,ttag__WEBPACK_IMPORTED_MODULE_2__.t)`Keyword, organization, facilitator, etc...`\n }, props)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_Search_SearchTags__WEBPACK_IMPORTED_MODULE_4__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_LearningCircles_Browse__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, props, {\n NoResultsComponent: p2pu_components_dist_Search_DefaultNoResults__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n })));\n};\nclass App extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {\n constructor(props) {\n super(props);\n this.handleLearningCircleSelection = this.handleLearningCircleSelection.bind(this);\n this.handleSignupDialogClose = this.handleSignupDialogClose.bind(this);\n this.state = {\n selectedLearningCircle: null\n };\n }\n handleLearningCircleSelection(learningCircle) {\n console.log(`Clicked on ${learningCircle.url}`);\n this.setState({\n ...this.state,\n selectedLearningCircle: learningCircle\n });\n }\n handleSignupDialogClose(learningCircle) {\n this.setState({\n ...this.state,\n selectedLearningCircle: null\n });\n }\n render() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, this.state.selectedLearningCircle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_LearningCircleSignup_LearningCircleSignup__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onCancel: this.handleSignupDialogClose,\n learningCircle: this.state.selectedLearningCircle,\n signUpUrl: \"https://learningcircles.p2pu.org/api/signup/\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: this.state.selectedLearningCircle ? 'd-none' : ''\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_Search_SearchProvider__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n origin: \"https://learningcircles.p2pu.org\",\n initialState: {\n team_id: 46\n },\n searchSubject: 'learningCircles',\n locale: \"en\",\n defaultImageUrl: \"/assets/img/p2pu-ogimg-default.jpg\",\n onSelectResult: this.handleLearningCircleSelection\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomSearch, null))));\n }\n}\n;\n(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.render)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(App, null), document.getElementById(\"learning-circle-search\"));\n\n//# sourceURL=webpack://digital-detroit/./assets/jsx/index.jsx?"); +eval("/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var p2pu_components_dist_Search_SearchProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! p2pu-components/dist/Search/SearchProvider */ \"./p2pu-components/dist/Search/SearchProvider.js\");\n/* harmony import */ var p2pu_components_dist_LearningCircleSignup_LearningCircleSignup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! p2pu-components/dist/LearningCircleSignup/LearningCircleSignup */ \"./p2pu-components/dist/LearningCircleSignup/LearningCircleSignup.js\");\n/* harmony import */ var p2pu_components_dist_LearningCircles_Browse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! p2pu-components/dist/LearningCircles/Browse */ \"./p2pu-components/dist/LearningCircles/Browse.js\");\n/* harmony import */ var p2pu_components_dist_Search_DefaultNoResults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! p2pu-components/dist/Search/DefaultNoResults */ \"./p2pu-components/dist/Search/DefaultNoResults.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n\n\n\n\n\n\n\n\n\n\n//import \"p2pu-components/dist/build.css\"\n\nconst CustomSearch = props => {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_LearningCircles_Browse__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, props, {\n NoResultsComponent: p2pu_components_dist_Search_DefaultNoResults__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n })));\n};\nclass App extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {\n constructor(props) {\n super(props);\n this.handleLearningCircleSelection = this.handleLearningCircleSelection.bind(this);\n this.handleSignupDialogClose = this.handleSignupDialogClose.bind(this);\n this.state = {\n selectedLearningCircle: null\n };\n }\n handleLearningCircleSelection(learningCircle) {\n console.log(`Clicked on ${learningCircle.url}`);\n this.setState({\n ...this.state,\n selectedLearningCircle: learningCircle\n });\n }\n handleSignupDialogClose(learningCircle) {\n this.setState({\n ...this.state,\n selectedLearningCircle: null\n });\n }\n render() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, this.state.selectedLearningCircle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_LearningCircleSignup_LearningCircleSignup__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n onCancel: this.handleSignupDialogClose,\n learningCircle: this.state.selectedLearningCircle,\n signUpUrl: \"https://learningcircles.p2pu.org/api/signup/\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: this.state.selectedLearningCircle ? 'd-none' : ''\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(p2pu_components_dist_Search_SearchProvider__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n origin: \"http://localhost:8000\",\n initialState: {\n team_id: 46\n },\n searchSubject: 'learningCircles',\n locale: \"en\",\n defaultImageUrl: \"/assets/img/p2pu-ogimg-default.jpg\",\n onSelectResult: this.handleLearningCircleSelection\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomSearch, null))));\n }\n}\n;\nconst lcRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(document.getElementById(\"learning-circle-search\"));\nlcRoot.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(App, null));\nconst FacilitatorCard = ({\n image,\n name,\n bio\n}) => {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"facilitator-card col-8 offset-2 col-lg-4 offset-lg-4\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n className: \"rounded-circle\",\n width: \"200\",\n height: \"200\",\n src: image\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"profile\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h2\", null, name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, bio)));\n};\nconst Facilitators = props => {\n // `${API_ORIGIN}/api/teams/${TEAM_ID}/`\n const [facilitators, setFacilitators] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n fetch(`${props.API_ORIGIN}/api/teams/${props.teamId}/`).then(resp => {\n // TODO errors and stuff\n return resp.json();\n }).then(data => {\n setFacilitators(data.item.facilitators);\n });\n }, []);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n id: \"carouselExampleFade\",\n class: \"carousel carousel-dark slide\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n class: \"carousel-inner\"\n }, facilitators.map((fa, idx) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n class: \"carousel-item\" + (idx == 0 ? \" active\" : \"\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FacilitatorCard, {\n image: fa.avatar_url ? fa.avatar_url : \"https://placehold.it/200x200\",\n name: fa.first_name,\n bio: fa.bio\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n class: \"carousel-control-prev\",\n type: \"button\",\n \"data-bs-target\": \"#carouselExampleFade\",\n \"data-bs-slide\": \"prev\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n class: \"carousel-control-prev-icon\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n class: \"visually-hidden\"\n }, \"Previous\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n class: \"carousel-control-next\",\n type: \"button\",\n \"data-bs-target\": \"#carouselExampleFade\",\n \"data-bs-slide\": \"next\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n class: \"carousel-control-next-icon\",\n \"aria-hidden\": \"true\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n class: \"visually-hidden\"\n }, \"Next\")));\n};\nconst facilitatorsRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(document.getElementById(\"team-facilitators\"));\nfacilitatorsRoot.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Facilitators, {\n API_ORIGIN: \"https://learningcircles.p2pu.org\",\n teamId: \"46\"\n}));\n\n//# sourceURL=webpack://digital-detroit/./assets/jsx/index.jsx?"); /***/ }), @@ -174,17 +174,6 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm /***/ }), -/***/ "./p2pu-components/dist/Search/SearchBar.js": -/*!**************************************************!*\ - !*** ./p2pu-components/dist/Search/SearchBar.js ***! - \**************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -eval("/* 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 ttag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_1__);\nvar _templateObject;\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\n\nvar SearchBar = function SearchBar(_ref) {\n var placeholder = _ref.placeholder,\n updateQueryParams = _ref.updateQueryParams,\n q = _ref.q;\n var onChange = function onChange(e) {\n var value = e.currentTarget.value;\n var query = value.replace(/^\\s+/g, '');\n updateQueryParams({\n q: query\n });\n };\n var onSubmit = function onSubmit(e) {\n e.preventDefault();\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"form\", {\n className: \"search\",\n onSubmit: onSubmit\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"label\", {\n htmlFor: \"search-input\",\n className: \"form-label\"\n }, (0,ttag__WEBPACK_IMPORTED_MODULE_1__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Search\"])))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"input-group\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n id: \"search-input\",\n type: \"search\",\n className: \"form-control search-input\",\n placeholder: placeholder,\n onChange: onChange,\n value: q || '',\n \"aria-label\": \"search terms\",\n \"aria-describedby\": \"search-icon\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"input-group-text\",\n id: \"search-icon\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"i\", {\n className: \"material-icons\"\n }, \"search\"))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBar);\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/Search/SearchBar.js?"); - -/***/ }), - /***/ "./p2pu-components/dist/Search/SearchProvider.js": /*!*******************************************************!*\ !*** ./p2pu-components/dist/Search/SearchProvider.js ***! @@ -196,17 +185,6 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm /***/ }), -/***/ "./p2pu-components/dist/Search/SearchTags.js": -/*!***************************************************!*\ - !*** ./p2pu-components/dist/Search/SearchTags.js ***! - \***************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -eval("/* 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 ttag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/i18n */ \"./p2pu-components/dist/utils/i18n.js\");\n/* harmony import */ var _utils_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/constants */ \"./p2pu-components/dist/utils/constants.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4;\nfunction _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\n\n\n\nvar SearchTag = function SearchTag(_ref) {\n var value = _ref.value,\n onDelete = _ref.onDelete;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"search-tag\"\n }, value, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"i\", {\n className: \"material-icons\",\n onClick: function onClick() {\n return onDelete(value);\n },\n style: {\n cursor: 'pointer'\n }\n }, \"clear\"));\n};\nvar SearchTags = function SearchTags(props) {\n var generateQueryTag = function generateQueryTag() {\n if (props.q) {\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n q: null\n });\n };\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: props.q,\n onDelete: onDelete\n })];\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"queryTagIntro\"\n }, \"the search query\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: props.q,\n onDelete: onDelete\n })];\n }\n };\n var generateTeamNameTag = function generateTeamNameTag() {\n if (props.teamName) {\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n teamName: null,\n team_id: null\n });\n document.getElementById('team-title').style.display = 'none';\n document.getElementById('search-subtitle').style.display = 'block';\n };\n var humanReadableName = decodeURIComponent(props.teamName);\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: humanReadableName,\n onDelete: onDelete\n })];\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"queryTagIntro\"\n }, \"organized by\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: humanReadableName,\n onDelete: onDelete\n })];\n }\n };\n var generateLanguageTag = function generateLanguageTag() {\n if (props.languages && props.languages.length > 0) {\n var _onDelete = function onDelete(value) {\n var newLanguagesArray = props.languages.filter(function (v) {\n return v != value;\n });\n var languages = newLanguagesArray.length > 0 ? newLanguagesArray : null;\n props.updateQueryParams({\n languages: languages\n });\n };\n var introPhrase = props.languages.length === 1 ? 'in' : 'in';\n var languagesTagsArray = [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"languageTagIntro\"\n }, introPhrase)];\n props.languages.map(function (item, index) {\n if (props.languages.length > 1 && index === props.languages.length - 1) {\n languagesTagsArray.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"languageTag-\".concat(index + 2)\n }, \"or\"));\n }\n var languageName = (0,_utils_i18n__WEBPACK_IMPORTED_MODULE_2__.isoCodeToLangName)(item);\n languagesTagsArray.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n value: languageName,\n key: \"languageTag-\".concat(index),\n onDelete: function onDelete() {\n return _onDelete(item);\n }\n }));\n });\n return languagesTagsArray;\n }\n };\n var generateOrderTag = function generateOrderTag() {\n if (props.searchSubject === 'courses' && props.order) {\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n order: null\n });\n };\n var order = _utils_constants__WEBPACK_IMPORTED_MODULE_3__.COURSES_SORT_OPTIONS.find(function (order) {\n return order.value == props.order;\n });\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"queryTagIntro\"\n }, \"sorted by \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: order.label,\n onDelete: onDelete\n })];\n }\n };\n var generateOerTag = function generateOerTag() {\n if (props.oer) {\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n oer: false\n });\n };\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"queryTagIntro\"\n }, \"that are \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: \"OER\",\n onDelete: onDelete\n })];\n }\n };\n var generateOnlineTag = function generateOnlineTag() {\n if (props.online !== null) {\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n online: null\n });\n };\n if (props.online === 'true') {\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: \"Meeting online\",\n onDelete: onDelete\n })];\n } else {\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"queryTag-0\",\n value: \"Meeting in person\",\n onDelete: onDelete\n })];\n }\n }\n };\n var generateTopicsTags = function generateTopicsTags() {\n if (props.topics && props.topics.length > 0) {\n var onDelete = function onDelete(value) {\n var newTopicsArray = props.topics.filter(function (v) {\n return v != value;\n });\n var topics = newTopicsArray.length > 0 ? newTopicsArray : null;\n props.updateQueryParams({\n topics: topics\n });\n };\n var introPhrase = props.topics.length === 1 ? 'the topic' : 'the topics';\n var topicsTagsArray = [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"topicTagIntro\"\n }, introPhrase)];\n topicsTagsArray = []; // TODO\n\n props.topics.map(function (item, index) {\n if (props.topics.length > 1 && index === props.topics.length - 1) {\n topicsTagsArray.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"topicTag-\".concat(index + 2)\n }, \"or\"));\n }\n topicsTagsArray.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n value: item,\n key: \"topicTag-\".concat(index),\n onDelete: onDelete\n }));\n });\n return topicsTagsArray;\n }\n };\n var generateLocationTag = function generateLocationTag() {\n if (props.latitude && props.longitude) {\n var unit = props.useMiles ? 'miles' : 'km';\n var value = props.useMiles ? props.distance * 0.62 : props.distance;\n value = Math.round(value / 5) * 5;\n var text = (0,ttag__WEBPACK_IMPORTED_MODULE_1__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Within \", \" \", \"\"])), value, unit);\n var onDelete = function onDelete(value) {\n props.updateQueryParams({\n latitude: null,\n longitude: null,\n distance: 50\n });\n };\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"locationTag-0\",\n value: text,\n onDelete: onDelete\n })];\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"locationTagIntro\"\n }, \"located\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"locationTag-0\",\n value: text,\n onDelete: onDelete\n })];\n } else if (props.city) {\n var _onDelete2 = function _onDelete2(value) {\n props.updateQueryParams({\n city: null\n });\n };\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"locationTag-0\",\n value: props.city,\n onDelete: _onDelete2\n })];\n return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"locationTagIntro\"\n }, \"located in\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchTag, {\n key: \"locationTag-0\",\n value: props.city,\n onDelete: _onDelete2\n })];\n }\n };\n var generateTagsPhrase = function generateTagsPhrase(tag) {\n switch (tag) {\n case 'q':\n return generateQueryTag();\n case 'topics':\n return generateTopicsTags();\n case 'location':\n return generateLocationTag();\n case 'teamName':\n return generateTeamNameTag();\n case 'language':\n return generateLanguageTag();\n case 'order':\n return generateOrderTag();\n case 'oer':\n return generateOerTag();\n case 'online':\n return generateOnlineTag();\n }\n };\n var generateSearchSummary = function generateSearchSummary() {\n var searchSummaryItems = [];\n var forSearchSubject = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"resultsSummary-1\"\n }, \"for \", _utils_constants__WEBPACK_IMPORTED_MODULE_3__.SEARCH_SUBJECTS[props.searchSubject]);\n var withSpan = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"resultsSummary-2\"\n }, \"with\");\n var tagsToDisplay = ['q', 'topics', 'location', 'meetingDays', 'language', 'teamName', 'order', 'oer', 'online'];\n var resultsCount = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n key: \"resultsSummary-0\"\n }, (0,ttag__WEBPACK_IMPORTED_MODULE_1__.ngettext)((0,ttag__WEBPACK_IMPORTED_MODULE_1__.msgid)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"Showing \", \" of \", \" result\"])), props.searchResults.length, props.totalResults), \"Showing \".concat(props.searchResults.length, \" of \").concat(props.totalResults, \" results\"), props.totalResults));\n if (props.searchSubject === 'courses') {\n searchSummaryItems.push(resultsCount);\n }\n tagsToDisplay.map(function (tag) {\n var tagsArray = generateTagsPhrase(tag);\n if (!!tagsArray) {\n if (searchSummaryItems.length === 1) {\n // TODO searchSummaryItems.push(forSearchSubject)\n if (tag === 'q' || tag === 'topics') {\n // TODO searchSummaryItems.push(withSpan)\n }\n } else {\n // TODO searchSummaryItems.push(and)\n }\n searchSummaryItems.push(tagsArray);\n }\n });\n return searchSummaryItems;\n };\n var reloadWindow = function reloadWindow() {\n if ((typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) !== \"undefined\") {\n window.history.replaceState({}, document.title, window.location.pathname);\n window.location.reload();\n }\n };\n var noResults = props.searchResults.length === 0;\n var resetButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n key: \"reset-search\",\n onClick: reloadWindow,\n className: \"p2pu-btn light with-outline\"\n }, (0,ttag__WEBPACK_IMPORTED_MODULE_1__.t)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"reset the search form\"]))));\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"results-summary\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"search-tags wrapper\"\n }, generateSearchSummary()), noResults && !props.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"clear-search\"\n }, (0,ttag__WEBPACK_IMPORTED_MODULE_1__.jt)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"To see more results, either remove some filters or \", \"\"])), resetButton)));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchTags);\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/Search/SearchTags.js?"); - -/***/ }), - /***/ "./p2pu-components/dist/utils/apiHelper.js": /*!*************************************************!*\ !*** ./p2pu-components/dist/utils/apiHelper.js ***! @@ -225,7 +203,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ API_ENDPOINTS: () => (/* binding */ API_ENDPOINTS),\n/* harmony export */ CLOSED_TAB_TEXT: () => (/* binding */ CLOSED_TAB_TEXT),\n/* harmony export */ COURSES_SORT_OPTIONS: () => (/* binding */ COURSES_SORT_OPTIONS),\n/* harmony export */ DEFAULT_ORIGIN: () => (/* binding */ DEFAULT_ORIGIN),\n/* harmony export */ OPEN_TAB_TEXT: () => (/* binding */ OPEN_TAB_TEXT),\n/* harmony export */ SEARCH_SUBJECTS: () => (/* binding */ SEARCH_SUBJECTS)\n/* harmony export */ });\n/* unused harmony exports MEETING_DAYS, SEARCH_PROPS, COLOR_CLASSES */\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_0__);\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nvar MEETING_DAYS = [(0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Monday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"Tuesday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"Wednesday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"Thursday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"Friday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"Saturday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"Sunday\"])))];\nvar COURSES_SORT_OPTIONS = [{\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"Resource title\"]))),\n value: 'title'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"Popularity\"]))),\n value: 'usage'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"Community rating\"]))),\n value: 'overall_rating'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"Recently added\"]))),\n value: 'created_at'\n}];\nvar SEARCH_SUBJECTS = {\n learningCircles: 'learning circles',\n courses: 'courses'\n};\nvar SEARCH_PROPS = {\n learningCircles: {\n filters: ['location'],\n placeholder: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"Keyword, organization, facilitator, etc...\"]))) //remove?\n },\n courses: {\n filters: ['topics', 'language', 'oer'],\n //facilitator_guide?\n sort: ['orderCourses'],\n placeholder: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"Title, subject, etc...\"])))\n }\n};\nvar DEFAULT_ORIGIN = 'https://learningcircles.p2pu.org';\n// export const DEFAULT_ORIGIN = 'http://localhost:8000'\n\nvar API_ENDPOINTS = {\n learningCircle: \"/api/learning-circle/\",\n registration: \"/en/accounts/fe/register/\",\n login: \"/en/accounts/fe/login/\",\n learningCircles: {\n postUrl: \"/api/learning-circle/\",\n baseUrl: \"/api/learningcircles/?\",\n searchParams: ['q', 'topics', 'weekdays', 'latitude', 'longitude', 'distance', 'active', 'limit', 'offset', 'city', 'signup', 'team_id', 'order', 'cu_credit', 'online'],\n arrayItems: ['topics', 'weekdays'],\n privateParams: ['limit', 'offset', 'active', 'distance', 'latitude', 'longitude']\n },\n courses: {\n baseUrl: \"/api/courses/?\",\n searchParams: ['q', 'topics', 'order', 'limit', 'offset', 'languages', 'oer', 'facilitator_guide', 'team'],\n arrayItems: ['topics', 'languages', 'keywords'],\n privateParams: ['limit', 'offset']\n },\n coursesTopics: {\n baseUrl: \"/api/courses/topics/?\",\n searchParams: []\n },\n coursesLanguages: {\n baseUrl: \"/api/courses/languages/?\",\n searchParams: []\n },\n stats: {\n baseUrl: \"/api/landing-page-stats/?\",\n searchParams: []\n },\n landingPage: {\n baseUrl: \"/api/landing-page-learning-circles/?\",\n searchParams: []\n },\n whoami: {\n baseUrl: \"/en/accounts/fe/whoami/\"\n },\n images: {\n postUrl: \"/api/upload_image/\"\n }\n};\nvar COLOR_CLASSES = [\"p2pu-green\", \"p2pu-blue\", \"p2pu-yellow\", \"p2pu-orange\"];\nvar OPEN_TAB_TEXT = (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([\"Open\"])));\nvar CLOSED_TAB_TEXT = (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([\"Closed and completed\"])));\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/utils/constants.js?"); +eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ API_ENDPOINTS: () => (/* binding */ API_ENDPOINTS),\n/* harmony export */ CLOSED_TAB_TEXT: () => (/* binding */ CLOSED_TAB_TEXT),\n/* harmony export */ DEFAULT_ORIGIN: () => (/* binding */ DEFAULT_ORIGIN),\n/* harmony export */ OPEN_TAB_TEXT: () => (/* binding */ OPEN_TAB_TEXT)\n/* harmony export */ });\n/* unused harmony exports MEETING_DAYS, COURSES_SORT_OPTIONS, SEARCH_SUBJECTS, SEARCH_PROPS, COLOR_CLASSES */\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_0__);\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nvar MEETING_DAYS = [(0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Monday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"Tuesday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"Wednesday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"Thursday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"Friday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"Saturday\"]))), (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"Sunday\"])))];\nvar COURSES_SORT_OPTIONS = [{\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"Resource title\"]))),\n value: 'title'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"Popularity\"]))),\n value: 'usage'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"Community rating\"]))),\n value: 'overall_rating'\n}, {\n label: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"Recently added\"]))),\n value: 'created_at'\n}];\nvar SEARCH_SUBJECTS = {\n learningCircles: 'learning circles',\n courses: 'courses'\n};\nvar SEARCH_PROPS = {\n learningCircles: {\n filters: ['location'],\n placeholder: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"Keyword, organization, facilitator, etc...\"]))) //remove?\n },\n courses: {\n filters: ['topics', 'language', 'oer'],\n //facilitator_guide?\n sort: ['orderCourses'],\n placeholder: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"Title, subject, etc...\"])))\n }\n};\nvar DEFAULT_ORIGIN = 'https://learningcircles.p2pu.org';\n// export const DEFAULT_ORIGIN = 'http://localhost:8000'\n\nvar API_ENDPOINTS = {\n learningCircle: \"/api/learning-circle/\",\n registration: \"/en/accounts/fe/register/\",\n login: \"/en/accounts/fe/login/\",\n learningCircles: {\n postUrl: \"/api/learning-circle/\",\n baseUrl: \"/api/learningcircles/?\",\n searchParams: ['q', 'topics', 'weekdays', 'latitude', 'longitude', 'distance', 'active', 'limit', 'offset', 'city', 'signup', 'team_id', 'order', 'cu_credit', 'online'],\n arrayItems: ['topics', 'weekdays'],\n privateParams: ['limit', 'offset', 'active', 'distance', 'latitude', 'longitude']\n },\n courses: {\n baseUrl: \"/api/courses/?\",\n searchParams: ['q', 'topics', 'order', 'limit', 'offset', 'languages', 'oer', 'facilitator_guide', 'team'],\n arrayItems: ['topics', 'languages', 'keywords'],\n privateParams: ['limit', 'offset']\n },\n coursesTopics: {\n baseUrl: \"/api/courses/topics/?\",\n searchParams: []\n },\n coursesLanguages: {\n baseUrl: \"/api/courses/languages/?\",\n searchParams: []\n },\n stats: {\n baseUrl: \"/api/landing-page-stats/?\",\n searchParams: []\n },\n landingPage: {\n baseUrl: \"/api/landing-page-learning-circles/?\",\n searchParams: []\n },\n whoami: {\n baseUrl: \"/en/accounts/fe/whoami/\"\n },\n images: {\n postUrl: \"/api/upload_image/\"\n }\n};\nvar COLOR_CLASSES = [\"p2pu-green\", \"p2pu-blue\", \"p2pu-yellow\", \"p2pu-orange\"];\nvar OPEN_TAB_TEXT = (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([\"Open\"])));\nvar CLOSED_TAB_TEXT = (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([\"Closed and completed\"])));\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/utils/constants.js?"); /***/ }), @@ -236,7 +214,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ date: () => (/* binding */ date),\n/* harmony export */ day: () => (/* binding */ day),\n/* harmony export */ isoCodeToLangName: () => (/* binding */ isoCodeToLangName),\n/* harmony export */ time: () => (/* binding */ time)\n/* harmony export */ });\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_0__);\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\nfunction _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nvar WEEK_DAYS = {\n Monday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Monday\"]))),\n Tuesday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"Tuesday\"]))),\n Wednesday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"Wednesday\"]))),\n Thursday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"Thursday\"]))),\n Friday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"Friday\"]))),\n Saturday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"Saturday\"]))),\n Sunday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"Sunday\"])))\n};\nfunction day(day_) {\n if (WEEK_DAYS.hasOwnProperty(day_)) {\n return WEEK_DAYS[day_];\n }\n return day_;\n}\n;\n\n/* Convert a date (YYYY-MM-DD) to the locale format */\nfunction date(date_) {\n var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';\n // Since a date without a time will be in UTC, the timeZone used for output should\n // also be UTC. If not specified, the timezone of the user will be used, iow, a meeting\n // late Monday evening EST would show as Tuesday in CEST.\n // TODO - this translation is dynamic, while the rest of the translation is static\n // - it's baked in when webpack builds it\n var localDate = new Date(date_).toLocaleDateString(locale, {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n timeZone: 'UTC'\n });\n return localDate;\n}\n\n/* takes time formatted as hh:mm:ss and outputs it without seconds in the locale format */\nfunction time(time_) {\n var _time_$split = time_.split(':'),\n _time_$split2 = _slicedToArray(_time_$split, 3),\n h = _time_$split2[0],\n m = _time_$split2[1],\n s = _time_$split2[2];\n var now = new Date();\n now.setHours(h);\n now.setMinutes(m);\n return now.toLocaleTimeString('en-US', {\n hour: 'numeric',\n minute: '2-digit'\n });\n}\nvar LANGUAGES = {\n \"en\": {\n \"name\": \"English\",\n \"nativeName\": \"English\"\n },\n \"fi\": {\n \"name\": \"Finnish\",\n \"nativeName\": \"suomi, suomen kieli\"\n },\n \"fr\": {\n \"name\": \"French\",\n \"nativeName\": \"français, langue française\"\n },\n \"de\": {\n \"name\": \"German\",\n \"nativeName\": \"Deutsch\"\n },\n \"pl\": {\n \"name\": \"Polish\",\n \"nativeName\": \"polski\"\n },\n \"pt\": {\n \"name\": \"Portuguese\",\n \"nativeName\": \"Português\"\n },\n \"ro\": {\n \"name\": \"Romanian, Moldavian, Moldovan\",\n \"nativeName\": \"română\"\n },\n \"es\": {\n \"name\": \"Spanish; Castilian\",\n \"nativeName\": \"español, castellano\"\n }\n};\nfunction isoCodeToLangName(code) {\n if (LANGUAGES.hasOwnProperty(code)) {\n return LANGUAGES[code].nativeName;\n }\n return code;\n}\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/utils/i18n.js?"); +eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ date: () => (/* binding */ date),\n/* harmony export */ day: () => (/* binding */ day),\n/* harmony export */ time: () => (/* binding */ time)\n/* harmony export */ });\n/* unused harmony export isoCodeToLangName */\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ttag */ \"./node_modules/ttag/index.js\");\n/* harmony import */ var ttag__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(ttag__WEBPACK_IMPORTED_MODULE_0__);\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\nfunction _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nvar WEEK_DAYS = {\n Monday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject || (_templateObject = _taggedTemplateLiteral([\"Monday\"]))),\n Tuesday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"Tuesday\"]))),\n Wednesday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"Wednesday\"]))),\n Thursday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"Thursday\"]))),\n Friday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"Friday\"]))),\n Saturday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"Saturday\"]))),\n Sunday: (0,ttag__WEBPACK_IMPORTED_MODULE_0__.t)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"Sunday\"])))\n};\nfunction day(day_) {\n if (WEEK_DAYS.hasOwnProperty(day_)) {\n return WEEK_DAYS[day_];\n }\n return day_;\n}\n;\n\n/* Convert a date (YYYY-MM-DD) to the locale format */\nfunction date(date_) {\n var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';\n // Since a date without a time will be in UTC, the timeZone used for output should\n // also be UTC. If not specified, the timezone of the user will be used, iow, a meeting\n // late Monday evening EST would show as Tuesday in CEST.\n // TODO - this translation is dynamic, while the rest of the translation is static\n // - it's baked in when webpack builds it\n var localDate = new Date(date_).toLocaleDateString(locale, {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n timeZone: 'UTC'\n });\n return localDate;\n}\n\n/* takes time formatted as hh:mm:ss and outputs it without seconds in the locale format */\nfunction time(time_) {\n var _time_$split = time_.split(':'),\n _time_$split2 = _slicedToArray(_time_$split, 3),\n h = _time_$split2[0],\n m = _time_$split2[1],\n s = _time_$split2[2];\n var now = new Date();\n now.setHours(h);\n now.setMinutes(m);\n return now.toLocaleTimeString('en-US', {\n hour: 'numeric',\n minute: '2-digit'\n });\n}\nvar LANGUAGES = {\n \"en\": {\n \"name\": \"English\",\n \"nativeName\": \"English\"\n },\n \"fi\": {\n \"name\": \"Finnish\",\n \"nativeName\": \"suomi, suomen kieli\"\n },\n \"fr\": {\n \"name\": \"French\",\n \"nativeName\": \"français, langue française\"\n },\n \"de\": {\n \"name\": \"German\",\n \"nativeName\": \"Deutsch\"\n },\n \"pl\": {\n \"name\": \"Polish\",\n \"nativeName\": \"polski\"\n },\n \"pt\": {\n \"name\": \"Portuguese\",\n \"nativeName\": \"Português\"\n },\n \"ro\": {\n \"name\": \"Romanian, Moldavian, Moldovan\",\n \"nativeName\": \"română\"\n },\n \"es\": {\n \"name\": \"Spanish; Castilian\",\n \"nativeName\": \"español, castellano\"\n }\n};\nfunction isoCodeToLangName(code) {\n if (LANGUAGES.hasOwnProperty(code)) {\n return LANGUAGES[code].nativeName;\n }\n return code;\n}\n\n//# sourceURL=webpack://digital-detroit/./p2pu-components/dist/utils/i18n.js?"); /***/ }), @@ -551,6 +529,17 @@ eval("/**\n * @license React\n * react-dom.development.js\n *\n * Copyright (c) /***/ }), +/***/ "./node_modules/react-dom/client.js": +/*!******************************************!*\ + !*** ./node_modules/react-dom/client.js ***! + \******************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + +"use strict"; +eval("var __webpack_unused_export__;\n\n\nvar m = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\nif (false) {} else {\n var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n exports.createRoot = function(c, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.createRoot(c, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n __webpack_unused_export__ = function(c, h, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.hydrateRoot(c, h, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n}\n\n\n//# sourceURL=webpack://digital-detroit/./node_modules/react-dom/client.js?"); + +/***/ }), + /***/ "./node_modules/react-dom/index.js": /*!*****************************************!*\ !*** ./node_modules/react-dom/index.js ***! diff --git a/assets/dist/style.css b/assets/dist/style.css index 0efcbd8..28440d8 100644 --- a/assets/dist/style.css +++ b/assets/dist/style.css @@ -13020,19 +13020,26 @@ section { } .hero-header #header-img { - clip-path: polygon(0 100%, 100% 80%, 100% 0, 0 0); - filter: brightness(50%); - background-color: rgba(255, 188, 26, 0.5); + position: relative; + overflow: hidden; } .hero-header #header-img, .hero-header #header-img img { width: 100%; height: 65vh; object-fit: cover; } +.hero-header #header-img h1, .hero-header #header-img .h1 { + position: absolute; + bottom: 0; + width: 100%; + text-align: center; + background-color: rgba(0, 0, 0, 0.5); + margin: 0px !important; + padding: 1.5rem; +} .hero-header #page-header { position: relative; overflow: hidden; - margin-top: -200px; } .hero-header #page-header .order-1 { order: 1; @@ -13336,6 +13343,23 @@ footer.home-footer .toc a, footer.home-footer .toc .container > div { margin-top: 1rem; } } +.facilitator-card img { + width: 200px; + height: 200px; + object-fit: cover; +} +.facilitator-card .profile { + position: relative; + margin-top: -50px; + background-color: white; + border-radius: 15px; + padding: 1rem; +} +.facilitator-card .profile > p { + height: 6rem; + overflow: scroll; +} + main { position: relative; } diff --git a/assets/dist/style.js b/assets/dist/style.js index 811a420..7b1f4c5 100644 --- a/assets/dist/style.js +++ b/assets/dist/style.js @@ -16,7 +16,7 @@ /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => { "use strict"; -eval("/* harmony import */ var _css_base_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../css/base.scss */ \"./assets/css/base.scss\");\n/* harmony import */ var bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap/js/dist/collapse */ \"./node_modules/bootstrap/js/dist/collapse.js\");\n/* harmony import */ var bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1__);\n\n\n//import { Collapse } from 'bootstrap'\n\n\n//# sourceURL=webpack://digital-detroit/./assets/jsx/style.jsx?"); +eval("/* harmony import */ var _css_base_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../css/base.scss */ \"./assets/css/base.scss\");\n/* harmony import */ var bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap/js/dist/collapse */ \"./node_modules/bootstrap/js/dist/collapse.js\");\n/* harmony import */ var bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap_js_dist_collapse__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var bootstrap_js_dist_carousel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/js/dist/carousel */ \"./node_modules/bootstrap/js/dist/carousel.js\");\n/* harmony import */ var bootstrap_js_dist_carousel__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(bootstrap_js_dist_carousel__WEBPACK_IMPORTED_MODULE_2__);\n\n\n//import { Collapse } from 'bootstrap'\n\n\n\n//# sourceURL=webpack://digital-detroit/./assets/jsx/style.jsx?"); /***/ }), @@ -30,6 +30,16 @@ eval("/*!\n * Bootstrap base-component.js v5.3.3 (https://getbootstrap.com/)\n /***/ }), +/***/ "./node_modules/bootstrap/js/dist/carousel.js": +/*!****************************************************!*\ + !*** ./node_modules/bootstrap/js/dist/carousel.js ***! + \****************************************************/ +/***/ (function(module, __unused_webpack_exports, __webpack_require__) { + +eval("/*!\n * Bootstrap carousel.js v5.3.3 (https://getbootstrap.com/)\n * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n(function (global, factory) {\n true ? module.exports = factory(__webpack_require__(/*! ./base-component.js */ \"./node_modules/bootstrap/js/dist/base-component.js\"), __webpack_require__(/*! ./dom/event-handler.js */ \"./node_modules/bootstrap/js/dist/dom/event-handler.js\"), __webpack_require__(/*! ./dom/manipulator.js */ \"./node_modules/bootstrap/js/dist/dom/manipulator.js\"), __webpack_require__(/*! ./dom/selector-engine.js */ \"./node_modules/bootstrap/js/dist/dom/selector-engine.js\"), __webpack_require__(/*! ./util/index.js */ \"./node_modules/bootstrap/js/dist/util/index.js\"), __webpack_require__(/*! ./util/swipe.js */ \"./node_modules/bootstrap/js/dist/util/swipe.js\")) :\n 0;\n})(this, (function (BaseComponent, EventHandler, Manipulator, SelectorEngine, index_js, Swipe) { 'use strict';\n\n /**\n * --------------------------------------------------------------------------\n * Bootstrap carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n\n /**\n * Constants\n */\n\n const NAME = 'carousel';\n const DATA_KEY = 'bs.carousel';\n const EVENT_KEY = `.${DATA_KEY}`;\n const DATA_API_KEY = '.data-api';\n const ARROW_LEFT_KEY = 'ArrowLeft';\n const ARROW_RIGHT_KEY = 'ArrowRight';\n const TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch\n\n const ORDER_NEXT = 'next';\n const ORDER_PREV = 'prev';\n const DIRECTION_LEFT = 'left';\n const DIRECTION_RIGHT = 'right';\n const EVENT_SLIDE = `slide${EVENT_KEY}`;\n const EVENT_SLID = `slid${EVENT_KEY}`;\n const EVENT_KEYDOWN = `keydown${EVENT_KEY}`;\n const EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`;\n const EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`;\n const EVENT_DRAG_START = `dragstart${EVENT_KEY}`;\n const EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`;\n const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;\n const CLASS_NAME_CAROUSEL = 'carousel';\n const CLASS_NAME_ACTIVE = 'active';\n const CLASS_NAME_SLIDE = 'slide';\n const CLASS_NAME_END = 'carousel-item-end';\n const CLASS_NAME_START = 'carousel-item-start';\n const CLASS_NAME_NEXT = 'carousel-item-next';\n const CLASS_NAME_PREV = 'carousel-item-prev';\n const SELECTOR_ACTIVE = '.active';\n const SELECTOR_ITEM = '.carousel-item';\n const SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM;\n const SELECTOR_ITEM_IMG = '.carousel-item img';\n const SELECTOR_INDICATORS = '.carousel-indicators';\n const SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';\n const SELECTOR_DATA_RIDE = '[data-bs-ride=\"carousel\"]';\n const KEY_TO_DIRECTION = {\n [ARROW_LEFT_KEY]: DIRECTION_RIGHT,\n [ARROW_RIGHT_KEY]: DIRECTION_LEFT\n };\n const Default = {\n interval: 5000,\n keyboard: true,\n pause: 'hover',\n ride: false,\n touch: true,\n wrap: true\n };\n const DefaultType = {\n interval: '(number|boolean)',\n // TODO:v6 remove boolean support\n keyboard: 'boolean',\n pause: '(string|boolean)',\n ride: '(boolean|string)',\n touch: 'boolean',\n wrap: 'boolean'\n };\n\n /**\n * Class definition\n */\n\n class Carousel extends BaseComponent {\n constructor(element, config) {\n super(element, config);\n this._interval = null;\n this._activeElement = null;\n this._isSliding = false;\n this.touchTimeout = null;\n this._swipeHelper = null;\n this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);\n this._addEventListeners();\n if (this._config.ride === CLASS_NAME_CAROUSEL) {\n this.cycle();\n }\n }\n\n // Getters\n static get Default() {\n return Default;\n }\n static get DefaultType() {\n return DefaultType;\n }\n static get NAME() {\n return NAME;\n }\n\n // Public\n next() {\n this._slide(ORDER_NEXT);\n }\n nextWhenVisible() {\n // FIXME TODO use `document.visibilityState`\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden && index_js.isVisible(this._element)) {\n this.next();\n }\n }\n prev() {\n this._slide(ORDER_PREV);\n }\n pause() {\n if (this._isSliding) {\n index_js.triggerTransitionEnd(this._element);\n }\n this._clearInterval();\n }\n cycle() {\n this._clearInterval();\n this._updateInterval();\n this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval);\n }\n _maybeEnableCycle() {\n if (!this._config.ride) {\n return;\n }\n if (this._isSliding) {\n EventHandler.one(this._element, EVENT_SLID, () => this.cycle());\n return;\n }\n this.cycle();\n }\n to(index) {\n const items = this._getItems();\n if (index > items.length - 1 || index < 0) {\n return;\n }\n if (this._isSliding) {\n EventHandler.one(this._element, EVENT_SLID, () => this.to(index));\n return;\n }\n const activeIndex = this._getItemIndex(this._getActive());\n if (activeIndex === index) {\n return;\n }\n const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV;\n this._slide(order, items[index]);\n }\n dispose() {\n if (this._swipeHelper) {\n this._swipeHelper.dispose();\n }\n super.dispose();\n }\n\n // Private\n _configAfterMerge(config) {\n config.defaultInterval = config.interval;\n return config;\n }\n _addEventListeners() {\n if (this._config.keyboard) {\n EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event));\n }\n if (this._config.pause === 'hover') {\n EventHandler.on(this._element, EVENT_MOUSEENTER, () => this.pause());\n EventHandler.on(this._element, EVENT_MOUSELEAVE, () => this._maybeEnableCycle());\n }\n if (this._config.touch && Swipe.isSupported()) {\n this._addTouchEventListeners();\n }\n }\n _addTouchEventListeners() {\n for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) {\n EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault());\n }\n const endCallBack = () => {\n if (this._config.pause !== 'hover') {\n return;\n }\n\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n\n this.pause();\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout);\n }\n this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval);\n };\n const swipeConfig = {\n leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)),\n rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)),\n endCallback: endCallBack\n };\n this._swipeHelper = new Swipe(this._element, swipeConfig);\n }\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return;\n }\n const direction = KEY_TO_DIRECTION[event.key];\n if (direction) {\n event.preventDefault();\n this._slide(this._directionToOrder(direction));\n }\n }\n _getItemIndex(element) {\n return this._getItems().indexOf(element);\n }\n _setActiveIndicatorElement(index) {\n if (!this._indicatorsElement) {\n return;\n }\n const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);\n activeIndicator.classList.remove(CLASS_NAME_ACTIVE);\n activeIndicator.removeAttribute('aria-current');\n const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to=\"${index}\"]`, this._indicatorsElement);\n if (newActiveIndicator) {\n newActiveIndicator.classList.add(CLASS_NAME_ACTIVE);\n newActiveIndicator.setAttribute('aria-current', 'true');\n }\n }\n _updateInterval() {\n const element = this._activeElement || this._getActive();\n if (!element) {\n return;\n }\n const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);\n this._config.interval = elementInterval || this._config.defaultInterval;\n }\n _slide(order, element = null) {\n if (this._isSliding) {\n return;\n }\n const activeElement = this._getActive();\n const isNext = order === ORDER_NEXT;\n const nextElement = element || index_js.getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap);\n if (nextElement === activeElement) {\n return;\n }\n const nextElementIndex = this._getItemIndex(nextElement);\n const triggerEvent = eventName => {\n return EventHandler.trigger(this._element, eventName, {\n relatedTarget: nextElement,\n direction: this._orderToDirection(order),\n from: this._getItemIndex(activeElement),\n to: nextElementIndex\n });\n };\n const slideEvent = triggerEvent(EVENT_SLIDE);\n if (slideEvent.defaultPrevented) {\n return;\n }\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n // TODO: change tests that use empty divs to avoid this check\n return;\n }\n const isCycling = Boolean(this._interval);\n this.pause();\n this._isSliding = true;\n this._setActiveIndicatorElement(nextElementIndex);\n this._activeElement = nextElement;\n const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END;\n const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV;\n nextElement.classList.add(orderClassName);\n index_js.reflow(nextElement);\n activeElement.classList.add(directionalClassName);\n nextElement.classList.add(directionalClassName);\n const completeCallBack = () => {\n nextElement.classList.remove(directionalClassName, orderClassName);\n nextElement.classList.add(CLASS_NAME_ACTIVE);\n activeElement.classList.remove(CLASS_NAME_ACTIVE, orderClassName, directionalClassName);\n this._isSliding = false;\n triggerEvent(EVENT_SLID);\n };\n this._queueCallback(completeCallBack, activeElement, this._isAnimated());\n if (isCycling) {\n this.cycle();\n }\n }\n _isAnimated() {\n return this._element.classList.contains(CLASS_NAME_SLIDE);\n }\n _getActive() {\n return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);\n }\n _getItems() {\n return SelectorEngine.find(SELECTOR_ITEM, this._element);\n }\n _clearInterval() {\n if (this._interval) {\n clearInterval(this._interval);\n this._interval = null;\n }\n }\n _directionToOrder(direction) {\n if (index_js.isRTL()) {\n return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT;\n }\n return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV;\n }\n _orderToDirection(order) {\n if (index_js.isRTL()) {\n return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT;\n }\n return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT;\n }\n\n // Static\n static jQueryInterface(config) {\n return this.each(function () {\n const data = Carousel.getOrCreateInstance(this, config);\n if (typeof config === 'number') {\n data.to(config);\n return;\n }\n if (typeof config === 'string') {\n if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n data[config]();\n }\n });\n }\n }\n\n /**\n * Data API implementation\n */\n\n EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, function (event) {\n const target = SelectorEngine.getElementFromSelector(this);\n if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {\n return;\n }\n event.preventDefault();\n const carousel = Carousel.getOrCreateInstance(target);\n const slideIndex = this.getAttribute('data-bs-slide-to');\n if (slideIndex) {\n carousel.to(slideIndex);\n carousel._maybeEnableCycle();\n return;\n }\n if (Manipulator.getDataAttribute(this, 'slide') === 'next') {\n carousel.next();\n carousel._maybeEnableCycle();\n return;\n }\n carousel.prev();\n carousel._maybeEnableCycle();\n });\n EventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);\n for (const carousel of carousels) {\n Carousel.getOrCreateInstance(carousel);\n }\n });\n\n /**\n * jQuery\n */\n\n index_js.defineJQueryPlugin(Carousel);\n\n return Carousel;\n\n}));\n//# sourceMappingURL=carousel.js.map\n\n\n//# sourceURL=webpack://digital-detroit/./node_modules/bootstrap/js/dist/carousel.js?"); + +/***/ }), + /***/ "./node_modules/bootstrap/js/dist/collapse.js": /*!****************************************************!*\ !*** ./node_modules/bootstrap/js/dist/collapse.js ***! @@ -100,6 +110,16 @@ eval("/*!\n * Bootstrap index.js v5.3.3 (https://getbootstrap.com/)\n * Copyri /***/ }), +/***/ "./node_modules/bootstrap/js/dist/util/swipe.js": +/*!******************************************************!*\ + !*** ./node_modules/bootstrap/js/dist/util/swipe.js ***! + \******************************************************/ +/***/ (function(module, __unused_webpack_exports, __webpack_require__) { + +eval("/*!\n * Bootstrap swipe.js v5.3.3 (https://getbootstrap.com/)\n * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n(function (global, factory) {\n true ? module.exports = factory(__webpack_require__(/*! ../dom/event-handler.js */ \"./node_modules/bootstrap/js/dist/dom/event-handler.js\"), __webpack_require__(/*! ./config.js */ \"./node_modules/bootstrap/js/dist/util/config.js\"), __webpack_require__(/*! ./index.js */ \"./node_modules/bootstrap/js/dist/util/index.js\")) :\n 0;\n})(this, (function (EventHandler, Config, index_js) { 'use strict';\n\n /**\n * --------------------------------------------------------------------------\n * Bootstrap util/swipe.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n\n /**\n * Constants\n */\n\n const NAME = 'swipe';\n const EVENT_KEY = '.bs.swipe';\n const EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`;\n const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`;\n const EVENT_TOUCHEND = `touchend${EVENT_KEY}`;\n const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`;\n const EVENT_POINTERUP = `pointerup${EVENT_KEY}`;\n const POINTER_TYPE_TOUCH = 'touch';\n const POINTER_TYPE_PEN = 'pen';\n const CLASS_NAME_POINTER_EVENT = 'pointer-event';\n const SWIPE_THRESHOLD = 40;\n const Default = {\n endCallback: null,\n leftCallback: null,\n rightCallback: null\n };\n const DefaultType = {\n endCallback: '(function|null)',\n leftCallback: '(function|null)',\n rightCallback: '(function|null)'\n };\n\n /**\n * Class definition\n */\n\n class Swipe extends Config {\n constructor(element, config) {\n super();\n this._element = element;\n if (!element || !Swipe.isSupported()) {\n return;\n }\n this._config = this._getConfig(config);\n this._deltaX = 0;\n this._supportPointerEvents = Boolean(window.PointerEvent);\n this._initEvents();\n }\n\n // Getters\n static get Default() {\n return Default;\n }\n static get DefaultType() {\n return DefaultType;\n }\n static get NAME() {\n return NAME;\n }\n\n // Public\n dispose() {\n EventHandler.off(this._element, EVENT_KEY);\n }\n\n // Private\n _start(event) {\n if (!this._supportPointerEvents) {\n this._deltaX = event.touches[0].clientX;\n return;\n }\n if (this._eventIsPointerPenTouch(event)) {\n this._deltaX = event.clientX;\n }\n }\n _end(event) {\n if (this._eventIsPointerPenTouch(event)) {\n this._deltaX = event.clientX - this._deltaX;\n }\n this._handleSwipe();\n index_js.execute(this._config.endCallback);\n }\n _move(event) {\n this._deltaX = event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this._deltaX;\n }\n _handleSwipe() {\n const absDeltaX = Math.abs(this._deltaX);\n if (absDeltaX <= SWIPE_THRESHOLD) {\n return;\n }\n const direction = absDeltaX / this._deltaX;\n this._deltaX = 0;\n if (!direction) {\n return;\n }\n index_js.execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback);\n }\n _initEvents() {\n if (this._supportPointerEvents) {\n EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event));\n EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event));\n this._element.classList.add(CLASS_NAME_POINTER_EVENT);\n } else {\n EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event));\n EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event));\n EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event));\n }\n }\n _eventIsPointerPenTouch(event) {\n return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH);\n }\n\n // Static\n static isSupported() {\n return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;\n }\n }\n\n return Swipe;\n\n}));\n//# sourceMappingURL=swipe.js.map\n\n\n//# sourceURL=webpack://digital-detroit/./node_modules/bootstrap/js/dist/util/swipe.js?"); + +/***/ }), + /***/ "./assets/css/base.scss": /*!******************************!*\ !*** ./assets/css/base.scss ***! diff --git a/assets/img/landing-banner.jpg b/assets/img/landing-banner.jpg index 77a9a13..f3aee84 100644 Binary files a/assets/img/landing-banner.jpg and b/assets/img/landing-banner.jpg differ diff --git a/assets/jsx/index.jsx b/assets/jsx/index.jsx index 3551ba6..09eb66d 100644 --- a/assets/jsx/index.jsx +++ b/assets/jsx/index.jsx @@ -1,5 +1,5 @@ -import React from 'react'; -import { render } from 'react-dom'; +import React, { useEffect, useState } from "react"; +import { createRoot } from 'react-dom/client'; import {t} from 'ttag'; import SearchProvider from 'p2pu-components/dist/Search/SearchProvider'; @@ -14,15 +14,6 @@ import DefaultNoResults from 'p2pu-components/dist/Search/DefaultNoResults'; const CustomSearch = (props) => { return ( <> -
-
- -
-
- , document.getElementById("learning-circle-search")); +const lcRoot = createRoot(document.getElementById("learning-circle-search")) +lcRoot.render() + + +const FacilitatorCard = ({image, name, bio}) => { + return ( +
+ +
+

{name}

+

{bio}

+
+
+ ) +} + +const Facilitators = (props) => { + + // `${API_ORIGIN}/api/teams/${TEAM_ID}/` + const [facilitators, setFacilitators] = useState([]) + useEffect(() => { + fetch(`${props.API_ORIGIN}/api/teams/${props.teamId}/`).then(resp => { + // TODO errors and stuff + return resp.json(); + }).then(data => { + setFacilitators(data.item.facilitators); + }) + }, []) + + return ( + + ) +} + +const facilitatorsRoot = createRoot(document.getElementById("team-facilitators")) +facilitatorsRoot.render( + +) diff --git a/assets/jsx/style.jsx b/assets/jsx/style.jsx index 98efd1c..2959b51 100644 --- a/assets/jsx/style.jsx +++ b/assets/jsx/style.jsx @@ -2,3 +2,4 @@ import "../css/base.scss" //import { Collapse } from 'bootstrap' import Collapse from 'bootstrap/js/dist/collapse' +import Carousel from 'bootstrap/js/dist/carousel' diff --git a/index.md b/index.md index 85f4525..3d4d86c 100755 --- a/index.md +++ b/index.md @@ -7,7 +7,6 @@ header_text: Empowering Detroit through Digital Literacy hero: | Want to learn important computer skills for free? The Rocket Community Fund is teaming up with Tech Goes Home from Boston, Peer to Peer University, United Way of Southeastern Michigan, and Black Tech Saturdays to help 200 people in Detroit do just that! They plan to teach useful computer skills in person, which can help you use technology more easily, find better job opportunities, and improve your life and community. If you live in Detroit and want to learn, this program could be for you! search_title: Learning circles in Detroit -image_attribution: "" bundles: - style - index