Added some content

This commit is contained in:
Luke Berndt
2023-07-08 09:52:51 -04:00
parent 29233a41cc
commit 476f35f357

View File

@@ -13,47 +13,14 @@ const AboutComponent = () => {
const panels = [
{
key: 'what-is-dog',
title: 'What is a dog?',
key: 'feeds',
title: {content: (<span style={{fontWeight: "bold"}}>Where do the different feeds come from?</span>)},
content: [
'A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome',
'guest in many households across the world.',
'It is a team effort! There are contributers from around country and even internationally, that are running Trunk Recorder to capture local radio systems and sending the transmissions to OpenMHz.',
].join(' '),
},
{
key: 'kinds-of-dogs',
title: 'What kinds of dogs are there?',
content: [
'There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog',
'that they find to be compatible with their own lifestyle and desires from a companion.',
].join(' '),
},
{
key: 'acquire-dog',
title: 'How do you acquire a dog?',
content: {
content: (
<div>
<p>
Three common ways for a prospective owner to acquire a dog is from
pet shops, private owners, or shelters.
</p>
<p>
A pet shop may be the most convenient way to buy a dog. Buying a dog
from a private owner allows you to assess the pedigree and
upbringing of your dog before choosing to take it home. Lastly,
finding your dog from a shelter, helps give a good home to a dog who
may not find one so readily.
</p>
</div>
),
},
},
}
]
const AccordionExampleStandardShorthand = () => (
<Accordion defaultActiveIndex={0} panels={panels} />
)
return (
<div>
@@ -86,66 +53,8 @@ const AboutComponent = () => {
</Button></a></p>
<Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h2">FAQ</Header></Divider>
<Accordion fluid >
<Accordion.Title
active={activeIndex === 0}
index={0}
onClick={handleClick}
>
<Icon name='dropdown' />
How do I create an Event?
</Accordion.Title>
<Accordion.Content active={activeIndex === 0}>
<p>
A dog is a type of domesticated animal. Known for its loyalty and
faithfulness, it can be found as a welcome guest in many households
across the world.
</p>
</Accordion.Content>
<Accordion.Title
active={activeIndex === 1}
index={1}
onClick={handleClick}
>
<Icon name='dropdown' />
<span style={{fontWeight: "bold"}}>How can I add a radio system?</span>
</Accordion.Title>
<Accordion.Content active={activeIndex === 1}>
<p>
A dog is a type of domesticated animal. Known for its loyalty and
faithfulness, it can be found as a welcome guest in many households
across the world.
</p>
</Accordion.Content>
<Accordion.Title
active={activeIndex === 2}
index={2}
onClick={handleClick}
>
<Icon name='dropdown' />
<span style={{fontWeight: "bold"}}>Where do the different feeds come from?</span>
</Accordion.Title>
<Accordion.Content active={activeIndex === 2}>
<p>
It is a team effort! There are contributers from around country and even internationally, that are running Trunk Recorder to capture
local radio systems and sending the transmissions to OpenMHz.
</p>
</Accordion.Content>
<Accordion.Title
active={activeIndex === 3}
index={3}
onClick={handleClick}
>
<Icon name='dropdown' />
<span style={{fontWeight: "bold"}}>Where do the different feeds come from?</span>
</Accordion.Title>
<Accordion.Content active={activeIndex === 3}>
<p>
It is a team effort! There are contributers from around country and even internationally, that are running Trunk Recorder to capture
local radio systems and sending the transmissions to OpenMHz.
</p>
</Accordion.Content>
</Accordion>
<Accordion defaultActiveIndex={0} panels={panels} />
<Divider/>
</Container>
</div>
);