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 ="We are Codewith. Code with us. ">
9+ < meta name ="author " content ="Drew Morgan ">
10+
11+ < title > CodeWith - About</ title >
12+
13+ <!-- Google Tag Manager -->
14+ < script > ( function ( w , d , s , l , i ) { w [ l ] = w [ l ] || [ ] ; w [ l ] . push ( { 'gtm.start' :
15+ new Date ( ) . getTime ( ) , event :'gtm.js' } ) ; var f = d . getElementsByTagName ( s ) [ 0 ] ,
16+ j = d . createElement ( s ) , dl = l != 'dataLayer' ?'&l=' + l :'' ; j . async = true ; j . src =
17+ 'https://www.googletagmanager.com/gtm.js?id=' + i + dl ; f . parentNode . insertBefore ( j , f ) ;
18+ } ) ( window , document , 'script' , 'dataLayer' , 'GTM-WPSF3G7' ) ; </ script >
19+ <!-- End Google Tag Manager -->
20+
21+ <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
22+ <!--[if lt IE 9]><script src="/js/ie8-responsive-file-warning.js"></script><![endif]-->
23+ < script src ="./js/ie-emulation-modes-warning.js "> </ script >
24+
25+ <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
26+ < link href ="./css/ie10-viewport-bug-workaround.css " rel ="stylesheet ">
27+
28+ <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
29+ <!--[if lt IE 9]>
30+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
31+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
32+ <![endif]-->
33+
34+ < link rel ="icon " href ="./favicon.ico ">
35+ < link rel ="stylesheet " crossorigin ="anonymous " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css " integrity ="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk ">
36+ <!-- <link rel="stylesheet" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"> -->
37+ < 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== "/>
38+ < link rel ="stylesheet " href ="https://fonts.googleapis.com/css2?family=Boogaloo&family=Roboto&display=swap ">
39+
40+ < link rel ="stylesheet " href ="./css/open-dyslexic.css " type ="text/css " charset ="utf-8 " />
41+
42+ < link rel ="stylesheet " href ="css/style.css ">
43+ < link rel ="stylesheet " href ="css/sidebar.css ">
44+
45+ <!-- 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 -->
46+ < script src ="./js/suffix-lists.js "> </ script >
47+ < script lang ="javascript ">
48+ var suffixOptions = eval ( "About" . split ( " " ) [ 0 ] ) . map ( function ( x ) { return x . toUpperCase ( ) ; } ) ;
49+ </ script >
50+
51+ </ head >
52+
53+
54+ < body >
55+ < a class ="sr-only sr-only-focusable " href ="#page-content "> Skip to main content</ a >
56+ <!-- Google Tag Manager (noscript) -->
57+ < noscript > < iframe src ="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7 "
58+ height ="0 " width ="0 " style ="display:none;visibility:hidden "> </ iframe > </ noscript >
59+ <!-- End Google Tag Manager (noscript) -->
60+
61+ < div id ="main-container " class ="page-wrapper toggled ">
62+ < a id ="show-sidebar " class ="btn btn-sm btn-dark " href ="# ">
63+ < i class ="fas fa-bars "> </ i >
64+ </ a >
65+ < nav id ="sidebar " class ="sidebar-wrapper ">
66+ < div class ="sidebar-content ">
67+ < div class ="sidebar-brand ">
68+ < div id ="close-sidebar ">
69+ < i class ="fas fa-times "> </ i >
70+ </ div >
71+ </ div >
72+ < div class ="logo sidebar-logo ">
73+ < a href ="index.html ">
74+ < img class ="sidebar-logo " src ="./images/noun-keyboard-licensed-white.svg ">
75+ </ a >
76+ </ div >
77+ < div class ="sidebar-menu ">
78+ < ul >
79+ < li class ="sidebar-dropdown ">
80+ < a href ="index.html ">
81+ < i class ="fa fa-home "> </ i >
82+ < span > Home</ span >
83+ </ a >
84+ </ li >
85+ < li class ="sidebar-dropdown ">
86+ < a href ="events.html ">
87+ < i class ="fa fa-calendar-alt "> </ i >
88+ < span > Events</ span >
89+ </ a >
90+ </ li >
91+ < li class ="sidebar-dropdown ">
92+ < a href ="about.html ">
93+ < i class ="fas fa-chalkboard-teacher "> </ i >
94+ < span > About</ span >
95+ </ a >
96+ </ li >
97+ < li class ="sidebar-dropdown ">
98+ < a href ="activities.html ">
99+ < i class ="fa fa-bell "> </ i >
100+ < span > Activities</ span >
101+ </ a >
102+ </ li >
103+ < li class ="sidebar-dropdown ">
104+ < a href ="resources.html ">
105+ < i class ="fa fa-tools "> </ i >
106+ < span > Resources</ span >
107+ </ a >
108+ </ li >
109+ < li class ="sidebar-dropdown ">
110+ < a href ="people.html ">
111+ < i class ="fa fa-users "> </ i >
112+ < span > People</ span >
113+ </ a >
114+ </ li >
115+ < li class ="sidebar-dropdown ">
116+ < a href ="contact.html ">
117+ < i class ="fa fa-address-book "> </ i >
118+ < span > Contact</ span >
119+ </ a >
120+ </ li >
121+ < li class ="sidebar-dropdown ">
122+ < a href ="feedback.html ">
123+ < i class ="fa fa-comment-alt "> </ i >
124+ < span > Feedback</ span >
125+ </ a >
126+ </ li >
127+ < li class ="sidebar-dropdown ">
128+ < a href ="branding.html ">
129+ < i class ="fas fa-palette "> </ i >
130+ < span > Branding</ span >
131+ </ a >
132+ </ li >
133+ < li class ="sidebar-dropdown ">
134+ < a id ="change-font " class ="change-font " href ="# ">
135+ < i class ="fa fa-font "> </ i >
136+ < span > OpenDyslexic</ span >
137+ </ a >
138+ </ li >
139+ </ ul >
140+ </ div >
141+ </ div >
142+ </ nav >
143+ < main role ="main " class ="page-content " id ="page-content ">
144+ < div class ="row ">
145+ < div class ="main-logo ">
146+ < a href ="index.html "> < img src ="./images/keyboard-green.png "> </ a >
147+ </ div >
148+ < div class ="main-logo-title ">
149+ < h1 class ="cover-heading "> CODEWITH< span id ="small-screen-break "> < br /> </ span > < span id ="suffix " class ="typed-suffix "> US</ span > </ h1 >
150+ </ div >
151+ </ div >
152+ < div class ="row unpadded ">
153+ < div class ="col-lg-10 ">
154+ < h1 > About</ h1 >
155+
156+ < h2 > Who are we?</ h2 >
157+ < p >
158+ CodeWith is a new community for adults wanting to learn more about the world of computers.
159+ </ p >
160+ < p >
161+ We're in the process of putting together a programme of events for people who want to learn to code or get into
162+ computing. Have a look at our < a href ="events.html "> events page</ a > for more.
163+ </ p >
164+
165+ < h2 > History</ h2 >
166+ < p >
167+ CodeWith carries the torch of CodeUp, set up by Claire Wicher in early 2015. The aim to provide free and friendly
168+ adult coding tuition to adults who wanted it, and that is now CodeWith's aim too. We want somewhere everyone,
169+ from complete beginners to accomplished software engineers, can come together and share their enjoyment of coding.
170+ </ p >
171+ < p >
172+ Over the years CodeUp spread to twenty different locations with multiple different organisers, and CodeWith is
173+ now consolidating that knowledge and experience into a single committee of organisers and mentors who run regular
174+ events. You can find out more about our committee and mentors on the < a href ="people.html "> people page</ a > .
175+ </ p >
176+
177+ < h3 > Committee</ h3 >
178+ < p >
179+ We are run by a team of volunteers who have organised coding meetups for years.
180+ </ p >
181+ < div class ="row committee-photos ">
182+ < div class ="col-sm-5 col-md-4 col-lg-3 card text-center ">
183+ < img class ="profile-photo " src ="images/drew-profile-photo.png ">
184+ < br />
185+ < h4 > < a href ="people.html#drew-morgan "> Drew Morgan</ a > </ h4 >
186+ < smaller > Benevolent Leader</ smaller >
187+ </ div >
188+ < div class ="col-sm-5 col-md-4 col-lg-3 card text-center ">
189+ < img class ="profile-photo " src ="images/keiran-profile-photo.png ">
190+ < br />
191+ < h4 > < a href ="people.html#keiran-wilkinson "> Keiran Wilkinson</ a > </ h4 >
192+ < smaller > Vice Benevolent Leader</ smaller >
193+ </ div >
194+ < div class ="col-sm-5 col-md-4 col-lg-3 card text-center ">
195+ < img class ="profile-photo " src ="images/jim-profile-photo.png ">
196+ < br />
197+ < h4 > Jim Evans</ h4 >
198+ < smaller > Secretary</ smaller >
199+ </ div >
200+ < div class ="col-sm-5 col-md-4 col-lg-3 card text-center ">
201+ < img class ="profile-photo " src ="images/simon-profile-photo.png ">
202+ < br />
203+ < h4 > Simon Davey</ h4 >
204+ < smaller > Equity Officer</ smaller >
205+ </ div >
206+ < div class ="col-sm-5 col-md-4 col-lg-3 card text-center ">
207+ < img class ="profile-photo " src ="images/sean-profile-photo.png ">
208+ < br />
209+ < h4 > Sean O'Mahoney</ h4 >
210+ < smaller > Publicity Officer</ smaller >
211+ </ div >
212+ </ div >
213+ < br />
214+
215+ </ div >
216+ </ div >
217+ < div class ="row unpadded ">
218+ < div class ="col ">
219+ < p >
220+
221+ </ p >
222+ < p >
223+ < a href ="# "> Back to top</ a >
224+ </ p >
225+ < p >
226+
227+ </ p >
228+ </ div >
229+ </ div >
230+ </ main >
231+ </ div >
232+ <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
233+ < script src ="./js/ie10-viewport-bug-workaround.js "> </ script >
234+
235+ < script src ="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js "> </ script >
236+ < script async src ="https://platform.twitter.com/widgets.js " charset ="utf-8 "> </ script >
237+ < script crossorigin ="anonymous " src ="https://code.jquery.com/jquery-3.5.1.min.js "
238+ integrity ="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0= "> </ script >
239+ < script crossorigin ="anonymous " src ="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js "
240+ integrity ="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU= "> </ script >
241+ < script crossorigin ="anonymous " src ="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js "
242+ integrity ="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo "> </ script >
243+ < script crossorigin ="anonymous " src ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js "
244+ integrity ="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 "> </ script >
245+
246+ < script type ="text/javascript " src ="./js/change-font.js "> </ script >
247+ < script type ="text/javascript " src ="./js/check-width.js "> </ script >
248+ < script type ="text/javascript " src ="./js/sidebar.js "> </ script >
249+ < script type ="text/javascript " src ="./js/typed-suffix.js "> </ script >
250+
251+ <!-- Page-specific scripts -->
252+ < script type ="text/javascript ">
253+ if ( "About" === "Events" ) {
254+ $ . ajax ( {
255+ "async" : true ,
256+ "crossDomain" : true ,
257+ "url" : "https://9buw6tj3aj.execute-api.eu-west-2.amazonaws.com/default/" ,
258+ "method" : "GET" ,
259+ "headers" : {
260+ "Content-Type" : "application/json"
261+ }
262+ } ) . done ( function ( ) {
263+ console . log ( data . body ) ;
264+
265+ $ ( "#events-scheduled" ) . append ( data . content ) ;
266+ $ ( "#eventBriteWidgets" ) . append ( data . widgets ) ;
267+ $ . globalEval ( widgets ) ;
268+ } ) ;
269+ }
270+ </ script >
271+
272+ <!-- Placeholder for dynamic EventBrite integration script generation -->
273+ < script id ="eventBriteWidgets " type ="text/javascript ">
274+ </ script >
275+ </ body >
276+
277+ </ html >
0 commit comments