Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

160 lines (134 sloc) 9.477 kb
<?
$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');
?>
<!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 are a friendly bunch, why not come down and 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/crcreatives.js"></script>
<script src="http://use.typekit.com/bof8zfa.js"></script>
<script>
try{Typekit.load();}catch(e){}
// Remove Mailchimp default styles
var mc_custom_error_style = '';
$.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" title="Home">Home</a></li>
<li><a href="#about" title="About Croydon Creatives">About</a></li>
<li><a href="#where" title="Where in Croydon do we meet?">Where</a></li>
<li><a href="#jointhelist" title="Join the Croydon Creatives mailing list and get notified about our upcoming meetups">Join the list</a></li>
<li><a href="#attendees" title="Who else attends the local meet up?">Attendees</a></li>
<li><a href="#lanyrd" title="We're on Lanyrd too">Lanyrd</a></li>
<li><a href="http://twitter.com/crcreatives" title="Follow us on twitter" rel="nofollow" title="Home">@CrCreatives</a></li>
</ul>
</nav>
</header>
<section id="next">
<h1>Next: <time datetime="2012-05-30T19:00:00Z"><a href="http://lanyrd.com/series/croydoncreatives/save-to-calendar/">30th May @ 7pm</a></time></h1>
</section>
<section id="about">
<h1>About</h1>
<p>Croydon Creatives 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&rsquo;re interested, why don&rsquo;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&rsquo;ve happened across two decent establishments so we&rsquo;ll alternate between the two. This month, we&rsquo;re meeting at <a href="http://www.porterandsorterpub.co.uk/" title="The Porter &amp; Sorter" rel="nofollow">The Porter &amp; Sorter</a>, Billington Road, Croydon, Surrey <a href="http://g.co/maps/kjzx6" title="Google maps" rel="nofollow">CR0 6BT</a>.</p>
<p>If you&rsquo;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&rsquo;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="nofollow">this map</a> for locations of the parking in the area and the meeting place.</p>
<p>Finally, if you&rsquo;re coming via tram, you&rsquo;ll want the East Croydon tram stop. Exit the tram, walk through the taxi rank/pick up area for East Croydon. The Porter &amp; Sorter is at the bottom of the short hill.</p>
</section>
<section id="jointhelist">
<h1>Join the list</h1>
<p>We send out emails 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&mdash;the Twitter username is just so we can say hello :)</p>
<!-- MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://mrqwest.us2.list-manage.com/subscribe/post?u=c823261dac3f873975b9895fc&amp;id=c1f1938a5d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset>
<p class="indicate-required"><b class="note-required">*</b> indicates required.</p>
<div class="mc-field-group">
<label for="mce-EMAIL"><strong>Email address</strong> <b class="note-required">*</b></label>
<input type="email" required value="" name="EMAIL" class="required email" id="mce-EMAIL" title="Email Address">
</div>
<div class="mc-field-group">
<label for="mce-FNAME"><strong>Name</strong> <b class="note-required">*</b></label>
<input type="text" required value="" name="FNAME" class="required" id="mce-FNAME" title="Name">
</div>
<div class="mc-field-group">
<label for="mce-FTWITTER"><strong>Twitter username</strong></label>
<input type="text" value="" name="FTWITTER" class="" id="mce-FTWITTER" title="Twitter">
</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" title="Subscribe to the mailing list" name="subscribe" id="mc-embedded-subscribe" class="btn">
</div>
</fieldset>
</form>
</div>
<!-- /MailChimp Signup Form -->
</section>
<section id="attendees">
<h1>Roll call</h1>
<p>A list of people who&rsquo;ve attended previous Croydon Creatives gatherings:</p>
<ul id="attendence">
<? foreach($attendees as $attendee) { ?>
<li class="attendee"><a href="http://twitter.com/<?= $attendee ?>" rel="nofollow" title="<?= $attendee ?>"><img src="http://img.tweetimag.es/i/<?= $attendee ?>" alt="<?= $attendee ?>"></a></li>
<? } ?>
</ul>
</section>
<section id="lanyrd">
<h1>Lanyrd</h1>
<p>We love <a href="http://lanyrd.com" title="Lanyrd" rel="nofollow">Lanyrd</a> here, it&rsquo;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 Croydon Creatives meet and we love it when new and old friends add their names to the list. If you&rsquo;re planning on coming along to the next Croydon Creatives meet, please do pop your name down&rsquo;all you need is your Twitter username!</p>
<p><a href="http://lanyrd.com/series/croydoncreatives/" title="Our Croydon Creatives Series Page" rel="nofollow">Croydon Creatives on Lanyrd</a>.</p>
</section>
<section id="stream">
<h1>Twitter stream</h1>
<p>We use Twitter a lot&mdash;read what is being said about Croydon Creatives:</p>
<ul id="tweetlist">
<? require('tweetstream/cctweets.php') ?>
</ul>
</section>
<footer>
<p class="copyright" data-switch="yellowswitch">&copy; 2011&ndash;<?= date('Y') ?> CroydonCreativ.es, <a href="http://mrqwest.co.uk" title="MrQwest, a Croydon Web Designer" rel="nofollow">MrQwest</a> and <a href="http://steverydz.com" title="Steve Rydz" rel="nofollow">Steve Rydz</a>. Made by <a href="humans.txt" title="Made by Humans">Humans</a>.</p>
</footer>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/mailchimp.js"></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>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.