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 = [ const panels = [
{ {
key: 'what-is-dog', key: 'feeds',
title: 'What is a dog?', title: {content: (<span style={{fontWeight: "bold"}}>Where do the different feeds come from?</span>)},
content: [ content: [
'A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome', '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.',
'guest in many households across the world.',
].join(' '), ].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 ( return (
<div> <div>
@@ -86,66 +53,8 @@ const AboutComponent = () => {
</Button></a></p> </Button></a></p>
<Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h2">FAQ</Header></Divider> <Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h2">FAQ</Header></Divider>
<Accordion fluid > <Accordion defaultActiveIndex={0} panels={panels} />
<Accordion.Title <Divider/>
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>
</Container> </Container>
</div> </div>
); );