-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathprofile.html
145 lines (140 loc) · 10.4 KB
/
profile.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
<!doctype html>
<html>
<head>
<title>Front End Suffolk - Firstname Lastname</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet'>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<meta name="apple-touch-fullscreen" content="yes" >
<meta name="apple-mobile-web-app-capable" content="yes" >
<meta name="apple-mobile-web-app-status-bar-style" content="black" >
<script src="js/modernizr.js"></script>
</head>
<body class="profile">
<a href="https://github.com/FESuffolk/fesuffolk.github.com">
<img style="position: fixed; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub">
</a>
<header>
<img class="logo-normal" src="img/logo.png" alt="Front End Suffolk">
<img class="logo-narrow" src="img/logo-narrow.png" alt="Front End Suffolk">
</header>
<div>
<article>
<section>
<h2>Firstname Lastname</h2>
<p>Role</p>
<p>company</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>
<section>
<h2>Where?</h2>
<p>W116 Waterfront building, UCS, Ipswich Suffolk</p>
<iframe height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?q=UCS+waterfront&ie=UTF8&hq=UCS+waterfront&hnear=&radius=15000&ll=52.052018,1.163411&spn=0.00176,0.001853&t=m&z=14&iwloc=A&cid=4905677271018068050&output=embed"></iframe>
<a href="https://maps.google.co.uk/maps?q=UCS+waterfront&ie=UTF8&hq=UCS+waterfront&hnear=&radius=15000&ll=52.052018,1.163411&spn=0.00176,0.001853&t=m&z=14&iwloc=A&cid=4905677271018068050&source=embed">View Larger Map</a>
</section>
<section>
<h2>Who?</h2>
<p>This project, like many others is intended to be open to contributions from anyone with something to say, I (Anders) am keen on helping to build a closer digital community in suffolk.</p>
<p>This project is aimed at those who work with the web so, designers, developers and enthusiasts!</p>
</section>
<section>
<h2>How?</h2>
<p>Just get in contact with us via <a href="mailto:fesuffolk@gmail.com">email</a>, <a href="http://www.twitter.com/FESuffolk">twitter</a> or our <a href='http://facebook.com/groups/fesuffolk/'>facebook group</a>!</p>
</section>
<section>
<h2>What?</h2>
<h1>A chance for designers, developers and everyone else to meet, talk and share.</h1>
<h3>FESuffolk is based in Ipswich, providing a regular meetup for web enthusiasts to embrace their differences and celebrate their commonalities.</h3>
<p>Having Been a front end developer and being thoroughly inspired by both <a href="http://www.iprug.org">IPRUG</a> and <a href="http://www.londonwebstandards.org/">London Web Standards</a>. I realized that amongst those who work in the web whatever their chosen language and server side system they all share a commion interface, the browser. Not only does this environment reflect the work of developers it also reflects the work of designers, copywriters, photographers and UI and UX designers.</p>
<p>To this end I’m organising a browser user group. A monthly meetup with organised talks on browser based topics, and more importantly a chance to learn and share ideas about how to create amazing experiences on the web.</p>
</section>
<section>
<h2>When?</h2>
<p>Typically the last Monday of each month, in the event of a bank holiday we delay by a week. The next meetup will be on <strong>25 November 2013</strong> meeting at 7pm for talks starting at 7.30pm, afterwards we will head to the nearby cult cafe for drinks and conversation.</p>
</section>
<section>
<h2>Why?</h2>
<p>The state of the browser is in constant flux, new fashions skills and techniques are always coming to light, why spend so much time learning them independently? We can teach each other and collectively become better at our chosen skill, be it a designer learning to master javascript to create dynamism in their designs, or a back end developer starting to apply Object Orientated thinking to CSS.</p>
</section>
</article>
<aside>
<section>
<h2>Previous Talks</h2>
<ol>
<li>
25 js libraries you may not have known about.
<a href='http://flumes.com/about'>Steve Butterworth</a>
</li>
<li><a href="http://atleastimtrying.github.io/fun-forms/">fun with forms</a> <a href='http://andersfisher.com'>Anders Fisher</a></li>
<li><a href="http://www.kirkd.co.uk/blog/?p=10216">Cinema 4D and Unity</a> <a href='http://kirkd.co.uk/'>David Kirkby</a></li>
<li><a href="http://atleastimtrying.github.io/js-sans-jquery/">Javascript without jQuery</a> <a href='http://andersfisher.com'>Anders Fisher</a></li>
<li><a href='http://fesuffolk.co.uk/moreinfo-talk/'>MoreIn.Fo : The Automagical Link Shortener</a><br>
<a href='http://gameview.outer-empires.com/'>Paul Hutson</a></li>
<li><a href='http://fesuffolk.co.uk/fesuffolk-hacked/'>Building HACKED: Adventures in pixel art and static site generation</a><br>
<a href='http://lee-cann.com/'>Robert Lee-Cann</a></li>
<li><a href='http://rossscrivener.co.uk/blog/langtons-ants-in-javascript'>5 projects in 5 minutes</a><br>
<a href='http://rossscrivener.co.uk/'>Ross Scrivener</a></li>
<li><a href='https://github.com/seandunn'>Sean Dunn</a></li>
<li><a href='http://atleastimtrying.github.io/localstorage/'>Local storage</a><br>
<a href='https://atleastimtrying.github.com'>Anders Fisher</a></li>
<li><a href='http://www.kerrybuckley.org/2013/03/26/fesuffolk-jasmine-lightning-talk/'>Jasmine</a><br>
<a href='http://twitter.com/kerryb'>Kerry Buckley</a></li>
<li><a href='http://multicelldesign.com/resources/presentations/love-hate-links/#/'>Love to hate links</a><br>
<a href='http://multicelldesign.com/'>Karl Dawson</a></li>
<li><a href='http://smart421.wordpress.com/2013/03/26/adventures-with-yui-at-front-end-suffolk/'>Adventures with YUI</a><br>
<a href='http://www.smart421.com/aboutus/people/rm.asp'>Robin Meehan</a></li>
<li><a href='http://quickwebdesign.net/blog/posts/20130325_cool_effects_in_5_mins'>Cool canvas effects in 5 minutes</a><br>
<a href='http://quickwebdesign.net/'>Matthew Bennett</a></li>
<li><a href='http://atleastimtrying.github.com/css-refactoring/'>CSS Refactoring</a><br>
<a href='http://andersfisher.com'>Anders Fisher</a></li>
<li><a href='http://atleastimtrying.github.com/kinetic-talk/'>A Kinetic Canvas</a><br>
<a href='http://gameview.outer-empires.com/'>Paul Hutson</a></li>
<li>Only monads<br><a href='https://github.com/seandunn'>Sean Dunn</a></li>
<li><a href='http://presentations.flumes.com.s3.amazonaws.com/introduction-to-d3/index.html#/'>Getting started with d3</a><br>
<a href='http://flumes.com/about'>Steve Butterworth</a></li>
<li><a href='https://github.com/atleastimtrying/pubsub_talk'>PubSub</a><br>
<a href='http://twitter.com/#!/atleastimtrying'>Anders Fisher</a></li>
<li><a href='http://www.slideshare.net/humblefrog/getting-started-with-html-5-web-workers'>Rocket fuel for the browser: An introduction to HTML5 Web Workers.</a><br>
<a href='http://flumes.com/about'>Steve Butterworth</a></li>
<li><a href='http://www.slideshare.net/kjbuckley/javasccript-mv-frameworks'>Backbone.js and Knockout.js</a><br>
<a href='http://twitter.com/kerryb'>Kerry Buckley</a></li>
<li><a href='https://github.com/FESuffolk/Badass-Colour-Talk'>Be a #bada55 with colour contrast</a><br>
<a href='http://multicelldesign.com/'>Karl Dawson</a></li>
<li><a href="http://www.slideshare.net/maxshelley/if-i-were-ux">If I were U (X)</a><br>
<a href='http://www.maxshelley.com/'>Max Shelley</a></li>
<li><a href="http://atleastimtrying.github.com/coffeescript-is-for/">Coffeescript is for ...</a><br>
<a href='http://twitter.com/#!/atleastimtrying'>Anders Fisher</a></li>
<li><a href="http://kirkd.co.uk/resources.html">#ff0000, #ffffff & #0000ff<br>
David Kirkby</a></li>
<li><a href="https://github.com/atleastimtrying">Twitter Bootstrap<br>
Anders Fisher</a></li>
<li><a href="http://mrjaba.posterous.com/">SASS In The Real World<br>
Tom Crinson</a></li>
<li><a href="https://github.com/atleastimtrying/CSS3D-iPad-Talk">CSS3d on the iPad<br>
Anders Fisher</a></li>
<li><a href="https://github.com/danhigham/FESUnityDemo">An introduction to Unity<br>
Dan Higham</a></li>
<li><a href="http://fesuffolk.github.com/Slide-show/">Clever Selectors<br>
Anders Fisher</a></li>
</ol>
</section>
<section>
<a class="twitter-timeline" data-dnt=true href="https://twitter.com/FESuffolk" data-widget-id="273898010969243648">Tweets by @FESuffolk</a>
</section>
</aside>
</div>
<script>
!function(id){
var newJs,
firstJs = document.getElementsByTagName("script")[0];
if(!document.getElementById(id)){
newJs = document.createElement("script");
newJs.id = id;
newJs.src = "//platform.twitter.com/widgets.js";
firstJs.parentNode.insertBefore(newJs,firstJs);
}
}("twitter-wjs");
</script>
<script src="js/app.js"></script>
</body>
</html>