Fix improper component nesting

Next doesn't allow block elements inside a `<p>`
This commit is contained in:
Marcus Blättermann 2022-11-17 16:32:42 +01:00
parent c3e1c771ac
commit aebe52efa7
No known key found for this signature in database
GPG Key ID: A1E1F04008AC450D
2 changed files with 52 additions and 44 deletions

View File

@ -130,7 +130,7 @@ export const LandingBanner = ({
</Heading> </Heading>
)} )}
<div className={textClassNames}> <div className={textClassNames}>
<p>{children}</p> {children}
{button && ( {button && (
<LandingBannerButton to={to} small={small}> <LandingBannerButton to={to} small={small}>

View File

@ -111,15 +111,17 @@ const Landing = () => {
color="#1e1935" color="#1e1935"
small small
> >
<Link to="https://explosion.ai/custom-solutions" hidden> <p>
<img src={tailoredPipelinesImage.src} alt="spaCy Tailored Pipelines" /> <Link to="https://explosion.ai/custom-solutions" hidden>
</Link> <img src={tailoredPipelinesImage.src} alt="spaCy Tailored Pipelines" />
<strong> </Link>
Get a custom spaCy pipeline, tailor-made for your NLP problem by </p>
spaCy&apos;s core developers. <p>
</strong> <strong>
<br /> Get a custom spaCy pipeline, tailor-made for your NLP problem by
<br /> spaCy&apos;s core developers.
</strong>
</p>
<Ul> <Ul>
<Li emoji="🔥"> <Li emoji="🔥">
<strong>Streamlined.</strong> Nobody knows spaCy better than we do. Send <strong>Streamlined.</strong> Nobody knows spaCy better than we do. Send
@ -155,20 +157,22 @@ const Landing = () => {
color="#000" color="#000"
small small
> >
<Link to="https://prodi.gy" hidden> <p>
{/** Update image */} <Link to="https://prodi.gy" hidden>
<img {/** Update image */}
src={prodigyImage.src} <img
alt="Prodigy: Radically efficient machine teaching" src={prodigyImage.src}
/> alt="Prodigy: Radically efficient machine teaching"
</Link> />
<br /> </Link>
<br /> </p>
Prodigy is an <strong>annotation tool</strong> so efficient that data scientists <p>
can do the annotation themselves, enabling a new level of rapid iteration. Prodigy is an <strong>annotation tool</strong> so efficient that data
Whether you&apos;re working on entity recognition, intent detection or image scientists can do the annotation themselves, enabling a new level of rapid
classification, Prodigy can help you <strong>train and evaluate</strong> your iteration. Whether you&apos;re working on entity recognition, intent
models faster. detection or image classification, Prodigy can help you{' '}
<strong>train and evaluate</strong> your models faster.
</p>
</LandingBanner> </LandingBanner>
</LandingBannerGrid> </LandingBannerGrid>
@ -236,13 +240,15 @@ const Landing = () => {
button="See what's new" button="See what's new"
small small
> >
spaCy v3.0 features all new <strong>transformer-based pipelines</strong> that <p>
bring spaCy&apos;s accuracy right up to the current{' '} spaCy v3.0 features all new <strong>transformer-based pipelines</strong>{' '}
<strong>state-of-the-art</strong>. You can use any pretrained transformer to that bring spaCy&apos;s accuracy right up to the current{' '}
train your own pipelines, and even share one transformer between multiple <strong>state-of-the-art</strong>. You can use any pretrained transformer to
components with <strong>multi-task learning</strong>. Training is now fully train your own pipelines, and even share one transformer between multiple
configurable and extensible, and you can define your own custom models using{' '} components with <strong>multi-task learning</strong>. Training is now fully
<strong>PyTorch</strong>, <strong>TensorFlow</strong> and other frameworks. configurable and extensible, and you can define your own custom models using{' '}
<strong>PyTorch</strong>, <strong>TensorFlow</strong> and other frameworks.
</p>
</LandingBanner> </LandingBanner>
<LandingBanner <LandingBanner
to="https://course.spacy.io" to="https://course.spacy.io"
@ -251,19 +257,21 @@ const Landing = () => {
color="#252a33" color="#252a33"
small small
> >
<Link to="https://course.spacy.io" hidden> <p>
<img <Link to="https://course.spacy.io" hidden>
src={courseImage.src} <img
alt="Advanced NLP with spaCy: A free online course" src={courseImage.src}
/> alt="Advanced NLP with spaCy: A free online course"
</Link> />
<br /> </Link>
<br /> </p>
In this <strong>free and interactive online course</strong> youll learn how to <p>
use spaCy to build advanced natural language understanding systems, using both In this <strong>free and interactive online course</strong> youll learn how
rule-based and machine learning approaches. It includes{' '} to use spaCy to build advanced natural language understanding systems, using
<strong>55 exercises</strong> featuring videos, slide decks, multiple-choice both rule-based and machine learning approaches. It includes{' '}
questions and interactive coding practice in the browser. <strong>55 exercises</strong> featuring videos, slide decks, multiple-choice
questions and interactive coding practice in the browser.
</p>
</LandingBanner> </LandingBanner>
</LandingBannerGrid> </LandingBannerGrid>