Skip to content

Commit f135d18

Browse files
dangerwormdangerworm
committed
Added About page and associated images
1 parent 1a58137 commit f135d18

21 files changed

+346
-41
lines changed

‎_site/about.html‎

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- github pages version -->
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<meta name="description" content="CodeWith's main web site">
9+
<meta name="author" content="Drew Morgan">
10+
11+
<title>CodeWith - About</title>
12+
13+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
14+
<!--[if lt IE 9]><script src="/js/ie8-responsive-file-warning.js"></script><![endif]-->
15+
<script src="./js/ie-emulation-modes-warning.js"></script>
16+
17+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
18+
<link href="./css/ie10-viewport-bug-workaround.css" rel="stylesheet">
19+
20+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
21+
<!--[if lt IE 9]>
22+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
23+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
24+
<![endif]-->
25+
26+
<link rel="icon" href="./favicon.ico">
27+
<link rel="stylesheet" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk">
28+
<!-- <link rel="stylesheet" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"> -->
29+
<link rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="/>
30+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Boogaloo&family=Roboto&display=swap">
31+
32+
<link rel="stylesheet" href="./css/open-dyslexic.css" type="text/css" charset="utf-8" />
33+
34+
<link rel="stylesheet" href="css/style.css">
35+
<link rel="stylesheet" href="css/sidebar.css">
36+
37+
<!-- I know scripts aren't supposed to go in the header, but we need this here in order to pick different suffix lists for the typewriter at the top -->
38+
<script src="./js/suffix-lists.js"></script>
39+
<script lang="javascript">
40+
var suffixOptions = About;
41+
</script>
42+
43+
</head>
44+
45+
46+
<body>
47+
<div id="main-container" class="page-wrapper toggled">
48+
<a id="show-sidebar" class="btn btn-sm btn-dark" href="#">
49+
<i class="fas fa-bars"></i>
50+
</a>
51+
<nav id="sidebar" class="sidebar-wrapper">
52+
<div class="sidebar-content">
53+
<div class="sidebar-brand">
54+
<div id="close-sidebar">
55+
<i class="fas fa-times"></i>
56+
</div>
57+
</div>
58+
<div class="logo sidebar-logo">
59+
<a href="index.html">
60+
<img class="sidebar-logo" src="./images/noun-keyboard-licensed-white.svg">
61+
</a>
62+
</div>
63+
<div class="sidebar-menu">
64+
<ul>
65+
<li class="sidebar-dropdown">
66+
<a href="index.html">
67+
<i class="fa fa-home"></i>
68+
<span>Home</span>
69+
</a>
70+
</li>
71+
<li class="sidebar-dropdown">
72+
<a href="events.html">
73+
<i class="fa fa-calendar-alt"></i>
74+
<span>Events</span>
75+
</a>
76+
</li>
77+
<li class="sidebar-dropdown">
78+
<a href="about.html">
79+
<i class="fa fa-users"></i>
80+
<span>About</span>
81+
</a>
82+
</li>
83+
<li class="sidebar-dropdown">
84+
<a href="activities.html">
85+
<i class="fa fa-bell"></i>
86+
<span>Activities</span>
87+
</a>
88+
</li>
89+
<li class="sidebar-dropdown">
90+
<a href="resources.html">
91+
<i class="fa fa-tools"></i>
92+
<span>Resources</span>
93+
</a>
94+
</li>
95+
<li class="sidebar-dropdown">
96+
<a href="contact.html">
97+
<i class="fa fa-address-book"></i>
98+
<span>Contact</span>
99+
</a>
100+
</li>
101+
<li class="sidebar-dropdown">
102+
<a href="feedback.html">
103+
<i class="fa fa-comment-alt"></i>
104+
<span>Feedback</span>
105+
</a>
106+
</li>
107+
<li class="sidebar-dropdown">
108+
<a id="change-font" class="change-font" href="#">
109+
<i class="fa fa-font"></i>
110+
<span>OpenDyslexic</span>
111+
</a>
112+
</li>
113+
</ul>
114+
</div>
115+
</div>
116+
</nav>
117+
<main role="main" class="page-content">
118+
<a name="top"></a>
119+
<div class="row">
120+
<div class="main-logo">
121+
<img src="./images/keyboard-green.png">
122+
</div>
123+
<div class="main-logo-title">
124+
<h1 class="cover-heading">CODEWITH<span id="small-screen-break"><br /></span><span id="suffix" class="typed-suffix">US</span></h1>
125+
</div>
126+
</div>
127+
<div class="row unpadded">
128+
<div class="col-lg-10">
129+
<h1>About</h1>
130+
131+
<h2>Who are we?</h2>
132+
<p>
133+
CodeWith is a new community for adults wanting to learn more about the world of computers.
134+
</p>
135+
<p>
136+
We're in the process of putting together a programme of events for people who want to learn to code or get into
137+
computing. Have a look at our <a href="events.html">events page</a> for more.
138+
</p>
139+
140+
<h3>Committee</h3>
141+
<div class="row">
142+
<div class="col-2 card text-center">
143+
<img class="profile-photo" src="images/drew-profile-photo.png">
144+
<br />
145+
<h4>Drew Morgan</h4>
146+
<smaller>Benevolent Leader</smaller>
147+
</div>
148+
<div class="col-2 card text-center">
149+
<img class="profile-photo" src="images/keiran-profile-photo.png">
150+
<br />
151+
<h4>Keiran Wilkinson</h4>
152+
<smaller>Vice Benevolent Leader</smaller>
153+
</div>
154+
<div class="col-2 card text-center">
155+
<img class="profile-photo" src="images/jim-profile-photo.png">
156+
<br />
157+
<h4>Jim Evans</h4>
158+
<smaller>Secretary</smaller>
159+
</div>
160+
<div class="col-2 card text-center">
161+
<img class="profile-photo" src="images/simon-profile-photo.png">
162+
<br />
163+
<h4>Simon Davey</h4>
164+
<smaller>Equity Officer</smaller>
165+
</div>
166+
<div class="col-2 card text-center">
167+
<img class="profile-photo" src="images/sean-profile-photo.png">
168+
<br />
169+
<h4>Sean O'Mahoney</h4>
170+
<smaller>Publicity Officer</smaller>
171+
</div>
172+
</div>
173+
<br />
174+
<h2>History</h2>
175+
<p>
176+
CodeWith carries the torch of CodeUp, set up by Claire Wicher in early 2015. The aim to provide free and friendly
177+
adult coding tuition to adults who wanted it, and that is now CodeWith's aim too. We want somewhere everyone,
178+
from complete beginners to accomplished software engineers, can come together and share their enjoyment of coding.
179+
</p>
180+
<p>
181+
Over the years CodeUp spread to twenty different locations with multiple different organisers, and CodeWith is
182+
now consolidating that knowledge and experience into a single committee of organisers and mentors who run regular
183+
events. You can find out more about our committee and mentors on the <a href="people.html">people page</a>.
184+
</p>
185+
</div>
186+
</div>
187+
<div class="row unpadded">
188+
<div class="col">
189+
<p>
190+
&nbsp;
191+
</p>
192+
<p>
193+
<a href="#">Back to top</a>
194+
</p>
195+
<p>
196+
&nbsp;
197+
</p>
198+
</div>
199+
</div>
200+
</main>
201+
</div>
202+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
203+
<script src="./js/ie10-viewport-bug-workaround.js"></script>
204+
205+
<script crossorigin="anonymous" src="https://code.jquery.com/jquery-3.5.1.min.js"
206+
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="></script>
207+
<script crossorigin="anonymous" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
208+
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="></script>
209+
<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
210+
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"></script>
211+
<script crossorigin="anonymous" src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
212+
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"></script>
213+
214+
<script src="./js/change-font.js"></script>
215+
<script src="./js/check-width.js"></script>
216+
<script src="./js/sidebar.js"></script>
217+
<script src="./js/typed-suffix.js"></script>
218+
219+
<!-- Global site tag (gtag.js) - Google Analytics -->
220+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-174926144-1"></script>
221+
<script>
222+
window.dataLayer = window.dataLayer || [];
223+
224+
function gtag() {
225+
dataLayer.push(arguments);
226+
}
227+
228+
gtag('js', new Date());
229+
gtag('config', 'UA-174926144-1');
230+
</script>
231+
232+
</body>
233+
234+
</html>

‎_site/activities.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -136,6 +136,7 @@ <h1>Activities</h1>
136136
<p>
137137
Jump to: <a href="#activities-learning">Learning</a> | <a href="#activities-practice">Practice</a>
138138
</p>
139+
139140
<div class="row">
140141
<div class="col-md-12">
141142
<a name="activities-learning"></a>

‎_site/css/sidebar.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,24 @@
1111
--colour-white: #f8f8f8;
1212
}
1313

14+
/* Sidebar */
15+
.page-wrapper .sidebar-wrapper,
16+
.sidebar-wrapper .sidebar-brand>a,
17+
.sidebar-wrapper .sidebar-dropdown>a:after,
18+
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
19+
.sidebar-wrapper ul li a i,
20+
.page-wrapper .page-content,
21+
.sidebar-wrapper .sidebar-search input.search-menu,
22+
.sidebar-wrapper .sidebar-search .input-group-text,
23+
.sidebar-wrapper .sidebar-menu ul li a,
24+
#show-sidebar,
25+
#close-sidebar {
26+
-webkit-transition: all 0.3s ease;
27+
-moz-transition: all 0.3s ease;
28+
-ms-transition: all 0.3s ease;
29+
-o-transition: all 0.3s ease;
30+
transition: all 0.3s ease;
31+
}
1432

1533
/* Show sidebar button */
1634
#show-sidebar {

‎_site/css/style.css‎

Lines changed: 5 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -146,25 +146,6 @@ iframe {
146146
text-align: center;
147147
}
148148

149-
/* Sidebar */
150-
.page-wrapper .sidebar-wrapper,
151-
.sidebar-wrapper .sidebar-brand>a,
152-
.sidebar-wrapper .sidebar-dropdown>a:after,
153-
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
154-
.sidebar-wrapper ul li a i,
155-
.page-wrapper .page-content,
156-
.sidebar-wrapper .sidebar-search input.search-menu,
157-
.sidebar-wrapper .sidebar-search .input-group-text,
158-
.sidebar-wrapper .sidebar-menu ul li a,
159-
#show-sidebar,
160-
#close-sidebar {
161-
-webkit-transition: all 0.3s ease;
162-
-moz-transition: all 0.3s ease;
163-
-ms-transition: all 0.3s ease;
164-
-o-transition: all 0.3s ease;
165-
transition: all 0.3s ease;
166-
}
167-
168149
/* Page Wrapper */
169150

170151
.page-wrapper {
@@ -302,6 +283,11 @@ iframe {
302283
border-bottom: thin solid var(--colour-white);
303284
}
304285

286+
/* About */
287+
img.profile-photo {
288+
width: 100%;
289+
}
290+
305291
/* Events */
306292
section#events .card {
307293
margin: 0.5em 0.5em 0.5em -0.5em

‎_site/images/drew-profile-photo.png‎

400 KB
Loading

‎_site/images/jim-profile-photo.png‎

630 KB
Loading

‎_site/images/keiran-profile-photo.png‎

310 KB
Loading

‎_site/images/sean-profile-photo.png‎

398 KB
Loading

‎_site/images/simon-profile-photo.png‎

275 KB
Loading

‎_site/resources-ides.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ <h2>
1313
<h4>
1414
<span class="fab fa-android"></span>
1515
<a href="https://developer.android.com/studio/" target="_blank">Android Studio</a>
16-
<span class="badge badge-danger">Difficult</span>
16+
<span class="badge badge-danger">Hard</span>
1717
</h4>
1818
<p>
1919
Want to write mobile apps for Google devices? Android Studio provides the fastest tools for building

0 commit comments

Comments
 (0)