forked from refreshmunich/refreshmunich.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
209 lines (192 loc) · 8.54 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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html>
<head>
<title>Refresh Munich</title>
<meta charset="utf-8">
<meta name="Description" content="We are a young community of designers and developers coming together to learn the best of both worlds. Interested in solving aesthetic and logic problems we bundle ideas and refresh our thinking. You should join us!" />
<link href="css/main.less" rel="stylesheet/less" type="text/css" media="all">
<!--[if IE]>
<link href="css/ie.less" rel="stylesheet/less" type="text/css" media="all">
<![endif]-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="js/vendor/modernizr.js"></script>
<script src="js/vendor/jquery-1.7.1.min.js"></script>
<script src="js/vendor/jquery.scrollTo.min.js"></script>
<script src="js/vendor/jquery.lazyload.min.js"></script>
<script src="js/vendor/jquery.fancybox.pack.js"></script>
<script src="http://use.typekit.com/uce6lnm.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script src="js/vendor/less-1.2.2.min.js" type="text/javascript"></script>
<script src="js/app.js"></script>
</head>
<body>
<header class="fixed-header l-container">
<div class="l-grid">
<div class="l-grid-row">
<h1 id="headerLogo">Refresh</h1>
<nav>
<ul>
<li><a href="#/next-event">Next Event</a></li>
<li><a href="#/about">About</a></li>
<li><a href="#/faq">FAQ</a></li>
<li><a href="#/photos">Photos</a></li>
<li><a href="#/members">Members</a></li>
</ul>
</nav>
</div>
</div><!--/.wrap-->
</header><!--/#hdr-->
<section id="content" class="l-container">
<div id="manifestoContainer">
<section id="manifesto" class="l-grid">
<div class="l-grid-column-3-1">
<img src="images/circle-3d-centered.png" class="logo" id="bigLogo" alt="Refresh Munich Logo">
</div>
<div class="l-grid-column-3-2">
<!--<h1>Manifesto</h1>-->
<p>
We are a young <em>community</em> of <em>designers</em> and <em>developers</em> coming together to learn the best of <em>both worlds</em>. Interested in solving <em>aesthetic</em> and <em>logic</em> problems we bundle ideas and <em>refresh</em> our thinking . You should join us!
</p>
</div>
</section><!--/#manifesto-->
</div>
<div id="manifestoDummy"></div>
<section id="next-event" class="l-grid">
<div class="l-grid-row">
<h1>Next Event</h1>
<h2 id="eventTitle"></h2>
<p id="eventTime"></p>
<p id="eventLocation"></p>
<p id="eventDescription"></p>
<p id="eventMapsLink"></p>
</div>
</section><!--/#next-event-->
<section id="about" class="l-grid">
<div class="l-grid-row">
<h1>About Refresh</h1>
<p>
We're designers and developers, passionate about pixels and code. We embrace
the rapid development of the web and are open to new ideas, opporunities for
us to try new things before they become standard. We make things and break
things because we can. We are inspired by passion, not profit.
</p>
<p>
We also understand that designers and developers are codependent in today's web.
Refresh brings together these web workers to bridge the gap between our fields,
so that we can share and learn from each other to bring the web forward.
</p>
<h2 id="faq">Frequently asked questions</h2>
<ul>
<li>
<h3>Who is behind Refresh?</h3>
<div class="answer">
<p>
We are not a company, just people. We volunteer our time and energy to
bring you Refresh, because we are looking for the same thing:
</p>
<p>
In Fall 2011, a small group of designers and developers met at conferences and
user groups in Switzerland and Germany. We were looking for other people like us.
Colleagues and friends said we needed to look in Berlin. We disagreed.
And so Refresh was born.
</p>
</div>
</li>
<li>
<h3>Why "Refesh"?</h3>
<div class="answer">
<p>
We brainstormed several ideas over many weeks, but Refresh stuck the most. When
designing and building pages, we hit the refresh button all day. More
importantly, we want to refresh the Munich web scene, distrupt it and
give it new energy.
</p>
</div>
</li>
<li>
<h3>What do Refresh members do together?</h3>
<div class="answer">
<p>
Right now, we have a regular <em>Stammtisch</em> that's a <em>Gaudi</em>. Over
dinner and beers, we discuss upcoming conferences, the newest libraries, app ideas,
dribbble favorites, etc. But we also just enjoy each other's company and are just
as likely to be discussing the quality of the snow in the Alps, climbing techniques
and the best Burgers in Munich.
</p>
<p>
We're also in the process of organizing our own events, member lectures, etc.
for Munich. Follow us on Twitter for the latest updates.
</p>
</div>
</li>
<li>
<h3>Who can join Refresh?</h3>
<div class="answer">
<p>
To ensure the quality of our meetups, Refresh is a closed user group and invite
only. But it's pretty easy to join.
</p>
<p>
If you share our beliefs and <a href="#/top">manifesto</a>, and are a designer
or developer, just drop by our next <a href="#/next-event">Stammtisch</a> and join
in the discussions. We're friendly and that's how most members have joined.
</p>
<p>
If you have any questions,
<a href="http://www.twitter.com/refreshmunich">get in touch on Twitter.</a>
</p>
</div>
</li>
<li>
<h3>What does Refresh cost?</h3>
<div class="answer">
<p>Membership is absolutely free.</p>
<p>
Meetups and events are organized for fun and exchange, not profit. Even if there
are no event fees, we hope you will support local restaurants, bars and cafes that
let us reserve tables and offer us W-LAN by ordering food and drinks from them.
</p>
<p>No sponsors also means no ads, pitches, or recruiters - yay!</p>
</div>
</li>
</ul>
</div>
</section><!--/#about-->
<section id="photos" class="l-grid">
<div class="l-grid-row">
<h1>Photo Stream</h1>
<div class="loading"><div></div>Loading</div>
<div id="photoContainer">
</div>
</div>
</section><!--/#next-event-->
<section id="members" class="l-grid">
<div class="l-grid-row">
<h1>Members</h1>
<p>
Interested in joining us? <a href="http://www.twitter.com/refreshmunich">Get in touch</a>
</p>
</div>
<div class="loading l-grid-row"><div></div>Loading</div>
<ul id="mlist">
</ul>
</section><!--/#members-->
</section><!--/#content-->
<footer class="l-container">
<div class="l-grid">
<p>Copyright © <span id="year"></span> Refresh Munich.</p>
<p>Made with ♥ in Minga.</p>
</div><!--/.l-grid-->
</footer><!--/footer-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29836110-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>