Skip to content

Commit 6180e50

Browse files
committed
Added FAQ questions, built using yaml. Moved mission statement to top of home page. Fixed positioning of logo on mobile phones
1 parent 6c7c3b5 commit 6180e50

File tree

12 files changed

+113
-70
lines changed

12 files changed

+113
-70
lines changed

_data/questions/ad-hoc-help.yaml

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
name: "ad-hoc-help"
2+
question: "Do I have to wait for drop-ins to ask for help?"
3+
answer: " <p>
4+
CodeWith isn't just a series of events, it's a community of people who do their best to help each other.
5+
If you visit our <a target=\"_blank\" href=\"https://codewithpeople.slack.com\">Slack workspace</a>
6+
or our <a target=\"_blank\" href=\"https://discord.gg/DrZ7B7q\">Discord server</a> there'll usually be
7+
someone there. Most of the time they'll be able to help, or will at least know who to ask for an answer,
8+
but if not then at least you have some people you can talk to about the problem to try to find a way forward.
9+
</p>"

_data/questions/how-to-mentor.yaml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
name: "how-to-mentor"
2+
question: "How do I become a mentor/event organiser?"
3+
answer: " <p>
4+
First of all, let someone know you're interested. Have a chat with one of the existing mentors or
5+
someone on the committee so that we can get an idea of what you want to achieve and what support you
6+
need. From there we'll be able to add you into the appropriate Slack channels, give you a folder
7+
of your own in our Google Drive, show you how to set up events, and so on.
8+
</p>"

_data/questions/recruiters.yaml

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
name: "recruiters"
2+
question: "I'm a recruiter. Can I come and talk to your attendees?"
3+
answer: " <p>
4+
We're not against it, as long as it's done considerately. We have a #jobs channel in our
5+
<a target=\"_blank\" href=\"https://codewithpeople.slack.com\">Slack workspace</a> where recruiters can
6+
post about jobs, employment opportunities and so on, but any discussions with attendees on those topics
7+
outside of that channel must be done by explicit agreement of the attendee(s) involved.
8+
</p>
9+
<p>
10+
The committee has talked about hosting an event specifically for recruiters, but the finer points still
11+
need to be agreed. If you would like to be contacted regarding this, please email us at
12+
<a href=\"mailto:contact@codewith.org.uk?subject=Recruiter Event\">contact@codewith.org.uk</a>.
13+
</p>"

_data/questions/website-edits.yaml

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
name: "website-edits"
2+
question: "I've spotted a problem/something missing on the website. Can I fix it myself?"
3+
answer: " <p>
4+
Yes! Our website is built from
5+
<a href=\"https://github.com/CodeWithGroup/CodeWithGroup.github.io\">this GitHub repository</a>
6+
and is yours to edit if you see a problem or want to make any additions. There are plenty of
7+
instructions on the README page, so have a read through that and start editing.
8+
</p>
9+
<p>
10+
If you've never used GitHub before and want someone to show you how it works, put a message in
11+
the Slack workspace and someone should pick it up. There are also slides for a GitHub workshop
12+
available, so you could ask about those too.
13+
</p>"

_data/questions/why-equity.yaml

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
id: "why-equity"
2+
question: "Why do you have an equity officer and not an equality officer?"
3+
answer: " <div class=\"row\">
4+
<div class=\"col-md-6 text-center\">
5+
<img class=\"faq\" src=\"/images/equality.png\">
6+
</div>
7+
<div class=\"col-md-6 text-center\">
8+
<img class=\"faq\" src=\"/images/equity.png\">
9+
</div>
10+
</div>
11+
<p>
12+
<br />
13+
Equality is where everyone is supported equally, and has the same access to support, whereas
14+
equity is where people have the right support to get them to the same level as others even
15+
when they start from a less advantageous position. We realise that some people are going to need more
16+
help than others - for all sorts of reasons - and we wanted to make that clear from the outset.
17+
</p>"

_includes/question.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<div class="card faq-question-card">
2+
<div class="card-header" id="heading-{{ include.question.name }}">
3+
<button class="btn btn-link faq-question collapsed" data-toggle="collapse" data-target="#collapse-{{ include.question.name }}" aria-expanded="false"
4+
aria-controls="collapse-{{ include.question.name }}">
5+
{{ include.question.question }}
6+
</button>
7+
</div>
8+
9+
<div id="collapse-{{ include.question.name }}" class="collapse" aria-labelledby="heading-{{ include.question.name }}" data-parent="#accordion">
10+
<div class="card-body">
11+
<p>
12+
{{ include.question.answer }}
13+
</p>
14+
</div>
15+
</div>
16+
</div>

contact.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ <h2>Social Media</h2>
120120
</p>
121121
<p>
122122
<span class="fab fa-slack text-green"></span>&nbsp;
123-
<a target="_blank" href="https://Launchpass.com/codewithpeople">Slack Signup (Launchpass)</a>
123+
<a target="_blank" href="https://launchpass.com/codewithpeople">Slack Signup (Launchpass)</a>
124124
</p>
125125
<p>
126126
<span class="fab fa-twitter text-green"></span>&nbsp;

css/style.css

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -290,17 +290,13 @@ iframe {
290290

291291
/* Logo */
292292

293-
.main-logo {
294-
padding-right: 1em;
295-
}
296-
297293
.main-logo img {
298294
height: 48pt;
299295
}
300296

301297
.main-logo-title {
302298
text-align: center;
303-
width: 92%;
299+
width: 100%;
304300
}
305301

306302
.main-logo-title h1 {
@@ -411,8 +407,6 @@ div.event-book-button {
411407
color: var(--colour-black);
412408
}
413409

414-
415-
416410
/* Twitter */
417411

418412
#twitterButton i {
@@ -421,16 +415,21 @@ div.event-book-button {
421415

422416
/*FAQ*/
423417

424-
.faq-question{
425-
color:var(--colour-light-primary)
418+
.faq-question {
419+
color: var(--colour-light-primary)
426420
}
427421

428422
.faq-question:hover {
429-
color:var(--colour-dark-primary)
423+
color: var(--colour-dark-primary)
430424
}
431425

432-
.faq-question-card{
433-
margin-left:0;
426+
.faq-question-card {
427+
margin-left: 0;
428+
padding: 0;
429+
}
430+
431+
.faq-question-card img.faq {
432+
max-height: 205px;
434433
}
435434

436435
/* Branding */
@@ -493,6 +492,10 @@ div.event-book-button {
493492
width: 120px;
494493
}
495494

495+
.main-logo {
496+
padding-right: 1em;
497+
}
498+
496499
span#small-screen-break {
497500
display: none;
498501
}
@@ -519,6 +522,7 @@ div.event-book-button {
519522
}
520523

521524
@media screen and (min-width: 992px) {
525+
522526
.masthead,
523527
.mastfoot,
524528
.cover-container {

faq.html

Lines changed: 12 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -2,61 +2,21 @@
22
permalink: /faq/
33
layout: default
44
suffixes:
5-
- Help,
6-
- Questions,
7-
- Support,
8-
- Us
9-
title: FAQ
5+
- Help,
6+
- Questions,
7+
- Support,
8+
- Us
9+
title: Frequently Asked Questions
1010
---
1111

1212
<h1>{{page.title}}</h1>
1313

14-
<p>Below are some questions we often get asked. If you have any other questions you can reach us on the <a href="{{site.url}}/contact">contact page</a>.</p>
14+
<p>Below are some questions we often get asked. If you have any other questions you can reach us on the <a
15+
href="{{site.url}}/contact">contact page</a>.</p>
1516

1617
<div id="accordion">
17-
<div class="card faq-question-card">
18-
<div class="card-header" id="headingOne">
19-
<h5 class="mb-0">
20-
<button class="btn btn-link faq-question" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
21-
Collapsible Group Item #1
22-
</button>
23-
</h5>
24-
</div>
25-
26-
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
27-
<div class="card-body">
28-
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
29-
</div>
30-
</div>
31-
</div>
32-
<div class="card faq-question-card">
33-
<div class="card-header" id="headingTwo">
34-
<h5 class="mb-0">
35-
<button class="btn btn-link faq-question collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
36-
Collapsible Group Item #2
37-
</button>
38-
</h5>
39-
</div>
40-
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
41-
<div class="card-body">
42-
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
43-
</div>
44-
</div>
45-
</div>
46-
<div class="card faq-question-card">
47-
<div class="card-header" id="headingThree">
48-
<h5 class="mb-0">
49-
<button class="btn btn-link faq-question collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
50-
Collapsible Group Item #3
51-
</button>
52-
</h5>
53-
</div>
54-
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
55-
<div class="card-body">
56-
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
57-
</div>
58-
</div>
59-
</div>
60-
</div>
61-
62-
18+
{% for question_hash in site.data.questions %}
19+
{% assign question = question_hash[1] %}
20+
{% include_relative _includes/question.html question=question %}
21+
{% endfor %}
22+
</div>

images/equality.png

257 KB
Loading

0 commit comments

Comments
 (0)