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

package/src/content/footer/x-icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 310 310">
+  <!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #eaeaea;
+      }
+    </style>
+  </defs>
+  <polygon class="st0" points="89.1 79.5 203.8 229.6 220.9 229.6 107.1 79.5 89.1 79.5"/>
+  <path class="st0" d="M277.2,0H32.8C14.8,0,0,14.8,0,32.8v244.3c0,18,14.8,32.8,32.8,32.8h244.3c18,0,32.8-14.8,32.8-32.8V32.8c0-18-14.8-32.8-32.8-32.8ZM193.6,248l-48.3-64.9-57.5,64.9h-31.2l72.8-83.9L52.2,62h64.6l44.8,58.8,4.4-3.5,48.3-55.3h31.2l-68.3,78.5,80.6,107.5h-64.1Z"/>
+</svg>

package/src/content/site-settings/index.json

@@ -1 +1 @@
-{ "staticJsonFilesBuildTime": [], "lastBuild": 1716307121878 }
+{ "staticJsonFilesBuildTime": [], "lastBuild": 1740420798753 }

package/src/pages/404.js

@@ -0,0 +1,71 @@
+import React from "react";
+import { ThemeProvider } from "@mui/material/styles";
+import CssBaseline from "@mui/material/CssBaseline";
+import { Box, Typography } from "@mui/material";
+import theme404 from "../themes/404theme";
+import Link from "../components/Link";
+
+import styles from "../styles/404.module.scss";
+
+function NotFoundPage() {
+  return (
+    <ThemeProvider theme={theme404}>
+      <CssBaseline />
+      <Box className={styles.background}>
+        <Box className={styles.wrapper}>
+          <Box className={styles.content}>
+            <Typography variant="h6" component="h6">
+              Not this cat, Ocata is fine. YOU are lost.
+            </Typography>
+            <Typography variant="h6" component="h6">
+              You’ve found our 404 page.
+            </Typography>
+            <Typography variant="h6" component="h6">
+              Find another page or just go&nbsp;
+              <Link to="https://www.openstack.org">home</Link>
+              .
+            </Typography>
+          </Box>
+          <ul>
+            <li>
+              <Link to="/software/">Software</Link>
+            </li>
+            <li>
+              <Link to="/user-stories/">Users</Link>
+            </li>
+            <li>
+              <Link to="/community/">Community</Link>
+            </li>
+            <li>
+              <Link to="/marketplace/">Marketplace</Link>
+            </li>
+            <li>
+              <Link to="/community/events/">Events</Link>
+            </li>
+            <li>
+              <Link to="/learn/">Learn</Link>
+            </li>
+            <li>
+              <Link to="https://docs.openstack.org/">Docs</Link>
+            </li>
+            <li>
+              <Link to="https://www.openstack.org">Home</Link>
+            </li>
+            <li>
+              <Link
+                to="https://www.youtube.com/results?search_query=cat+videos"
+                style={{ whiteSpace: "nowrap" }}
+              >
+                Cat
+                <span style={{ marginLeft: "0.5em" }} />
+                videos
+              </Link>
+            </li>
+          </ul>
+        </Box>
+      </Box>
+    </ThemeProvider>
+  );
+}
+
+export default NotFoundPage;

package/src/styles/404.module.scss

@@ -0,0 +1,132 @@
+.background {
+  background: url(../images/404-bg.jpg);
+  background-size: 100%;
+  font-family: "GothamNarrow-Ultra";
+  font-size: 14px;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  overflow-y: scroll;
+  color: #333;
+  letter-spacing: initial;
+  margin: 0;
+  line-height: 20px;
+  .wrapper {
+    background: url(../images/cat.png) no-repeat center;
+    min-height: 90vh;
+    width: 50vh;
+    background-size: 100%;
+    text-align: center;
+    margin: 2em auto;
+    -webkit-font-smoothing: auto;
+    .content {
+      padding-top: 52vh;
+      h6 {
+        font-family: "GothamNarrow-Ultra";
+        font-size: 1.2em;
+        color: #444;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        line-height: 18.48px;
+        font-weight: 400;
+        a {
+          color: #444;
+          font-weight: 400;
+        }
+      }
+    }
+    ul {
+      padding: 10em 0 0;
+      margin-top: 0;
+      li {
+        width: 11.11%;
+        display: inline-block;
+        float: left;
+        transform: rotate(270deg);
+        transform-origin: left top 0;
+        padding-left: 0em;
+        padding-top: 0.55em;
+        font-weight: 400;
+        a {
+          text-decoration: none;
+          color: #444;
+          &:hover {
+            text-decoration: none;
+            color: #000;
+          }
+        }
+      }
+      li:first-child {
+        padding-top: 1em;
+      }
+      li:nth-child(2) {
+        padding-top: 1.1em;
+      }
+      li:nth-child(3) {
+        padding-top: 1.1em;
+      }
+      li:nth-child(4) {
+        padding-top: 0.75em;
+      }
+      li:last-child {
+        padding-top: 0.5em;
+      }
+    }
+    @media only screen and (min-height: 960px) and (max-height: 1280px) {
+      ul {
+        padding-top: 10.5em;
+      }
+    }
+    /* mediaqueries */
+    /*general*/
+  }
+  @media only screen and (min-height: 720px) and (max-height: 960px) {
+    .wrapper ul {
+      padding-top: 8.5em;
+    }
+  }
+
+  @media only screen and (min-height: 0px) and (max-height: 720px) {
+    .wrapper ul {
+      padding-top: 8em;
+    }
+  }
+
+  @media only screen and (min-height: 960px) and (max-height: 1280px) {
+    .wrapper ul {
+      padding-top: 10.5em;
+    }
+  }
+
+  /*IPAD Landscape*/
+  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+    .wrapper ul {
+      padding-top: 8em;
+    }
+  }
+
+  /*IPAD Portrait*/
+  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+    .wrapper ul {
+      padding-top: 13em;
+    }
+  }
+
+  /*iphone Portrait*/
+  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
+    .wrapper ul {
+      padding-top: 6em;
+    }
+  }
+
+  @media only screen and (min-height: 0px) and (max-height: 700px) {
+    .wrapper .content h6 {
+      font-size: 1em;
+      margin: 0.2em 0;
+    }
+    .wrapper ul li a {
+      font-size: 0.8em;
+    }
+  }
+}

package/src/themes/404theme.js

@@ -0,0 +1,26 @@
+import { createTheme } from "@mui/material/styles";
+import baseTheme from "../theme";
+
+const theme404 = createTheme(baseTheme, {
+  typography: {
+    fontFamily: "\"GothamNarrow-Ultra\"",
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: `
+        @font-face {
+          font-family: 'GothamNarrow-Ultra';
+          font-style: normal;
+          font-weight: normal;
+          src: url("/fonts/gothamnarrow-ultra/GothamNarrow-Ultra.eot?#iefix") format("embedded-opentype"),
+               url("/fonts/gothamnarrow-ultra/GothamNarrow-Ultra.otf") format("opentype"),
+               url("/fonts/gothamnarrow-ultra/GothamNarrow-Ultra.woff") format("woff"),
+               url("/fonts/gothamnarrow-ultra/GothamNarrow-Ultra.ttf") format("truetype"),
+               url("/fonts/gothamnarrow-ultra/GothamNarrow-Ultra.svg#GothamNarrow-Ultra") format("svg");
+        }
+      `,
+    },
+  },
+});
+
+export default theme404;