Skip to content

Commit af23504

Browse files
codebyterecodebytere
authored
feat: add an FAQ page (#45)
Add an FAQ page to the top header bar - includes more visible contact links, a section about getting involved, and more links to speaking information.
1 parent c075702 commit af23504

File tree

5 files changed

+126
-25
lines changed

5 files changed

+126
-25
lines changed

‎src/components/header/index.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ const Header = ({ siteTitle }) => (
5353
</NavHref>
5454
</li>
5555
<li><NavLink to="/organizers">Organizers</NavLink> </li>
56+
<li><NavLink to="/faq">FAQ</NavLink> </li>
5657
</ul>
5758
</NavRow>
5859
</Nav>

‎src/pages/faq.js‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
import React from 'react'
2+
import SEO from '../components/seo'
3+
import Layout from '../containers/layout'
4+
import Panel from '../components/Panel'
5+
6+
const FAQPage = () => {
7+
return (
8+
<Layout>
9+
<SEO
10+
title="QueerJS - Organizers"
11+
description="A meetup for everyone where Queer Speakers take the stage"
12+
/>
13+
<main>
14+
<h1 hidden>Welcome to QueerJS</h1>
15+
<Panel heading="FAQ"></Panel>
16+
<Panel heading="How do I speak at QueerJS?">
17+
We'd love for you to speak at a meetup! Please see {' '}
18+
<a
19+
href="/speak"
20+
rel="noopener noreferrer"
21+
title="Speak"
22+
>
23+
Speaking at QueerJS
24+
</a> for more information about how you can propose a talk to a future iteration of QueerJS.
25+
</Panel>
26+
<Panel heading="How can I get involved?">
27+
There are a lot of ways you could get involved with QueerJS! We're always looking for new locations to
28+
host meetups, as well as folks on the ground to act as local organizers and MCs.
29+
<br/><br/>
30+
Involvement might mean working with your employers to provide a space, organizing catering for meetup
31+
attendees, ensuring that there is a livestream or opportunity to record the speakers, and generally working
32+
to ensure that the meetup runs smoothly.
33+
<br/><br/>
34+
If you think you'd like to do this, we'd love to work with you to make
35+
it happen - please contact us via {' '}
36+
<a
37+
href="https://twitter.com/QueerJS"
38+
rel="noopener noreferrer"
39+
title="Twitter"
40+
target="_blank"
41+
>
42+
Twitter
43+
</a>
44+
, or email us at {' '}
45+
<a
46+
href="[email protected]"
47+
rel="noopener noreferrer"
48+
title="Email"
49+
>
50+
[email protected]
51+
</a>!
52+
</Panel>
53+
<Panel heading="Where does QueerJS happen?">
54+
We have a bunch of meetups being planned all over the globe{' '}
55+
<span role="img" aria-label="earth">
56+
🌍
57+
</span>{' '}
58+
You can check the{' '}
59+
<a
60+
href="/"
61+
title="Cities"
62+
rel="noopener noreferrer"
63+
>
64+
Cities
65+
</a>{' '}
66+
page for a list of the upcoming (and past) meetups.
67+
</Panel>
68+
<Panel heading="Can I print and redistribute the meetup stickers?">
69+
Yes! They're all open source and you can find them in our {' '}
70+
<a
71+
href="https://github.com/queerjs/brand-assets"
72+
title="Brand Assets"
73+
target="_blank"
74+
rel="noopener noreferrer"
75+
>
76+
Brand Assets
77+
</a>{' '}
78+
repository on GitHub.
79+
</Panel>
80+
<Panel heading="Any other questions?">
81+
Please {' '}
82+
<a
83+
href="https://github.com/queerjs/info/issues/new"
84+
rel="noopener noreferrer"
85+
title="QueerJS Info"
86+
target="_blank"
87+
>
88+
open an issue
89+
</a>
90+
, send us a message on {' '}
91+
<a
92+
href="https://twitter.com/QueerJS"
93+
rel="noopener noreferrer"
94+
title="Twitter"
95+
target="_blank"
96+
>
97+
Twitter
98+
</a>
99+
, or email us at {' '}
100+
<a
101+
href="[email protected]"
102+
rel="noopener noreferrer"
103+
title="Email"
104+
>
105+
[email protected]
106+
</a>!
107+
</Panel>
108+
</main>
109+
</Layout>
110+
)
111+
}
112+
113+
export default FAQPage

‎src/pages/index.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@ const IndexPage = ({ data: { allEvent } }) => {
2828
/>
2929
<Panel>
3030
<LargeParagraph>
31-
QueerJS is a series of meetups where anyone is welcome to attend and support the speakers
32-
and the idea but all the speakers will be Queer.
33-
<br />
34-
This meetup exists to give a voice to everyone, to make a safe space where everyone is
31+
QueerJS is a meetup series where everyone is encouraged to attend and support the speakers
32+
and the idea, but where all speakers are queer.
33+
<br/><br/>
34+
This meetup exists to give a voice to everyone and to make a safe space where everyone is
3535
welcome.
3636
</LargeParagraph>
3737
<LargeParagraph>

‎src/pages/organizers.js‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,17 @@ const capitalize = s => {
1212
}
1313

1414
const OrganizersPage = () => {
15+
const { site } = {
16+
site: {
17+
title: 'QueerJS',
18+
description: 'A meetup for everyone where Queer Speakers take the stage'
19+
}
20+
}
1521
return (
1622
<Layout>
17-
<SEO
18-
title="QueerJS - Organizers"
19-
description="A meetup for everyone where Queer Speakers take the stage"
20-
/>
23+
<SEO title={site.title} description={site.description} />
2124
<main>
22-
<h1 hidden>Welcome to QueerJS</h1>
25+
<h1 hidden>Welcome to {site.title}</h1>
2326
<Panel heading="Organizers">
2427
<p>
2528
Nothing can be organized by only one person and there is a team helping QueerJS be a

‎src/pages/speak.js‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -68,22 +68,6 @@ export default () => {
6868
lightning talks. So do whatever you feel most comfortable with! If you need more time to
6969
present, please let us know so we can adjust the schedule or coordinate with the venue.
7070
</Panel>
71-
<Panel heading="Where does QueerJS happen?">
72-
We have a bunch of meetups being planned all over the globe{' '}
73-
<span role="img" aria-label="earth">
74-
🌍
75-
</span>{' '}
76-
You can check the{' '}
77-
<a
78-
href="https://queerjs.com/"
79-
title="QueerJS website"
80-
rel="noopener noreferrer"
81-
target="_blank"
82-
>
83-
QueerJS website
84-
</a>{' '}
85-
for a list of the upcoming (and past) meetups.
86-
</Panel>
8771
<Panel heading="What if the lineup for the location I want to speak at is full?">
8872
It's very, very likely that if we host a QueerJS in a city, we'll do it again in the same
8973
city one day. So we'd still encourage you to submit your talk. That way, you'll be at the

0 commit comments

Comments
 (0)