-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (169 loc) · 13.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leeds Code Dojo</title>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/functions.js" type="text/javascript"></script>
<link href="css/main.css" rel="stylesheet" />
<!-- Gallery Viewer -->
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
<div class="rg-image-wrapper">
{{if itemsCount > 1}}
<div class="rg-image-nav">
<a href="#" class="rg-image-nav-prev">Previous Image</a>
<a href="#" class="rg-image-nav-next">Next Image</a>
</div>
{{/if}}
<div class="rg-image"></div>
<div class="rg-loading"></div>
<div class="rg-caption-wrapper">
<div class="rg-caption" style="display:none;">
<p></p>
</div>
</div>
</div>
</script>
</head>
<body>
<header>
<div class="containContent ident-section">
<h1 class="home-link" title="Home">Leeds Code Dojo</h1>
<h2 class="strap-line f-right" title="Strapline">Less Talk More Code</h2>
</div>
</header>
<section class="mainIdent">
<img src="images/overlay.png" id="mainIdentImage" alt="Dojo Illustration" />
</section>
<section class="subHeader">
<div class="containContent">
<h3 class="sub-heading" title="What?!..."><img src="images/text-what.gif" alt="What?!..." /></h3>
<h4>Leeds Code Dojo is a group dedicated to programming. We focus on practical coding sessions, where you can learn by doing.</h4>
<h5>Want to have some fun coding in a relaxed and friendly environment? Interested in self-improvement through deliberate practice? Want to see what you can learn from fellow programmers, and teach them what you know? Then Leeds Code Dojo is for you!</h5>
<h5>From newbie Node coders to hardcore Haskell hackers, and all the levels of C#, Java, Ruby, Python or F# inbetween, all languages and abilities are welcome.</h5>
<h5>Come and join our <a href="http://www.meetup.com/Leeds-Code-Dojo" />Meetup group</a> to get alerts about upcoming events and join in the coding chat!</h5>
</div>
</section>
<section class="content">
<div class="containContent">
<div class="content-article article-right">
<a href="https://www.meetup.com/Leeds-Code-Dojo" class="call-to-action wide-version">Find us on Meetup!</a><h6 title="When: Next"><img src="images/text-when-next.gif" alt="When: Next" /></h6>
<a href="https://www.meetup.com/Leeds-Code-Dojo/" class="call-to-action narrow-version">Find us on Meetup!</a>
<p class="date-heading">See Meetup for Details</p>
<p>
We're no longer publishing session details on the website - please visit our Meetup group to find out what's on.</p>
<p>
We try to meet on the first Wednesday of each month from about 6-9pm at TransUnion or SkyBet in Leeds.
</p>
<p>
Doors are open from 18:00 with food available, and coding starts around 18:30. The sessions are generally suitable for any level of experience, but you do need to have some knowledge of programming to really get involved. We finish up around 21:00, and anyone that's interested can head to a nearby pub for a refreshing ale or two.</p>
<p>Please <a href="https://www.meetup.com/Leeds-Code-Dojo"> visit us on Meetup</a> if you'd like to attend.</p>
<p>Hope to see you there!</p>
</div>
<a href="archive.html" class="events-archive"><img src="images/text-events-archive2.gif" onmouseover= src="images/text-events-archive2-highlight.gif" onmouseout= src="images/text-events-archive2.gif" alt="Events: Archive" /></a>
<span class="dotted-line-break c-both"></span>
<div id="rg-gallery" class="rg-gallery">
<div class="rg-thumbs">
<!-- Elastislide Carousel Thumbnail Viewer -->
<div class="es-carousel-wrapper">
<div class="es-nav">
<span class="es-nav-prev">Previous</span>
<span class="es-nav-next">Next</span>
</div>
<div class="es-carousel">
<ul>
<li><a href="#"><img src="images/event/thumbs/event1.jpg" data-large="images/event/event1.jpg" alt="image" data-description="The Dojo opens" /></a></li>
<li><a href="#"><img src="images/event/thumbs/pizza.jpg" data-large="images/event/pizza.jpg" alt="image" data-description="Pre-Dojo Chat" /></a></li>
<li><a href="#"><img src="images/event/thumbs/adam-pizza.jpg" data-large="images/event/adam-pizza.jpg" alt="image" data-description="Enjoying a slice of pizza" /></a></li>
<li><a href="#"><img src="images/event/thumbs/skynet2.jpg" data-large="images/event/skynet2.jpg" alt="image" data-description="The LCD crew under the watchful eye of a T-800" /></a></li>
<li><a href="#"><img src="images/event/thumbs/beard.jpg" data-large="images/event/beard.jpg" alt="image" data-description="Beard-powered coding" /></a></li>
<li><a href="#"><img src="images/event/thumbs/haskell.jpg" data-large="images/event/haskell.jpg" alt="image" data-description="Some crazy moon-language called haskell" /></a></li>
<li><a href="#"><img src="images/event/thumbs/7-craig-eleanor.jpg" data-large="images/event/7-craig-eleanor.jpg" alt="image" data-description="eleanor takes the wheel" /></a></li>
<li><a href="#"><img src="images/event/thumbs/scores.jpg" data-large="images/event/scores.jpg" alt="image" data-description="Code Golf scores" /></a></li>
<li><a href="#"><img src="images/event/thumbs/aaron-working.jpg" data-large="images/event/aaron-working.jpg" alt="image" data-description="Java and C# devs working in perfact harmony" /></a></li>
<li><a href="#"><img src="images/event/thumbs/7-recursion.jpg" data-large="images/event/7-recursion.jpg" alt="image" data-description="Recursion" /></a></li>
<li><a href="#"><img src="images/event/thumbs/laptop-group.jpg" data-large="images/event/laptop-group.jpg" alt="image" data-description="15 coders round a laptop? This can't be good..'" /></a></li>
<li><a href="#"><img src="images/event/thumbs/presentation.jpg" data-large="images/event/presentation.jpg" alt="image" data-description="Adam and Antony showing off their code" /></a></li>
<li><a href="#"><img src="images/event/thumbs/beers.jpg" data-large="images/event/beers.jpg" alt="image" data-description="Some coders enjoying a post-session beer" /></a></li>
<li><a href="#"><img src="images/event/thumbs/group-working.jpg" data-large="images/event/group-working.jpg" alt="image" data-description="you can almost hear those brain-gears turning" /></a></li>
<li><a href="#"><img src="images/event/thumbs/phil-working.jpg" data-large="images/event/phil-working.jpg" alt="image" data-description="another pair of happy coders" /></a></li>
<li><a href="#"><img src="images/event/thumbs/rachael_gordon.jpg" data-large="images/event/rachael_gordon.jpg" alt="image" data-description="a pairing sesion in progress" /></a></li>
<li><a href="#"><img src="images/event/thumbs/group-pizza.jpg" data-large="images/event/group-pizza.jpg" alt="image" data-description="who says developers aren't social?" /></a></li>
<li><a href="#"><img src="images/event/thumbs/tony-talking.jpg" data-large="images/event/tony-talking.jpg" alt="image" data-description="discussing which kind of pizza was best" /></a></li>
<li><a href="#"><img src="images/event/thumbs/eleanor.jpg" data-large="images/event/eleanor.jpg" alt="image09" data-description="A couple of LCD regulars" /></a></li>
<li><a href="#"><img src="images/event/thumbs/touchscreen.jpg" data-large="images/event/touchscreen.jpg" alt="image" data-description="Is this a touchscreen?" /></a></li>
<li><a href="#"><img src="images/event/thumbs/tony-presentation.jpg" data-large="images/event/tony-presentation.jpg" alt="image" data-description="another code walkthorough" /></a></li>
<li><a href="#"><img src="images/event/thumbs/unicode.jpg" data-large="images/event/unicode.jpg" alt="image" data-description="what happens when you tell coders to be devious" /></a></li>
<li><a href="#"><img src="images/event/thumbs/david-working.jpg" data-large="images/event/david-working.jpg" alt="image" data-description="coding makes us happy!" /></a></li>
<li><a href="#"><img src="images/event/thumbs/7-tony-katie-adam-pres.jpg" data-large="images/event/7-tony-katie-adam-pres.jpg" alt="image" data-description="some clever haskell being shown off" /></a></li>
<li><a href="#"><img src="images/event/thumbs/7-algorithm.jpg" data-large="images/event/7-algorithm.jpg" alt="image" data-description="our perfect beer!" /></a></li>
<li><a href="#"><img src="images/event/thumbs/7-pub.jpg" data-large="images/event/7-pub.jpg" alt="image" data-description="as if three hours of geekery wasn't enough.." /></a></li>
<li><a href="#"><img src="images/event/thumbs/8-colin-adam.jpg" data-large="images/event/8-colin-adam.jpg" alt="image" data-description="a new member tackles some node.js" /></a></li>
<li><a href="#"><img src="images/event/thumbs/8-adam-matt.jpg" data-large="images/event/8-adam-matt.jpg" alt="image" data-description="adam and matt playing spot the defect" /></a></li>
<li><a href="#"><img src="images/event/thumbs/8-eleanor-david-pres.jpg" data-large="images/event/8-eleanor-david-pres.jpg" alt="image" data-description="eleanor and david show us their haskell" /></a></li>
</ul>
</div>
</div>
<!-- End Elastislide Carousel Thumbnail Viewer -->
</div><!-- rg-thumbs -->
</div><!-- rg-gallery -->
<span class="dotted-line-break c-both"></span>
<a href="https://twitter.com/LeedsCodeDojo"><img src="images/text-twitter.gif" class="follow-twitter f-right" alt="Follow us on Twitter" /></a>
<h6 title="Where" class="h6-where"><img src="images/text-where.gif" alt="Where" /></h6>
<p class="date-heading">TransUnion UK, One Park Lane, LS3 1EP</p>
<p>It’s the big grey/glass building at the corner of Park Lane, just off the A58. <a href="http://www.callcredit.co.uk/contact-us/find-us">The find us page</a> has more information (see ‘head office’ ).</p>
<a href="https://twitter.com/LeedsCodeDojo" class="follow-2"><img src="images/text-twitter.gif" class="follow-twitter-2" alt="Follow us on Twitter" /></a>
</div>
</section>
<footer>
<div id="map"></div>
</footer>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDH3lCFcBgZR4F2B_ssLnKhhGVnjAwVEvs&sensor=false"></script>
<script type="text/javascript">
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);
function init() {
// Basic options for a simple Google Map
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
var officeLatLng = new google.maps.LatLng(53.7994, -1.556245);
var mapOptions = {
// How zoomed in you want the map to start at (always required)
zoom: 16,
// The latitude and longitude to center the map (always required)
center: officeLatLng, //,
// How you would like to style the map.
// This is where you would paste any style found on Snazzy Maps.
styles: [ {
featureType:"all",
elementType:"all",
stylers:[
{ invert_lightness:true },
{ saturation: -100 },
{ lightness:15 },
{ gamma: 0.6 },
{ hue:"#FF3300" },
]
}
]
};
// Get the HTML DOM element that will contain your map
// We are using a div with id="map" seen below in the <body>
var mapElement = document.getElementById('map');
// Create the Google Map using out element and options defined above
var map = new google.maps.Map(mapElement, mapOptions);
var marker = new google.maps.Marker({
position: officeLatLng,
map: map,
title: 'Callcredit Information Group'
});
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript" src="js/gallery.js"></script>
</body>
</html>