forked from hackergarten/hackergarten.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
180 lines (152 loc) · 10.2 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
<!DOCTYPE html>
<html lang="en" ng-app="hackergartenPage">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Hackergarten</title>
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="ng-dialog/css/ngDialog.min.css" rel="stylesheet">
<link href="ng-dialog/css/ngDialog-theme-default.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron" random-header-image="image">
<div class="container">
<img id="logo" src="pictures/hg-logo-white-small.svg" alt="hackergarten" class="visible-xs pull-left img-responsive" style="max-width: 125px" />
<img id="logo" src="pictures/hg-logo-white-large.svg" alt="hackergarten" class="hidden-xs pull-left img-responsive" style="min-width: 250px; max-width: 500px"/>
</div>
</div>
<div class="container" ng-controller="eventlistController">
<div class="row">
<div class="col-md-6">
<!-- next events -->
<div class="panel panel-default">
<div class="panel-heading">Next Events</div>
<div class="panel-body">
<ul>
<li class="next-event" ng-repeat="event in nextEventlist">
<b>Hack #{{pastEventlist.length + nextEventlist.length - $index}} {{event.title}} on {{event.date}} in {{event.location}}</b>
<ul ng-if="event.links.length > 0">
<li ng-repeat="link in event.links"><a href="{{link.url}}">{{link.title}}</a></li>
</ul>
</li>
<li ng-repeat="event in futureEventlist">
Hack #{{pastEventlist.length + nextEventlist.length + $index + 1}} {{event.title}} on {{event.date}} in {{event.location}}
<ul ng-if="event.links.length > 0">
<li ng-repeat="link in event.links"><a href="{{link.url}}">{{link.title}}</a></li>
</ul>
</li>
</ul>
<span class="hidden-sm hidden-xs"> more coming up ...look at the <em>Join</em> section on the <a href="#joinSection">right...</a></span><span class="visible-sm visible-xs"> more coming up ...look at the <em>Join</em> section <a href="#joinSection">below...</a></span>
</div>
</div>
<!-- about -->
<div class="panel panel-default visible-sm visible-xs">
<div class="panel-heading">About</div>
<div class="panel-body">
Hackergarten is a craftmen's workshop, classroom, a laboratory, a social circle, a writing group, a playground, and an artist's studio. Our goal is to create something that others can use; whether it be working software, improved documentation, or better educational materials. Our intent is to end each meeting with a patch or similar contribution submitted to an open and public project. Membership is open to anyone willing to contribute their time.
</div>
</div>
<!-- past events -->
<div class="panel panel-default">
<div class="panel-heading">Past Events</div>
<div class="panel-body">
<ul>
<li ng-repeat="event in pastEventlist">
Hack #{{pastEventlist.length - $index}} {{event.title}} on {{event.date}} in {{event.location}}
<ul ng-if="event.links.length > 0">
<li ng-repeat="link in event.links"><a href="{{link.url}}">{{link.title}}</a></li>
</ul>
<ul ng-if="event.achievements">
<li><a href="#achievements" ng-click="openModal(event)">Achievements</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- about -->
<div class="col-md-6">
<div class="panel panel-default hidden-sm hidden-xs">
<div class="panel-heading">About</div>
<div class="panel-body">
Hackergarten is a craftmen's workshop, classroom, a laboratory, a social circle, a writing group, a playground, and an artist's studio. Our goal is to create something that others can use; whether it be working software, improved documentation, or better educational materials. Our intent is to end each meeting with a patch or similar contribution submitted to an open and public project. Membership is open to anyone willing to contribute their time.
</div>
</div>
<div class="panel panel-default">
<div id="joinSection" class="panel-heading">Join</div>
<div class="panel-body">
<ul>
<li><a href="http://groups.google.com/group/hackergarten/">Official Google Group Mailing List</a></li>
<li><a href="http://github.com/hackergarten">Public Git Repository</a><br>
<li><a href="http://www.twitter.com/Hackergarten">@Hackergarten on Twitter</a></li>
<li><a href="https://www.facebook.com/pages/Hackergarten/155381234519676">Facebook Fanpage</a></li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<a class="twitter-timeline" href="https://twitter.com/search?q=%23hackergarten" data-widget-id="428946456414666752">Tweets about "#hackergarten"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<a class="twitter-timeline" href="https://twitter.com/search?q=%40hackergarten" data-widget-id="428953538593439744">Tweets about "@hackergarten"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Sponsors</div>
<div class="panel-body">
<a href="http://www.canoo.com"><img src="pictures/canoo.png" alt="canoo"></a>
<p><a href="http://www.canoo.com">Canoo Engineering AG</a> offers experienced consulting, tailored services, cutting-edge products and one-stop solutions for Rich Internet Applications, guiding you from design phase to final integration and installation. </p>
<p>They have been incredibly generous to offer us meeting space, Internet access, a pizza budget, and (for many of us) a place to work.</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">License / Rights</div>
<div class="panel-body">
As we were asked many times about the license / copyright of "Hackergarten", we decided to put it unter a creative commons license:
<br />
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Hackergarten</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.hackergarten.net" property="cc:attributionName" rel="cc:attributionURL">http://www.hackergarten.net</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.<br />Permissions beyond the scope of this license may be available at <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.hackergarten.net" rel="cc:morePermissions">http://www.hackergarten.net</a>.
</p>
</div>
</div>
</div>
</div>
<hr>
<footer>
<p>Copyright © Hackergarten</p>
</footer>
</div> <!-- /container -->
<script type="text/ng-template" id="event-achievements">
<div class="ngdialog-message">
<h4><strong>Hack {{ngDialogData.title}} on {{ngDialogData.date}}.</strong></h4>
<ul>
<li ng-repeat="item in ngDialogData.achievements"><a ng-if="item.url" href="{{item.url}}">{{item.title}}</a><span ng-if="!item.url">{{item.title}}</span></li>
</ul>
</div>
</script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
<script src="ng-dialog/js/ngDialog.js"></script>
<script src="scripts/hgMainPage.js"></script>
<script src="scripts/eventlist.js"></script>
</body>
</html>