Merge branch 'master' into master

asyncapi · Mar 8, 2022 · 23025e5 · 23025e5
2 parents 88f55e6 + 4ee787b
commit 23025e5
Show file tree

Hide file tree

Showing 46 changed files with 736 additions and 389 deletions.
diff --git a/components/AsyncAPILogo.js b/components/AsyncAPILogo.js
diff --git a/components/DemoAnimation.js b/components/DemoAnimation.js
@@ -3,6 +3,7 @@ import Typing from 'react-typing-animation'
 import MacWindow from './MacWindow'
 import ArrowRight from './icons/ArrowRight'
 import OpenInStudioButton from './buttons/OpenInStudioButton'
+import Heading from './typography/Heading'
 
 export default function DemoAnimation({ className = '' }) {
  const [started, setStarted] = useState(true)
@@ -216,10 +217,14 @@ export default function DemoAnimation({ className = '' }) {
  </div>
  <div className={`relative md:flex-1 md:ml-6 md:mb-0 transition-all duration-500 ease-in-out z-10`}>
  <div className={`md:text-left text-center mt-8 md:mt-0 lg:absolute lg:left-0 lg:top-0 lg:right-0 lg:ml-48 lg:mr-8 ${showControls ? 'block' : 'hidden'}`}>
- <h3 className="text-primary-800 text-2xl font-bold md:text-2xl mb-4">
+ <Heading
+ typeStyle="heading-md"
+ level="h3"
+ className="mb-4"
+ >
  Play with it!
- </h3>
- <p className="text-gray-500 text-lg font-normal mb-6 max-w-3xl mx-auto mb-8">
+ </Heading>
+ <p className="text-gray-700 text-lg font-normal tracking mb-6 max-w-3xl mx-auto mb-8">
  Open this example on AsyncAPI Studio to get a better taste of the specification. No signup is required!
  </p>
  <OpenInStudioButton />

diff --git a/components/Footer.js b/components/Footer.js
@@ -8,42 +8,41 @@ import Link from "next/link"
 
 export default function Footer() {
  return (
- <div className="bg-white mt-12">
- <div className="bg-primary-900 py-12">
- <Container wide>
- <NewsletterSubscribe formName="form 2" dark />
- </Container>
- </div>
+ <div className="bg-gray-900 mt-12">
  <div className="max-w-screen-xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
  <nav className="-mx-5 -my-2 flex flex-wrap justify-center">
  <div className="px-5 py-2">
- <div className="text-base leading-6 text-gray-500 hover:text-gray-900">
- <Link href="/about" className="text-base leading-6 text-gray-500 hover:text-gray-900">
- <a> About </a>
+ <div className="text-base leading-6 text-gray-500 hover:text-white transition ease-in-out duration-300">
+ <Link href="/about">
+ <a>About</a>
  </Link>
  </div>
  </div>
  <div className="px-5 py-2">
- <div className="text-base leading-6 text-gray-500 hover:text-gray-900">
+ <div className="text-base leading-6 text-gray-500 hover:text-white transition ease-in-out duration-300">
  <Link href="/blog">
  <a>Blog</a>
  </Link>
  </div>
  </div>
  <div className="px-5 py-2">
- <a href="https://asyncapi.threadless.com" target="_blank" rel="noopener noreferrer" className="text-base leading-6 text-gray-500 hover:text-gray-900">
+ <a href="https://asyncapi.threadless.com" target="_blank" rel="noopener noreferrer" className="text-base leading-6 text-gray-500 hover:text-white transition ease-in-out duration-300">
  Shop
  </a>
  </div>
  <div className="px-5 py-2">
- <Link href="/jobs">
- <a className="text-base leading-6 text-gray-500 hover:text-gray-900"> Jobs </a>
- </Link>
+ <div className="text-base leading-6 text-gray-500 hover:text-white transition ease-in-out duration-300">
+ <Link href="/jobs">
+ <a>Jobs</a>
+ </Link>
+ </div>
  </div>
  <div className="px-5 py-2">
- <a href="mailto:press@asyncapi.io" className="text-base leading-6 text-gray-500 hover:text-gray-900">
+ <div className="text-base leading-6 text-gray-500 hover:text-white transition ease-in-out duration-300">
+ <a href="mailto:press@asyncapi.io">
  Press
  </a>
+ </div>
  </div>
  </nav>
  <div className="mt-8 flex justify-center">
@@ -77,7 +76,7 @@ export default function Footer() {
  Copyright &copy; AsyncAPI Project a Series of LF Projects, LLC.
  </p>
  <p className="text-center text-base leading-6 text-gray-400 mt-1">
- For web site terms of use, trademark policy and general project policies please see <a href="https://lfprojects.org" className="text-gray-700 underline" target="_blank" rel="noopener noreferrer">https://lfprojects.org</a>
+ For web site terms of use, trademark policy and general project policies please see <a href="https://lfprojects.org" className="text-gray-600 hover:text-white transition ease-in-out duration-300 underline" target="_blank" rel="noopener noreferrer">https://lfprojects.org</a>
  </p>
  </div>
  </div>

diff --git a/components/GeneratorInstallation.js b/components/GeneratorInstallation.js
@@ -3,6 +3,7 @@ import Select from '../components/form/Select'
 import generatorTemplates from '../config/generator-templates.json'
 import CodeBlock from './editor/CodeBlock'
 import generatorflags from '../config/generator-flags.json'
+import Paragraph from './typography/Paragraph'
 
 export default function GeneratorInstallation({ }) {
  const [template, setTemplate] = useState('@asyncapi/html-template')
@@ -38,7 +39,9 @@ asyncapi/generator ${specPath} ${template} ${params}`
  return (
  <div className="relative max-w-full mt-8 mx-auto">
  <div className="mb-4">
- <span className="text-sm text-gray-500 mr-2">Select a Generator template:</span>
+ <Paragraph typeStyle="body-md" className="inline mr-4">
+ Select a Generator template:
+ </Paragraph>
  <Select
  options={generatorTemplates}
  selected={template}