@openeventkit/event-site 2.0.112 → 2.0.114

package/gatsby-browser.js

@@ -12,6 +12,9 @@ import "what-input";
 import "./src/styles/bulma.scss";
 // import base styles
 import "./src/styles/style.scss";
+// import global fontawesome
+import "./src/utils/fontAwesome";
+
 import colors from "data/colors.json";
 import marketingSettings from "data/marketing-settings.json";
 

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.112",
+  "version": "2.0.114",
   "author": "Tipit LLC",
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-brands-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@mdx-js/react": "^3.0.1",
     "@mdx-js/runtime": "^1.6.22",
     "@mui/base": "^5.0.0-beta.40",
@@ -24,10 +27,13 @@
     "@types/react": "^16.9.42",
     "@vimeo/player": "^2.16.3",
     "ably": "^1.2.34",
+    "assert": "^2.1.0",
     "attendee-to-attendee-widget": "3.0.6",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
+    "babel-preset-gatsby": "^3.13.2",
     "browser-tabs-lock": "^1.2.15",
+    "buffer": "^6.0.3",
     "bulma": "^0.9.0",
     "chain-function": "^1.0.1",
     "classnames": "^2.3.1",
@@ -67,6 +73,7 @@
     "idtoken-verifier": "^2.2.2",
     "immutability-helper": "2.9.1",
     "immutable": "^5.0.0-beta.5",
+    "jsdom": "^24.1.0",
     "lite-schedule-widget": "3.0.3",
     "live-event-widget": "4.0.2",
     "lodash": "^4.17.19",
@@ -74,6 +81,7 @@
     "markdown-it": "^12.0.0",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.31",
+    "object.assign": "^4.1.5",
     "openstack-uicore-foundation": "4.1.76",
     "path-browserify": "^1.0.1",
     "prop-types": "^15.6.0",
@@ -116,6 +124,7 @@
     "smoothscroll-polyfill": "^0.4.4",
     "socket.io-client": "^4.5.2",
     "speakers-widget": "4.0.1",
+    "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
     "summit-registration-lite": "5.0.35",
@@ -130,6 +139,7 @@
     "videojs-mux": "^3.1.0",
     "videojs-youtube": "^2.6.1",
     "what-input": "^5.2.10",
+    "xmlhttprequest": "^1.8.0",
     "yup": "^0.32.11"
   },
   "keywords": [
@@ -152,10 +162,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.2",
     "@testing-library/user-event": "^14.5.2",
-    "assert": "^2.1.0",
     "babel-jest": "^29.7.0",
-    "babel-preset-gatsby": "^3.13.2",
-    "buffer": "^6.0.3",
     "devcert": "1.1.0",
     "gatsby-plugin-webpack-speed-measure": "^0.1.1",
     "identity-obj-proxy": "^3.0.0",
@@ -164,11 +171,7 @@
     "jest-transform-stub": "^2.0.0",
     "js-yaml": "^4.1.0",
     "js-yaml-loader": "^1.2.2",
-    "jsdom": "^24.1.0",
-    "object.assign": "^4.1.5",
-    "prettier": "^2.0.5",
-    "stream-browserify": "^3.0.0",
-    "xmlhttprequest": "^1.8.0"
+    "prettier": "^2.0.5"
   },
   "jest": {
     "collectCoverageFrom": [

package/src/components/FooterMarketing.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import Link from "./Link";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 import footerContent from "content/footer/index.json";
 
@@ -22,7 +23,7 @@ const FooterMarketing = () => (
       {footerContent.social.networks.map((net, index) => (
         net.display &&
         <Link href={net.link} className={styles.link} key={index}>
-          <i className={`fa icon is-large ${net.icon}`} />
+          <FontAwesomeIcon icon={`fa-brands ${net.icon}`} size="lg" />
         </Link>
       ))}
     </div>

package/src/components/HeadComponents.js

@@ -6,13 +6,6 @@ export const HtmlAttributes = {
 };
 
 export const HeadComponents = [
-  <link
-    key="font-awesome"
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
-    crossOrigin="anonymous"
-    referrerPolicy="no-referrer"
-  />,
   <link
     key="awesome-bootstrap-checkbox"
     rel="stylesheet"

package/src/styles/fonts.scss

@@ -1,26 +1,31 @@
-/**
-* Warning:
-* Dont edit this file by hand, this file is used as default font implementation for the whole site
-* and it been re generated if font settings are set through CMS on gatsby-node.js line # 346
-**/
-
-$font-family: 'Nunito Sans', sans-serif;
+$font-family: "proximanova";
 
 :root {
-  --font_family: #{$font-family};
+  --font_family: "proximanova" !important;
 }
 
+@font-face {
+  font-family: "proximanova";
+  src: url("/fonts/proximanovaregular.otf") format("opentype");
+  font-weight: normal;
+}
+@font-face {
+  font-family: "proximanova";
+  src: url("/fonts/proximanovabold.otf") format("opentype");
+  font-weight: bold;
+}
+  
 %font-regular {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 400;
 }
 
 %font-semi {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 600;
 }
 
 %font-bold {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 700;
 }

package/src/styles/footer.module.scss

@@ -68,6 +68,7 @@
 
   .link {
     color: #ffffff;
+    padding: 10px;
   }
 
   a i {

package/src/styles/style.scss

@@ -555,4 +555,4 @@ div.event-feedback-container {
   }
 }
 
-@import "~openstack-uicore-foundation/lib/css/components/extra-questions.css";
+@import "~openstack-uicore-foundation/lib/css/components/extra-questions.css";

package/src/utils/fontAwesome.js

@@ -0,0 +1,26 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { 
+  faFacebook, 
+  faXTwitter,
+  faTwitter,
+  faLinkedin, 
+  faInstagram,
+  faTiktok, 
+  faSnapchat, 
+  faVimeo, 
+  faYoutube
+} from "@fortawesome/free-brands-svg-icons";
+
+import "font-awesome/css/font-awesome.css";
+
+library.add(
+  faTwitter,
+  faFacebook, 
+  faXTwitter, 
+  faLinkedin, 
+  faInstagram,
+  faTiktok, 
+  faSnapchat, 
+  faVimeo, 
+  faYoutube
+);