forked from MrQwest/CrCreatives
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
170 lines (146 loc) · 9.07 KB
/
index.php
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
<!DOCTYPE HTML>
<!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>CroydonCreativ.es</title>
<script>
var docElement = document.documentElement;
docElement.className = docElement.className.replace(/\bno-js\b/,'') + ' js';
</script>
<meta name="description" content="An open and informal community of designers, developers and digital creatives from in and around Croydon who fancy a break from the screen and chat the web, print, typography and design.">
<meta name="author" content="MrQwest and Croydon Creatives">
<!-- We're a friendly bunch, why not come down & say hello! Claim your free drink for reading the source -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="canonical" href="http://croydoncreativ.es/">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.js"><\/script>')</script>
<script src="js/jquery.anystretch.min.js"></script>
<script src="js/portamento.js"></script>
<script src="js/crcreatives.js"></script>
<script src="http://use.typekit.com/bof8zfa.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script>
$.anystretch('images/bg.jpg', {speed:150});
</script>
</head>
<body class="anystretch">
<header>
<h1><img id="branding" src="images/croydoncreatives.png" alt="croydoncreatives" title="The Croydon Creatives, a bunch of web workers meeting for a pint and a chat. Join us?"></h1>
<nav>
<ul class="mainnav">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#where">Where</a></li>
<li><a href="#jointhelist">Join the List</a></li>
<li><a href="#attendees">Attendees</a></li>
<li><a href="#lanyrd">Lanyrd</a></li>
<li><a href="http://twitter.com/crcreatives" title="Follow us on twitter" rel="external">@CrCreatives</a></li>
</ul>
</nav>
</header>
<section id="next">
<p>Next: <span>30th May @ 7pm</span></p>
</section>
<section id="about">
<h1>About</h1>
<p>The CroydonCreativ.es is a monthly gathering of web folk from in and around Croydon and further afield (current record distance travelled to a meet is ~160miles). An open and informal community of designers, developers and digital creatives who fancy a break from the screen and chat about what we love. Talk about the web, print, typography and design. Talk about music, your hobbies or sport. Come along and have fun with fellow creatives.</p>
<p>If you're interested, why don't you come down and join us one evening?</p>
</section>
<section id="where">
<h1>Where?</h1>
<div id="map_canvas"></div>
<p>In our search for a regular venue, we've happened across two decent establishments so we'll alternate between the two. This month, we're meeting at <a href="http://www.porterandsorterpub.co.uk/" title="The Porter & Sorter" rel="external">The Porter & Sorter</a>, Billington Road, Croydon, <a href="http://g.co/maps/kjzx6" title="Google maps" rel="external">CR0 6BT</a>.</p>
<p>If you're traveling by train, aim for East Croydon station (20 minutes from Victoria / London Bridge rail stations), come out of the main entrance of the station, turn left and left again. Walk through the taxi rank / pickup area and the pub is at the bottom of the short hill.</p>
<p>If you're coming by car, then the closest parking is Fairfield Halls Car Park. Take a look at <a href="http://g.co/maps/ctwpy" title="Parking Map" rel="external">this map</a> for locations of the parking in the area and the meeting place.</p>
<p>Finally, if you're coming via Tram, you'll want the East Croydon Tram stop. Exit the tram, walk through the taxi rank / pick up area for East Croydon. The Porter & Sorter is at the bottom of the short hill.</p>
</section>
<section id="jointhelist">
<h1>Join the List</h1>
<p>We send out e-mails every now and then to let you know when the next gathering or event will take place. If you want to receive these emails, all we need is your name and email address. The Twitter username is just so we can say hello :)</p>
<!-- MailChimp Signup Form -->
<script>
// delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
// or fill this in and it will be inlined when errors are generated
var mc_custom_error_style = '';
</script>
<div id="mc_embed_signup">
<form action="http://mrqwest.us2.list-manage.com/subscribe/post?u=c823261dac3f873975b9895fc&id=c1f1938a5d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset>
<div class="indicate-required">* indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email address <b class="note-required">*</b></label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">Name <b class="note-required">*</b></label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-FTWITTER">Twitter username</label>
<input type="text" value="" name="FTWITTER" class="" id="mce-FTWITTER">
</div>
<div id="mce-responses">
<div class="response flipInX" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div>
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn">
</div>
</fieldset>
</form>
</div>
<script src="js/mailchimp.js"></script>
<!-- /MailChimp Signup Form -->
</section>
<section id="attendees">
<h1>Roll Call</h1>
<p>A list of people who've attended previous <strong>Croydon Creative</strong> gatherings.</p>
<ul id="attendence">
<?php
$attendees = array('crcreatives', 'mrqwest', 'simianstudios', 'alexjsexton', 'simoncox', 'fulljames', 'rchasteauneuf', 'mikestreety', 'clivewalker', 'dynamic50', 'kevin_davies', 'standardistas', 'pauladamdavis', 'paulmist', 'weshuk', 'bossingtonimage', 'steverydz', 'tarunhari', 'danblundell', 'mkstix6', 'blinkbrian', 'ayoungh', 'amberweinberg', 'jamieknight', 'dkewal', 'laurakalbag', 'mrgeorgegray', 'epixelstudio', 'khamiltonuk', 'dean_faulkner', 'locombia25', 'smartin_hazel', 'mikesimmonds', 'jef_lau', 'eightmadefour', 'philwareham', 'shanegriffiths', 'wstn', 'designsbylexi', 'kulor', 'englishtom');
Foreach($attendees as $attendee) {
?> <li class="attendee"><a href="http://twitter.com/<?=$attendee?>" rel="external"><img src="http://img.tweetimag.es/i/<?=$attendee?>" alt="<?=$attendee?>"></a></li><?php
} ?>
</ul>
</section>
<section id="lanyrd">
<h1>Lanyrd</h1>
<p>We love <a href="http://lanyrd.com" title="Lanyrd" rel="external">Lanyrd</a> here, it's a fantastic service for events and conferences which allows people to track or mark as attending each event as well as sharing details.</p>
<p>We set up an event on Lanyrd for every CroydonCreatives meet and we love it when new and old friends add their names to the list. If you're planning on coming along to the next CroydonCreatives meet, please do pop your name down - all you need is your Twitter username!</p>
<p><a href="http://lanyrd.com/series/croydoncreatives/" title="Our CroydonCreatives Series Page" rel="external">CroydonCreatives on Lanyrd</a>.</p>
</section>
<section id="stream">
<h1>Twitter Stream</h1>
<p>We use Twitter a lot - read what is being said about Croydon Creatives</p>
<ul id="tweetlist" class="grid_7 tweetlist">
<?php require('tweetstream/cctweets.php'); ?>
</ul>
</section>
<footer>
<p class="copyright">© 2011-<? echo date("Y"); ?> CroydonCreativ.es, <a href="http://mrqwest.co.uk" title="MrQwest, a Croydon Web Designer" rel="external">MrQwest</a> and <a href="http://steverydz.com" title="Steve Rydz" rel="external">Steve Rydz</a><span class="yellowswitch"></span></p>
</footer>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/map.js"></script>
<script>
var _gaq=[['_setAccount','UA-23121126-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<script>
$(document).ready(function() {
$("#tweetlist").load("tweetstream/cctweets.php");
var refreshId = setInterval(function() {
$("#tweetlist").load('tweetstream/cctweets.php');
}, 300000);
});
</script>
</body>
</html>