-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
126 lines (120 loc) · 6.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hackerspace NTNU</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/instafeed.min.js"></script>
<link rel="stylesheet" href="/static/css/bootstrap.css" />
<link rel="stylesheet" href="/static/css/carousel.css" />
<link rel="stylesheet" href="/static/css/custom.css" />
<script>
$(document).ready(function() {
var feed = new Instafeed({
get: 'tagged',
tagName: 'hackerspacentnu',
clientId: 'a287cbc7f0794cfaad6fce4908f4a333',
limit: 6,
template: '<div class="col-md-2 col-xs-4"><a href="{{ `{{link}}` }}"><img class="img-thumbnail" src="{{ `{{image}}` }}" /></a></div>'
});
feed.run();
});
</script>
</head>
<body>
<div class="jumbotron">
<div class="container">
<h1>Hackerspace <span style="color:#00509e">NTNU</span></h1>
<p>Hackerspace NTNU er et pilotprosjekt i regi av IDI ved NTNU i samarbeid med Abakus og Online. Vi holder til på drivhuset slik at studenter ved IDI kan komme og leke!</p>
<div class="row">
<div class="col-xs-10">
<p><b>Dette er jeg interessert i! Hold meg oppdatert på
e-posten min: </b></p>
</div>
</div>
<form action="." method="post">
<div class="row">
<div class="col-xs-4">
<input type="text" class="form-control"
name="email" placeholder="[email protected]"></input>
</div>
<div class="col-xs-2">
<button type="submit" class="btn btn-success">Meld meg på e-postlisten</button>
</div>
</div>
</form>
</div>
</div>
<div class="container marketing">
<div class="bs-callout bs-callout-info">
<h4>Kickoff tirsdag 17. mars:</h4>
Etter innkjøp av utstyr og klargjøring av det organisatoriske
er det klart for kickoff! IDI i sammarbeid med Hackerspace
inviterer til <b>Drivhuset</b> klokken <b>12:00!</b>
</div>
<div class="row">
<div class="col-lg-4">
<img class="img-circle" style="width:140px;height:140px" src="http://i.imgur.com/fb6kZ1Rs.jpg"/>
<h2>Oculus Rift</h2>
<p>Har du noengang prøvd en Oculus Rift? Hvis ikke er dette sjansen din! Hackerspace har 2 stykker tilgjengelig for utprøving og leking.</p>
</div>
<div class="col-lg-4">
<img class="img-circle" style="width:140px;height:140px" src="http://i.imgur.com/ZHgPwTXs.jpg" />
<h2>Arduino</h2>
<p>Har du noengang ønsket å lage en duppedings som reagerer på lyd eller lys? Eller kanskje en 'Drawing bot', 'LED Matrix Controller' eller en DAB radio? Da kan du komme og leke med arduinoene samt kule tilleggskomponenter!</p>
</div>
<div class="col-lg-4">
<img class="img-circle" style="width:140px;height:140px" src="http://i.imgur.com/wonbnJFs.jpg" />
<h2>Raspberry Pi</h2>
<p>Noen gang ønsket å sette opp ditt eget mediasenter, lage en værstasjon eller lage dit eget automatiserte system hjemme for å kontrollere feks. TV og lys? Da kan du komme og prøve ut hvordan Raspberry Pi fungerer og de mange tilhørende komponentene vi har!</p>
</div>
</div>
<!--
<hr class="featurette-divider" />
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Loreum <span class="text-muted">Ipsum</span></h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" alt="500x500" src="http://lorempixel.com/500/500" />
</div>
</div>
<hr class="featurette-divider" />
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" alt="500x500" src="http://lorempixel.com/500/500" />
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Loreum <span class="text-muted">Ipsum</span></h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
</div>
</div>
<hr class="featurette-divider" />
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Loreum <span class="text-muted">Ipsum</span></h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" alt="500x500" src="http://lorempixel.com/500/500" />
</div>
</div>-->
<hr class="featurette-divider" />
<h2 class="">Siste på instagram <span class="text-muted">#hackerspacentnu<span></h2>
<div class="row">
<div id="instafeed"></div>
</div>
<hr class="featurette-divider" />
<footer>
<p>Har du spørmål? Ta kontakt via. <a href="mailto:[email protected]">epost</a> eller #hackerspace på EFNet.</p>
</footer>
</div>
</body>
</html>