@openstack_dev/gatsby-theme-marketing-oif-core 1.0.26 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [
@@ -90,6 +90,7 @@
     "image-size": "^1.0.1",
     "immutability-helper": "2.9.1",
     "immutable": "^5.0.0-beta.5",
+    "js-cookie": "^3.0.5",
     "js-yaml": "^4.1.0",
     "jsdom": "^16.2.2",
     "lodash": "^4.17.19",

package/src/components/Navbar/index.module.scss

@@ -3,10 +3,10 @@
   background: #fff;
   margin-bottom: 0;
   padding: 15px 0;
-  border-color: #e7e7e7;
   position: relative;
   min-height: 50px;
   border: 1px solid transparent;
+  border-bottom: 1px solid #ddd;
   box-shadow: none;
   li {
     position: relative;

package/src/theme.js

@@ -2,35 +2,94 @@ import { createTheme } from "@mui/material/styles";
 import darkScrollbar from "@mui/material/darkScrollbar";
 
 // create breakpoints in intermediate theme
-let theme = createTheme({
-    breakpoints: {
-        values: {
-            xs: 0,
-            sm: 320,
-            md: 768,
-            lg: 1024,
-            xl: 1280,
-        }
-    }
+const baseTheme = createTheme({
+  breakpoints: {
+    values: {
+      xs: 0,
+      sm: 320,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+    },
+  },
+  palette: {
+    primary: {
+      main: "#2A4E68",
+      light: "#286a9d",
+      dark: "#1565c0",
+      contrastText: "#FFFFFF",
+    },
+    background: {
+      paper: "#FFFFFF",
+      light: "#F9FAFC",
+      contrastText: "#000000DE",
+    },
+    text: {
+      primary: "#333333",
+      secondary: "#2A4E68",
+    },
+  },
 });
 
-// use breakpoints on theme creation
-theme = createTheme(theme, {
-    components: {
-        MuiCssBaseline: {
-            styleOverrides: {
-                body: {
-                    ...darkScrollbar(),
-                    margin: 0,
-                    padding: 0,
-                    border: 0,
-                    fontSize: "100%",
-                    verticalAlign: "baseline",
-                    fontFamily: "\"Open Sans\", Helvetica, Arial, sans-serif",
-                }
-            }
-        }
-    }
+const theme = createTheme(baseTheme, {
+  typography: {
+    h1: {
+      fontSize: 34,
+      color: baseTheme.palette.text.secondary,
+      fontWeight: 300,
+      textAlign: "center",
+      margin: "40px 0",
+    },
+    h2: {
+      fontSize: 30,
+      color: baseTheme.palette.text.secondary,
+      fontWeight: 300,
+      marginTop: 20,
+      marginBottom: 25,
+    },
+    h3: {
+      fontSize: 26,
+      color: baseTheme.palette.text.secondary,
+      fontWeight: 300,
+    },
+    body1: {
+      fontSize: 14,
+    },
+  },
+  components: {
+    MuiTypography: {
+      defaultProps: {
+        fontFamily: "\"Open Sans\",Helvetica,Arial,sans-serif",
+      },
+    },
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: {
+          ...darkScrollbar(),
+          margin: 0,
+          padding: 0,
+          border: 0,
+          fontSize: "100%",
+          verticalAlign: "baseline",
+          fontFamily: "\"Open Sans\", Helvetica, Arial, sans-serif",
+          "& a": {
+            color: "#337ab7",
+            textDecoration: "none",
+            "&:hover": {
+              color: "#30739C",
+              textDecoration: "underline",
+            },
+          },
+          hr: {
+            marginTop: 20,
+            marginBottom: 20,
+            border: 0,
+            borderTop: "1px solid #eee",
+          },
+        },
+      },
+    },
+  },
 });
 
 export default theme;

package/src/utils/filePath.js

@@ -6,7 +6,7 @@ const STYLES_DIR_PATH = "src/styles";
 const DEFAULT_COLORS_FILE_PATH = `${DEFAULTS_DIR_PATH}/colors.json`;
 const COLORS_FILE_PATH = `${DATA_DIR_PATH}/colors.json`;
 const SPONSORED_PROJECTS_FILE_PATH = `${DATA_DIR_PATH}/sponsored-projects.json`;
-const COLORS_SASS_FILE_PATH = `${STYLES_DIR_PATH}/colors.scss`
+const COLORS_SASS_FILE_PATH = `${STYLES_DIR_PATH}/colors.scss`;
 const FONTS_SCSS_FILE_PATH = `${STYLES_DIR_PATH}/fonts.scss`;
 const SITE_SETTINGS_DIR_PATH = `${STATIC_CONTENT_DIR_PATH}/site-settings`;
 const SITE_SETTINGS_FILE_PATH = `${SITE_SETTINGS_DIR_PATH}/index.json`;
@@ -21,7 +21,7 @@ const FOOTER_DIR_PATH = `${STATIC_CONTENT_DIR_PATH}/footer`;
 const FOOTER_FILE_PATH = `${FOOTER_DIR_PATH}/index.json`;
 const ANNOUNCEMENT_BANNER_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/announcement-banner/index.json`;
 const POSTER_PAGES_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/posters-pages.json`;
-const SUMMIT_FILE_NAME = `summit.json`
+const SUMMIT_FILE_NAME = "summit.json";
 const SUMMIT_FILE_PATH = `${DATA_DIR_PATH}/${SUMMIT_FILE_NAME}`;
 const EVENTS_FILE_NAME = "events.json";
 const EVENTS_FILE_PATH = `${DATA_DIR_PATH}/${EVENTS_FILE_NAME}`;
@@ -40,21 +40,22 @@ const EXPO_HALL_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/expo-hall-page/inde
 const INVITATIONS_REJECT_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/invitations-reject-page/index.json`;
 const SPONSORS_FILE_NAME = "sponsors.json";
 const SPONSORS_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/${SPONSORS_FILE_NAME}`;
-const CMS_FONT_FILE_PATH = "/static/fonts/"
+const CMS_FONT_FILE_PATH = "/static/fonts/";
 const PAYMENTS_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/payments.json`;
-const APPLE_PAY_DOMAIN_FILE_PATH = `/static/.well-known/`
-const APPLE_PAY_DOMAIN_FILE_NAME = `apple-developer-merchantid-domain-association`;
+const APPLE_PAY_DOMAIN_FILE_PATH = "/static/.well-known/";
+const APPLE_PAY_DOMAIN_FILE_NAME = "apple-developer-merchantid-domain-association";
 
 exports.REQUIRED_DIR_PATHS = [
-	DATA_DIR_PATH,
-	STATIC_CONTENT_DIR_PATH,
-	CONTENT_PAGES_DIR_PATH,
-	STYLES_DIR_PATH,
-	SITE_SETTINGS_DIR_PATH,
-	NAVBAR_DIR_PATH,
-	FOOTER_DIR_PATH
+  DATA_DIR_PATH,
+  STATIC_CONTENT_DIR_PATH,
+  CONTENT_PAGES_DIR_PATH,
+  STYLES_DIR_PATH,
+  SITE_SETTINGS_DIR_PATH,
+  NAVBAR_DIR_PATH,
+  FOOTER_DIR_PATH,
 ];
 
+exports.DATA_DIR_PATH = DATA_DIR_PATH;
 exports.STATIC_CONTENT_DIR_PATH = STATIC_CONTENT_DIR_PATH;
 exports.DEFAULT_COLORS_FILE_PATH = DEFAULT_COLORS_FILE_PATH;
 exports.COLORS_FILE_PATH = COLORS_FILE_PATH;