Skip to content

Commit 2248b9d

Browse files
dangerwormdangerworm
committed
Changed casing on branding page
1 parent e040c2f commit 2248b9d

File tree

2 files changed

+45
-25
lines changed

2 files changed

+45
-25
lines changed

‎_site/contact.html‎

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252

5353

5454
<body>
55+
<a class="sr-only sr-only-focusable" href="#page-content">Skip to main content</a>
5556
<!-- Google Tag Manager (noscript) -->
5657
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7"
5758
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
@@ -105,6 +106,12 @@
105106
<span>Resources</span>
106107
</a>
107108
</li>
109+
<li class="sidebar-dropdown">
110+
<a href="branding.html">
111+
<i class="fas fa-palette"></i>
112+
<span>Branding</span>
113+
</a>
114+
</li>
108115
<li class="sidebar-dropdown">
109116
<a href="people.html">
110117
<i class="fa fa-users"></i>
@@ -133,8 +140,7 @@
133140
</div>
134141
</div>
135142
</nav>
136-
<main role="main" class="page-content">
137-
<a name="top"></a>
143+
<main role="main" class="page-content" id="page-content">
138144
<div class="row">
139145
<div class="main-logo">
140146
<a href="index.html"><img src="./images/keyboard-green.png"></a>
@@ -190,6 +196,7 @@ <h2>Email</h2>
190196
<label for="mce-TOWN">Town </label>
191197
<input type="text" value="" name="TOWN" class="" id="mce-TOWN">
192198
</div>
199+
193200
<div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group">
194201
<div class="content__gdpr">
195202
<label>Marketing Permissions</label>
@@ -244,12 +251,20 @@ <h2>Social Media</h2>
244251
<p>
245252
<span class="fab fa-slack text-green"></span>&nbsp;
246253
<a target="_blank" href="https://codewithpeople.slack.com">Slack Workspace</a>
247-
<a target="_blank" href="https://launchpass.com/codewithpeople">(Launchpass)</a>
254+
</p>
255+
<p>
256+
<span class="fab fa-slack text-green"></span>&nbsp;
257+
<a target="_blank" href="https://launchpass.com/codewithpeople">Slack Signup (Launchpad)</a>
248258
</p>
249259
<p>
250260
<span class="fab fa-twitter text-green"></span>&nbsp;
251261
<a target="_blank" href="https://twitter.com/CodeWithGroup">Twitter</a>
252262
</p>
263+
<p>
264+
<span class="fas fa-calendar-alt text-green"></span>&nbsp;
265+
<a target="_blank" href="https://www.eventbrite.co.uk/o/codewith-30834204055">Eventbrite</a>
266+
</p>
267+
253268
<p>
254269
Alternatively, if you have any questions about CodeWith you can chat to us through Facebook
255270
by clicking the below button. If you don't have a Facebook account you can use the guest option.

‎branding.html‎

Lines changed: 27 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
2-
title: Branding
2+
title: Branding Guidelines
33
layout: default
44
---
55

6-
<h1>{{page.title}} Guidelines</h1>
6+
<h1>{{page.title}}</h1>
77

88
<p>When creating resources and communications for CodeWith, please adhere to these guidelines.</p>
99

@@ -13,10 +13,11 @@ <h2>Fonts</h2>
1313
rel="noopener">Boogaloo</a></p>
1414

1515
<p>CodeWith’s body typeface, to be used for the main textual content of web pages and documents, is Roboto, which is
16-
available to view and download at Google fonts:<a href="https://fonts.google.com/specimen/Roboto" target="_blank"
16+
available to view and download at Google fonts: <a href="https://fonts.google.com/specimen/Roboto" target="_blank"
1717
rel="noopener">Roboto</a></p>
1818

1919
<h2>Colours</h2>
20+
<br />
2021
<div class="row">
2122
<div class="col-4 col-md-2 text-center">
2223
<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
@@ -62,7 +63,7 @@ <h3 class="colour-label">#000000</h3>
6263
<h3 class="colour-label">#f8f8f8</h3>
6364
</div>
6465
</div>
65-
66+
<br />
6667
<p>CodeWith’s colour palette can also be found on Coolors: <a
6768
href="https://coolors.co/1f5237-00793c-009545-00b050-a52a2a-000000-f8f8f8" target="_blank"
6869
rel="noopener">CodeWith's Colour Palette</a></p>
@@ -77,72 +78,76 @@ <h2>Logo</h2>
7778

7879
<p>Variations of CodeWith's logo are provided below in SVG and PNG format, along with guidelines for their usage.</p>
7980

81+
<h3>Full CodeWith Logo</h3>
8082
<div class="row">
8183
<div class="col-5 col-md-3 card text-center">
8284
<img class="img-fluid" src="images/logo/logo.svg" aria-labelledby="logo-label-full-svg">
8385
<br />
84-
<h4 id="logo-label-full-svg">CodeWith logo (SVG)</h4>
86+
<h4 id="logo-label-full-svg">CodeWith Logo (SVG)</h4>
8587
</div>
8688
<div class="col-5 col-md-3 card text-center">
8789
<img class="img-fluid" src="images/logo/logo.png" aria-labelledby="logo-label-full-png">
8890
<br />
89-
<h4 id="logo-label-full-png">CodeWith logo (PNG)</h4>
91+
<h4 id="logo-label-full-png">CodeWith Logo (PNG)</h4>
9092
</div>
91-
<div class="col-12 col-md-5">
92-
<h4 class="mt-3">Full CodeWith logo</h4>
93+
<div class="col-12 col-lg-5">
94+
<h4 class="mt-3">Full CodeWith Logo</h4>
9395
<p>Use in graphics with light backgrounds. Ensure that the logo is large enough for the tagline to be
9496
legible. If it is not, omit the tagline.</p>
9597
</div>
9698
</div>
9799

100+
<h3>Full CodeWith Logo (White)</h3>
98101
<div class="row">
99102
<div class="col-5 col-md-3 card text-center white-asset">
100103
<img class="img-fluid" src="images/logo/logo-white.svg" aria-labelledby="logo-label-full-white-svg">
101104
<br />
102-
<h4 id="logo-label-full-white-svg">CodeWith logo (white) (SVG)</h4>
105+
<h4 id="logo-label-full-white-svg">CodeWith Logo (White) (SVG)</h4>
103106
</div>
104107
<div class="col-5 col-md-3 card text-center white-asset">
105108
<img class="img-fluid" src="images/logo/logo-white.png" aria-labelledby="logo-label-full-white-png">
106109
<br />
107-
<h4 id="logo-label-full-white-png">CodeWith logo (white) (PNG)</h4>
110+
<h4 id="logo-label-full-white-png">CodeWith Logo (White) (PNG)</h4>
108111
</div>
109-
<div class="col-12 col-md-5">
110-
<h4 class="mt-3">Full CodeWith logo (white)</h4>
112+
<div class="col-12 col-lg-5">
113+
<h4 class="mt-3">Full CodeWith Logo (White)</h4>
111114
<p>Use in graphics with dark backgrounds. Ensure that the logo is large enough for the tagline to be
112115
legible. If it is not, omit the tagline.</p>
113116
</div>
114117
</div>
115118

119+
<h3>CodeWith Keyboard Icon</h3>
116120
<div class="row">
117121
<div class="col-5 col-md-3 card text-center">
118-
<img class="img-fluid my-4" src="images/keyboard-green.svg" aria-labelledby="logo-keyboard-green-svg">
122+
<img class="img-fluid" src="images/keyboard-green.svg" aria-labelledby="logo-keyboard-green-svg">
119123
<br />
120-
<h4 id="logo-keyboard-green-svg">CodeWith keyboard icon (SVG)</h4>
124+
<h4 id="logo-keyboard-green-svg">CodeWith Keyboard Icon (SVG)</h4>
121125
</div>
122126
<div class="col-5 col-md-3 card text-center">
123-
<img class="img-fluid my-4" src="images/keyboard-green.png" aria-labelledby="logo-keyboard-green-png">
127+
<img class="img-fluid" src="images/keyboard-green.png" aria-labelledby="logo-keyboard-green-png">
124128
<br />
125-
<h4 id="logo-keyboard-green-png">CodeWith keyboard icon (PNG)</h4>
129+
<h4 id="logo-keyboard-green-png">CodeWith Keyboard Icon (PNG)</h4>
126130
</div>
127-
<div class="col-12 col-md-5">
128-
<h4 class="mt-3">CodeWith keyboard icon</h4>
131+
<div class="col-12 col-lg-5">
132+
<h4 class="mt-3">CodeWith Keyboard Icon</h4>
129133
<p>Use with light backgrounds. If accompanying with text, follow the font guidelines.</p>
130134
</div>
131135
</div>
132136

137+
<h3>CodeWith Keyboard Icon (White)</h3>
133138
<div class="row">
134139
<div class="col-5 col-md-3 card text-center white-asset">
135140
<img class="img-fluid" src="images/noun-keyboard-licensed-white.svg" aria-labelledby="logo-keyboard-white-svg">
136141
<br />
137-
<h4 id="logo-keyboard-white-svg">CodeWith keyboard icon (white) (SVG)</h4>
142+
<h4 id="logo-keyboard-white-svg">CodeWith Keyboard Icon (White) (SVG)</h4>
138143
</div>
139144
<div class="col-5 col-md-3 card text-center white-asset">
140145
<img class="img-fluid" src="images/noun-keyboard-licensed-white.png" aria-labelledby="logo-keyboard-white-png">
141146
<br />
142-
<h4 id="logo-keyboard-white-png">CodeWith keyboard icon (white) (PNG)</h4>
147+
<h4 id="logo-keyboard-white-png">CodeWith Keyboard Icon (White) (PNG)</h4>
143148
</div>
144-
<div class="col-12 col-md-5">
145-
<h4 class="mt-3">CodeWith keyboard icon (white)</h4>
149+
<div class="col-12 col-lg-5">
150+
<h4 class="mt-3">CodeWith Keyboard Icon (White)</h4>
146151
<p>Use with dark backgrounds. If accompanying with text, follow the font guidelines.</p>
147152
</div>
148153
</div>

0 commit comments

Comments
 (0)