Files
next-static-site/components/layout.js
Brandon Lee Kitajchuk db94b17829 Latest news + banner, cypress tests, open source copy, general style tweaks (#13)
* Adding latest news and banners

* Adding first draft of cypress specs and github actions workflow

* Adding sticky position for top banner

* Tweak styles for new latest news section

* Tweak styles for text__layout innerHTML

* Fix Cypress homepage test spec

* Fix mobile navi z-index with sticky top banner

* Fix sticky banner z-index bug with mobile navi

* Refactor markdown tools to support pages beyond developer docs

* Adjust TADHACK text max-widths for small mobile

* initial changes for open source copy

* more copy

* more copy

* updated open source structure

* minor

* typo

* more copy

* Adjust styles for Open Source markdown small text

* Update readme and remove floats from docs webhooks markdown

* Add readme notes on Cypress and flesh out navi spec tests

* Fix main navi highlight when on sub-sections of markdown pages

Co-authored-by: Dave Horton <daveh@beachdognet.com>
2021-07-22 12:34:01 -04:00

43 lines
1.3 KiB
JavaScript

import Head from 'next/head';
import Link from 'next/link';
import Navi from './navi';
import Footer from './footer';
function Banner({ data }) {
return (
<Link href={data.link}>
<a target="_blank" className="banner">{data.text}</a>
</Link>
);
}
export default function Layout({ children, siteData, title = 'jambonz' }) {
return (
<>
<Head>
<title>{title}</title>
<link rel="icon" href="/favicon.ico" />
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="The “bring your own everything” CPaaS"
/>
<link rel="apple-touch-icon" href="/logo192.png" />
{/*
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
*/}
<link rel="manifest" href="/manifest.json" />
</Head>
{siteData.banner && siteData.banner.active && <Banner data={siteData.banner} />}
<Navi siteData={siteData} />
<main className="main">
{children}
</main>
<Footer siteData={siteData} />
</>
);
}