soames-gatsby-theme 0.1.0

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2025, Orbi Software
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,24 @@
+# Soames Gatsby Theme
+
+[![npm version](https://img.shields.io/npm/v/soames-gatsby-theme.svg?style=flat-square)](https://www.npmjs.com/package/soames-gatsby-theme)
+[![license](https://img.shields.io/npm/l/soames-gatsby-theme.svg?style=flat-square)](./LICENSE)
+
+A customizable Gatsby theme for building personal websites using WordPress as a headless CMS. Built with TypeScript for better DX and safety.
+
+## Install Instructions
+
+npm install soames-gatsby-theme
+
+## Known Security Notices
+
+During installation, you may encounter audit warnings for two high-severity vulnerabilities related to the cookie and path-to-regexp packages. These packages are used internally by Gatsby’s development tooling, specifically:
+
+cookie is included via express and socket.io, which Gatsby uses for its hot-reloading dev server.
+
+path-to-regexp is also included by express and only used during local development.
+
+These dependencies are not included in the production build of your site. Gatsby generates static HTML, CSS, and JS files that do not use these server-side tools.
+
+As of this version, these issues do not pose a risk to end users or affect the final deployed site. They will be resolved in future versions as Gatsby and its related plugins are updated.
+
+You can safely ignore these warnings unless you're modifying or redistributing the Gatsby development server code itself.

package/dist/gatsby-config.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const themeConfig = (themeOptions = {}) => {
+    const url = themeOptions.url || process.env.GATSBY_WORDPRESS_URL;
+    if (!url) {
+        throw new Error("The WordPress GraphQL 'url' is required in theme options or .env.");
+    }
+    return {
+        siteMetadata: {
+            title: 'Soames Gatsby Theme',
+        },
+        plugins: [
+            {
+                resolve: 'gatsby-source-wordpress',
+                options: {
+                    url,
+                },
+            },
+            {
+                resolve: `gatsby-source-filesystem`,
+                options: {
+                    name: `assets`,
+                    path: `${__dirname}/content/assets`,
+                },
+            },
+            `gatsby-plugin-image`,
+            `gatsby-plugin-sharp`,
+            `gatsby-transformer-sharp`,
+            {
+                // See https://www.gatsbyjs.com/plugins/gatsby-plugin-manifest/?=gatsby-plugin-manifest
+                resolve: `gatsby-plugin-manifest`,
+                options: {
+                    name: `Gatsby Starter WordPress Blog`,
+                    short_name: `GatsbyJS & WP`,
+                    start_url: `/`,
+                    background_color: `#ffffff`,
+                    theme_color: `#663399`,
+                    display: `minimal-ui`,
+                    icon: `content/assets/gatsby-icon.png`,
+                },
+            },
+            // See https://www.gatsbyjs.com/plugins/gatsby-plugin-react-helmet/?=gatsby-plugin-react-helmet
+            `gatsby-plugin-react-helmet`,
+        ],
+    };
+};
+exports.default = themeConfig;

package/dist/gatsby-node.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPages = void 0;
+const createPages = async ({ actions }) => {
+    // Add dynamic page creation logic here if needed
+};
+exports.createPages = createPages;

package/dist/src/components/Bio.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const Bio = () => {
+    const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query BioQuery {
+      author: wpUser {
+        firstName
+        name
+        description
+        avatar {
+          url
+        }
+      }
+    }
+  `);
+    const { author } = data;
+    const avatarUrl = author?.avatar?.url;
+    const twitterHandle = author?.name;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bio", children: [avatarUrl && ((0, jsx_runtime_1.jsx)("img", { alt: author.firstName, className: "bio-avatar", src: avatarUrl })), author.firstName && ((0, jsx_runtime_1.jsxs)("p", { children: ["Written by ", (0, jsx_runtime_1.jsx)("strong", { children: author.firstName }), ` `, author.description, ` `, twitterHandle && ((0, jsx_runtime_1.jsx)("a", { href: `https://twitter.com/${twitterHandle}`, children: "You should follow them on Twitter" }))] }))] }));
+};
+exports.default = Bio;

package/dist/src/components/BlogSidebar.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const BlogSidebar = ({ postId }) => {
+    const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query SidebarPostArchive {
+      posts: allWpPost(sort: { date: DESC }) {
+        nodes {
+          id
+          excerpt
+          uri
+          date(formatString: "MMMM DD, YYYY")
+          title
+          featuredImage {
+            node {
+              guid
+            }
+          }
+        }
+      }
+    }
+  `);
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-blog-roll pt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: data.posts.nodes.map((post, index) => post.id !== postId ? ((0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsx)("div", { className: "card p-3 col-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-box", children: [(0, jsx_runtime_1.jsx)("h4", { className: "card-title mbr-fonts-style display-5", children: (0, html_react_parser_1.default)(post.title) }), (0, jsx_runtime_1.jsx)("h4", { className: "mbr-fonts-style display-7", children: post.date }), (0, html_react_parser_1.default)(post.excerpt)] }), (0, jsx_runtime_1.jsx)("div", { className: "mbr-section-btn text-center", children: (0, jsx_runtime_1.jsx)(gatsby_1.Link, { to: `/blog${post.uri}`, itemProp: "url", className: "btn btn-primary display-4", children: (0, jsx_runtime_1.jsx)("span", { itemProp: "headline", children: "Read More" }) }) })] }) }) }, index)) : null) }) }));
+};
+exports.default = BlogSidebar;

package/dist/src/components/Footer.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FooterMenu_1 = __importDefault(require("./FooterMenu"));
+const Footer = ({ title }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-footer mt-5", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsxs)("div", { className: "media-container-row content text-white", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-12 col-md-2", children: (0, jsx_runtime_1.jsx)("div", { className: "media-wrap", children: ` ` }) }), (0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-md-4 mbr-fonts-style display-7", children: [(0, jsx_runtime_1.jsx)("h5", { className: "pb-3", children: "Links" }), (0, jsx_runtime_1.jsx)(FooterMenu_1.default, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-md-4 mbr-fonts-style display-7", children: [(0, jsx_runtime_1.jsx)("h5", { className: "pb-3", children: "Contact" }), (0, jsx_runtime_1.jsx)("p", { className: "soames-text pr-3", children: "fritz followed by ASCII 0x40 followed by the domain name of this site." }), (0, jsx_runtime_1.jsxs)("p", { className: "soames-text pt-3", children: ["\u00A9 ", new Date().getFullYear(), " ", title, (0, jsx_runtime_1.jsx)("br", {}), "Built with", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://www.soames.app", target: "_blank", rel: "noreferrer", children: "Soames" }), ",", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://www.gatsbyjs.com", target: "_blank", rel: "noreferrer", children: "Gatsby" }), ", and", " ", (0, jsx_runtime_1.jsx)("a", { href: "https://wordpress.org/", target: "_blank", rel: "noreferrer", children: "WordPress" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })] }), (0, jsx_runtime_1.jsx)("div", { className: "col-12 col-md-2 mbr-fonts-style display-7", children: (0, jsx_runtime_1.jsx)("h5", { className: "pb-3", children: ` ` }) })] }) }) }));
+};
+exports.default = Footer;

package/dist/src/components/FooterMenu.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const FooterMenu = () => {
+    const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query WpFooterMenu {
+      wpMenu(name: { eq: "soames-footer-menu" }) {
+        id
+        name
+        menuItems {
+          nodes {
+            id
+            label
+            parentDatabaseId
+            path
+            uri
+            order
+          }
+        }
+      }
+    }
+  `);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "soames-footer-content", children: (0, jsx_runtime_1.jsx)("ul", { children: data.wpMenu.menuItems.nodes.map((item) => item.parentDatabaseId === 0 ? (item.uri.includes("http") ? ((0, jsx_runtime_1.jsx)("li", { className: "soames-footer-list-item", children: (0, jsx_runtime_1.jsx)("a", { href: item.uri, target: "_blank", rel: "noreferrer", children: item.label }) }, item.id)) : ((0, jsx_runtime_1.jsx)("li", { className: "soames-footer-list-item", children: (0, jsx_runtime_1.jsx)(gatsby_1.Link, { to: item.uri, children: item.label }) }, item.id))) : null) }) }));
+};
+exports.default = FooterMenu;

package/dist/src/components/Header.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeaderMenu_1 = __importDefault(require("./HeaderMenu"));
+const Logo_1 = __importDefault(require("./Logo"));
+const Header = ({ title, isHomePage }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { className: "menu soames-menu", children: (0, jsx_runtime_1.jsxs)("nav", { className: "navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm", children: [(0, jsx_runtime_1.jsx)("button", { className: "navbar-toggler navbar-toggler-right", type: "button", "data-bs-toggle": "collapse", "data-bs-target": "#navbarSupportedContent", "aria-controls": "navbarSupportedContent", "aria-expanded": "false", "aria-label": "Toggle navigation", children: (0, jsx_runtime_1.jsxs)("div", { className: "hamburger", children: [(0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {})] }) }), (0, jsx_runtime_1.jsx)(Logo_1.default, { title: title }), (0, jsx_runtime_1.jsx)(HeaderMenu_1.default, {})] }) }));
+};
+exports.default = Header;

package/dist/src/components/HeaderMenu.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const HeaderMenu = () => {
+    const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query WpHeaderMenu {
+      wpMenu(name: { eq: "soames-header-menu" }) {
+        id
+        name
+        menuItems {
+          nodes {
+            id
+            label
+            parentDatabaseId
+            path
+            uri
+            order
+            childItems {
+              nodes {
+                id
+                label
+                uri
+                order
+              }
+            }
+          }
+        }
+      }
+    }
+  `);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "collapse navbar-collapse", id: "navbarSupportedContent", children: (0, jsx_runtime_1.jsx)("ul", { className: "navbar-nav nav-dropdown nav-right", "data-app-modern-menu": "true", children: data.wpMenu.menuItems.nodes.map((item) => item.path !== "/home/" && item.parentDatabaseId === 0 ? (item.childItems.nodes.length === 0 ? ((0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: item.uri.includes("http") ? ((0, jsx_runtime_1.jsx)("a", { className: "nav-link link text-white display-4", href: item.uri, target: "_blank", rel: "noreferrer", children: item.label })) : ((0, jsx_runtime_1.jsx)(gatsby_1.Link, { to: item.uri, className: "nav-link link text-white display-4", children: item.label })) }, item.id)) : ((0, jsx_runtime_1.jsxs)("li", { className: "nav-item dropdown", children: [(0, jsx_runtime_1.jsx)("a", { className: "nav-link link text-white dropdown-toggle display-4", href: item.uri, "data-toggle": "dropdown-submenu", "aria-expanded": "false", children: item.label }), (0, jsx_runtime_1.jsx)("div", { className: "dropdown-menu", children: (0, jsx_runtime_1.jsx)("ul", { className: "navbar-nav nav-dropdown nav-right", children: item.childItems.nodes.map((childItem) => ((0, jsx_runtime_1.jsx)("li", { children: childItem.uri.includes("http") ? ((0, jsx_runtime_1.jsxs)("a", { className: "text-white dropdown-item display-4", target: "_blank", rel: "noreferrer", href: childItem.uri, children: [childItem.label, (0, jsx_runtime_1.jsx)("br", {})] })) : ((0, jsx_runtime_1.jsx)(gatsby_1.Link, { to: childItem.uri, className: "text-white dropdown-item display-4", children: childItem.label })) }, childItem.id))) }) })] }, item.id))) : null) }) }));
+};
+exports.default = HeaderMenu;

package/dist/src/components/HeroHeader.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeroHeader = ({ title, subhead, backgroundImage, backgroundImageTitle, overlayOpacity, }) => {
+    if (!backgroundImage) {
+        backgroundImage = "https://picsum.photos/1080/720";
+    }
+    else {
+        if (backgroundImageTitle?.includes("_03o_"))
+            overlayOpacity = 0.3;
+        else if (backgroundImageTitle?.includes("_04o_"))
+            overlayOpacity = 0.4;
+        else if (backgroundImageTitle?.includes("_05o_"))
+            overlayOpacity = 0.5;
+        else if (backgroundImageTitle?.includes("_06o_"))
+            overlayOpacity = 0.6;
+        else if (backgroundImageTitle?.includes("_07o_"))
+            overlayOpacity = 0.7;
+    }
+    if (!overlayOpacity) {
+        overlayOpacity = 0.6;
+    }
+    const css = `
+    .soames-background-lg::after {
+      background: url(${backgroundImage});
+      background-position: 50% 50%;
+      background-size: cover;
+      background-repeat: no-repeat;
+      position: fixed;
+      top: 0px;
+      left: 0px;
+      overflow: hidden;
+      pointer-events: none;
+      margin-top: -180px;
+    }
+  `;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: css }), (0, jsx_runtime_1.jsxs)("section", { className: "soames-header-lg soames-parallax soames-background-lg", id: "header1", children: [(0, jsx_runtime_1.jsx)("div", { className: "soames-overlay", style: { opacity: overlayOpacity, backgroundColor: "rgb(46, 46, 46)" } }), (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "row justify-content-md-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "soames-hero-header soames-white col-md-10", children: [(0, jsx_runtime_1.jsx)("h1", { className: "soames-section-title align-center soames-bold mbr-fonts-style display-1", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "soames-section-subtitle align-center soames-light soames-white mbr-fonts-style display-5", children: subhead })] }) }) })] })] }));
+};
+exports.default = HeroHeader;

package/dist/src/components/Layout.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const react_helmet_1 = require("react-helmet");
+require("../styles/theme.css");
+const Layout = ({ isHomePage = false, children }) => {
+    const { wp: { generalSettings: { title }, }, wpMediaItem, } = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query LayoutQuery {
+      wp {
+        generalSettings {
+          title
+          description
+        }
+      }
+      wpMediaItem(title: { eq: "favicon" }) {
+        title
+        guid
+      }
+    }
+  `);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "global-wrapper", "data-is-root-path": isHomePage, children: [(0, jsx_runtime_1.jsxs)(react_helmet_1.Helmet, { children: [wpMediaItem && ((0, jsx_runtime_1.jsx)("link", { rel: "icon", href: wpMediaItem.guid, type: "image/png" })), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" })] }), (0, jsx_runtime_1.jsx)("main", { children: children })] }));
+};
+exports.default = Layout;

package/dist/src/components/Logo.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gatsby_1 = require("gatsby");
+const Logo = ({ title }) => {
+    const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query LogoQuery {
+      wpMediaItem(title: { eq: "logo" }) {
+        title
+        guid
+      }
+    }
+  `);
+    const logo = data.wpMediaItem;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "menu-logo", children: (0, jsx_runtime_1.jsx)("div", { className: "navbar-brand", children: (0, jsx_runtime_1.jsx)("span", { className: "navbar-caption-wrap", children: (0, jsx_runtime_1.jsxs)("a", { className: "navbar-caption text-white display-5", href: "/", children: [logo ? ((0, jsx_runtime_1.jsx)("img", { width: "108", alt: logo.title, src: logo.guid })) : ((0, jsx_runtime_1.jsx)("img", { width: "108", alt: "Orbi Software", src: "https://orbivision.net/wp-content/uploads/2023/01/punch_card.png" })), "\u00A0\u00A0", title] }) }) }) }));
+};
+exports.default = Logo;

package/dist/src/components/Seo.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helmet_1 = require("react-helmet");
+const gatsby_1 = require("gatsby");
+const Seo = ({ title, description = "", lang = "en", meta = [], }) => {
+    const { wp, wpUser } = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
+    query {
+      wp {
+        generalSettings {
+          title
+          description
+        }
+      }
+      wpUser {
+        name
+      }
+    }
+  `);
+    const metaDescription = description || wp.generalSettings?.description;
+    const defaultTitle = wp.generalSettings?.title;
+    const twitterHandle = wpUser?.name || "";
+    return ((0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { htmlAttributes: { lang }, title: title, titleTemplate: defaultTitle ? `%s | ${defaultTitle}` : undefined, meta: [
+            {
+                name: "description",
+                content: metaDescription,
+            },
+            {
+                property: "og:title",
+                content: title,
+            },
+            {
+                property: "og:description",
+                content: metaDescription,
+            },
+            {
+                property: "og:type",
+                content: "website",
+            },
+            {
+                name: "twitter:card",
+                content: "summary",
+            },
+            {
+                name: "twitter:creator",
+                content: twitterHandle,
+            },
+            {
+                name: "twitter:title",
+                content: title,
+            },
+            {
+                name: "twitter:description",
+                content: metaDescription,
+            },
+            ...meta,
+        ] }));
+};
+exports.default = Seo;

package/dist/src/components/shortcodes/RemoveContentAreaPadding.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RemoveContentAreaPadding = () => {
+    const css = `
+    .soames-gatsby-content {
+      padding: 0px;
+    }
+  `;
+    return (0, jsx_runtime_1.jsx)("style", { children: css });
+};
+exports.default = RemoveContentAreaPadding;

package/dist/src/components/shortcodes/SoamesFeature.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesFeature = ({ content, attributes }) => {
+    const { image, title, css } = attributes;
+    const paragraphs = content.split('__SOAMES_P__');
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-features", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "col-md-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "media-container-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "align-left aside-content", children: [title && ((0, jsx_runtime_1.jsx)("h2", { className: "mbr-title pt-2 mbr-fonts-style display-2", children: (0, jsx_runtime_1.jsx)("div", { children: title }) })), (0, jsx_runtime_1.jsx)("div", { className: "block-content", children: (0, jsx_runtime_1.jsxs)("div", { className: `card ${css ?? ""}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "media", children: (0, jsx_runtime_1.jsx)("div", { className: "media-body" }) }), (0, jsx_runtime_1.jsx)("div", { className: "card-box", children: paragraphs.map((paragraph, key) => ((0, jsx_runtime_1.jsx)("p", { className: "block-text mbr-fonts-style display-7", children: paragraph }, key))) })] }) })] }), image && ((0, jsx_runtime_1.jsx)("div", { className: "soames-figure", style: { width: "50%" }, children: (0, jsx_runtime_1.jsx)("img", { src: image, alt: title ?? "Feature", title: title ?? "Feature" }) }))] }) }) }) }));
+};
+exports.default = SoamesFeature;

package/dist/src/components/shortcodes/SoamesGalleryMenu.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesGalleryMenu = ({ attributes }) => {
+    const { images, links, labels, css } = attributes;
+    const menuItems = images.map((image, i) => ({
+        id: `icon_${i}`,
+        imageUrl: image.replace(/['""]+/g, '"'),
+        label: labels?.[i],
+        link: links?.[i],
+        css: css?.[i],
+    }));
+    return ((0, jsx_runtime_1.jsx)("section", { className: "features1 soames-gallery-menu", children: (0, jsx_runtime_1.jsx)("div", { className: "container-fluid", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: menuItems.map(menuItem => ((0, jsx_runtime_1.jsx)("div", { className: "card p-3 col-md-12 col-lg-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "card-img", children: (0, jsx_runtime_1.jsx)("a", { href: menuItem.link, children: (0, jsx_runtime_1.jsx)("img", { src: menuItem.imageUrl, alt: menuItem.label ?? "", title: menuItem.label ?? "" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "card-box", children: (0, jsx_runtime_1.jsx)("h4", { className: "card-title pb-3 mbr-fonts-style display-7", children: menuItem.label }) })] }) }, menuItem.id))) }) }) }));
+};
+exports.default = SoamesGalleryMenu;

package/dist/src/components/shortcodes/SoamesIconList.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesIconList = ({ attributes }) => {
+    const { images, links, labels, css } = attributes;
+    const icons = images.map((image, i) => ({
+        id: `icon_${i}`,
+        imageUrl: image.replace(/['""]+/g, '"'),
+        label: labels?.[i] ?? null,
+        link: links?.[i] ?? null,
+        css: css?.[i] ?? null,
+    }));
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "d-flex flex-wrap align-items-center justify-content-center", children: icons.map((icon) => ((0, jsx_runtime_1.jsxs)("a", { className: `d-flex flex-column align-items-center text-decoration-none p-2 ${icon.css ?? ''}`, href: icon.link ?? "#", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)("img", { className: "d-block mb-2", src: icon.imageUrl, alt: icon.label ?? "", height: "116", loading: "lazy" }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: icon.label })] }, icon.id))) }) }) }));
+};
+exports.default = SoamesIconList;

package/dist/src/components/shortcodes/SoamesSoundCloud.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesSoundCloud = ({ attributes }) => {
+    const { bandName, siteLink, playlistId, albumLink, albumName } = attributes;
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section article soames-list", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsxs)("div", { className: "soames-text counter-container col-12 col-md-10 pt-2 mbr-fonts-style display-7", children: [(0, jsx_runtime_1.jsx)("iframe", { title: albumName, width: "100%", height: "300", scrolling: "no", frameBorder: "no", allow: "autoplay", src: `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/${playlistId}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                fontSize: '10px',
+                                color: '#cccccc',
+                                lineBreak: 'anywhere',
+                                wordBreak: 'normal',
+                                overflow: 'hidden',
+                                whiteSpace: 'nowrap',
+                                textOverflow: 'ellipsis',
+                                fontFamily: 'Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif',
+                                fontWeight: 100,
+                            }, children: [(0, jsx_runtime_1.jsx)("a", { href: siteLink, title: bandName, target: "_blank", style: { color: '#cccccc', textDecoration: 'none' }, rel: "noreferrer", children: bandName }), ' ', "\u00B7", ' ', (0, jsx_runtime_1.jsx)("a", { href: albumLink, title: albumName, target: "_blank", style: { color: '#cccccc', textDecoration: 'none' }, rel: "noreferrer", children: albumName })] })] }) }) }) }));
+};
+exports.default = SoamesSoundCloud;

package/dist/src/components/shortcodes/SoamesTextBlock.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesTextBlock = ({ content }) => {
+    const paragraphs = content?.split('__SOAMES_P__') ?? [];
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section article soames-article", children: (0, jsx_runtime_1.jsx)("div", { className: "container col-md-10", children: (0, jsx_runtime_1.jsx)("div", { className: "inner-container", style: { width: "100%" }, children: (0, jsx_runtime_1.jsx)("div", { className: "section-text align-center mbr-fonts-style display-7 pb-2", children: paragraphs.map((paragraph, key) => ((0, jsx_runtime_1.jsx)("p", { className: "block-text mbr-fonts-style display-7", children: paragraph }, key))) }) }) }) }));
+};
+exports.default = SoamesTextBlock;

package/dist/src/components/shortcodes/SoamesTextList.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesTextList = ({ content }) => {
+    const lineItems = content?.split('__SOAMES_LI__') ?? [];
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section article soames-list pb-0", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsx)("div", { className: "soames-text counter-container col-12 col-md-10 mbr-fonts-style pt-0 display-7", children: (0, jsx_runtime_1.jsx)("ul", { children: lineItems.map((lineItem, key) => ((0, jsx_runtime_1.jsx)("li", { children: lineItem }, key))) }) }) }) }) }));
+};
+exports.default = SoamesTextList;

package/dist/src/components/shortcodes/SoamesTitle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesTitle = ({ title }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section soames-title", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsx)("div", { className: "title col-12 col-md-8", children: (0, jsx_runtime_1.jsx)("h2", { className: "align-center mbr-fonts-style display-2", children: title }) }) }) }) }));
+};
+exports.default = SoamesTitle;

package/dist/src/components/shortcodes/SoamesTitleBar.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesTitleBar = ({ title }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section soames-title-bar mt-5 mb-3", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsx)("div", { className: "title col-12 col-md-8", children: (0, jsx_runtime_1.jsx)("h2", { className: "align-center mbr-fonts-style display-2", children: title }) }) }) }) }));
+};
+exports.default = SoamesTitleBar;

package/dist/src/components/shortcodes/SoamesTitleBarLg.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesTitleBarLg = ({ title, attributes }) => {
+    const subtitle = attributes?.subtitle?.[0];
+    const background = attributes?.background?.[0];
+    const defaultBackground = 'https://picsum.photos/1080/720';
+    const css = `
+    .soames-background-title-bar-lg::after {
+      background: url(${background || defaultBackground});
+      background-position: 50% 50%;
+      background-size: cover;
+      background-attachment: fixed;
+      background-repeat: no-repeat;
+      left: 0px;
+      height: 176px;
+      overflow: hidden;
+      pointer-events: none;
+      margin-top: 0px;
+      transform: translate3d(0px, 0px, 0px);
+    }
+  `;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: css }), (0, jsx_runtime_1.jsxs)("section", { className: "soames-header-sm soames-parallax soames-background-title-bar-lg mt-5 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "soames-overlay", style: { opacity: 0.6, backgroundColor: 'rgb(46, 46, 46)' } }), (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "row justify-content-md-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "soames-white col-md-10", children: [(0, jsx_runtime_1.jsx)("h1", { className: "soames-section-title align-center soames-bold mbr-fonts-style display-1", children: title }), subtitle && ((0, jsx_runtime_1.jsx)("h3", { className: "soames-section-subtitle align-center soames-light soames-white mbr-fonts-style display-5", children: subtitle }))] }) }) })] })] }));
+};
+exports.default = SoamesTitleBarLg;

package/dist/src/components/shortcodes/SoamesVideo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SoamesVideo = ({ attributes }) => {
+    const { link, title } = attributes;
+    return ((0, jsx_runtime_1.jsx)("section", { className: "soames-video-container", children: (0, jsx_runtime_1.jsx)("figure", { className: "soames-figure align-center container", children: (0, jsx_runtime_1.jsx)("div", { className: "video-block", children: (0, jsx_runtime_1.jsx)("div", { className: "video-wrapper", children: (0, jsx_runtime_1.jsx)("iframe", { height: "580", width: "360", src: link, title: title ?? "Embedded video", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", allowFullScreen: true }) }) }) }) }));
+};
+exports.default = SoamesVideo;

package/dist/src/pages/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Layout_1 = __importDefault(require("../components/Layout"));
+const Home = () => ((0, jsx_runtime_1.jsx)(Layout_1.default, { children: (0, jsx_runtime_1.jsx)("p", { children: "Welcome to the TypeScript version of Soames Gatsby Theme!" }) }));
+exports.default = Home;