/
index.html
138 lines (106 loc) · 4.32 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
<html>
<head>
<meta charset="utf-8">
<title>Fågelmatare</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="//fonts.googleapis.com/css?family=Oxygen" rel="stylesheet" type="text/css">
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/portfolio.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="masthead clearfix">
<h1 class="pull-left"><i class="fa fa-cutlery fa-2x"></i><br />Fågelmatare</h1>
<ul class="nav nav-pills pull-right">
<li class="active">
<a href="http://linkaan.github.io/index.html"><i class="fa fa-home fa-fw"></i> Home</a>
</li>
<li>
<a href="http://linkaan.github.io/videos.html"><i class="fa fa-film fa-fw"></i> Videos</a>
</li>
<li>
<a href="http://linkaan.github.io/about.html"><i class="fa fa-info-circle fa-fw"></i> About</a>
</li>
<li>
<a href="http://linkaan.github.io/statistics.html"><i class="fa fa-line-chart fa-fw"></i> Statistics</a>
</li>
</ul>
</div>
<div id="birds" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item item1">
<p class="caption">Poecile Palustris</p>
</div>
<div class="item item2">
<p class="caption">Turdus Merula</p>
</div>
<div class="item item3">
<p class="caption">Erithacus rubecula</p>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="index.html#birds" data-slide="prev">‹</a>
<a class="carousel-control right" href="index.html#birds" data-slide="next">›</a>
</div>
<div class="row one-column">
<div class="span12">
<div class="content">
<h2>Fågelmatare</h2>
<p>Website for Fågelmataren crafted with the truly finest css code available. This project was started in the autumn of 2014. The name Fågelmatare comes from the swedish noun "bird feeder", in fact it means exactly that. The idea was simple: to create an autonomous bird feeder with video recording capabilties. It has expanded into a relatively complex proejct with time as it has been equipped with more and more functions and peripherals. Below is a live feed of Fågelmataren. Feel free to visit this website any time you like.</p>
<hr />
</div>
</div>
</div>
<div class="livestream">
<!--<iframe width="640" height="427" src="http://www.ustream.tv/embed/19721581?html5ui&showtitle=false" allowfullscreen webkitallowfullscreen scrolling="no" frameborder="0" style="border: 0 none transparent;"></iframe>-->
<iframe width="640" height="427" src="https://www.youtube.com/embed/live_stream?channel=UCvphpWdtmE9arUV9Q6WyKlw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen scrolling="no" frameborder="0" style="border: 0 none transparent;"></iframe>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="span4">
<h3>Links</h3>
<ul class="footer-nav">
<li>
<a href="http://linkaan.github.io/index.html">Home</a>
</li>
<li>
<a href="http://linkaan.github.io/videos.html">Videos</a>
</li>
<li>
<a href="http://linkaan.github.io/about.html">About</a>
</li>
<li>
<a href="http://linkaan.github.io/statistics.html">Statistics</a>
</li>
</ul>
</div>
<div class="span4">
<h3>Github</h3>
<p>Find the source code behind Fågelmataren on Github.</p>
<p>
<strong>Fågelmatare:</strong> <a href="https://github.com/Linkaan/Fagelmatare">Fagelmatare</a><br />
<strong>Website:</strong> <a href="https://github.com/Linkaan/Linkaan.github.io">Linkan.github.io</a>
</p>
</div>
<div class="span4">
<h3>Contact</h3>
<p>If you have a question don't hesitate to get in touch:</p>
<p>
<strong>Gitter:</strong> <a>https://gitter.im/Linkaan/Fagelmatare</a><br />
<strong>Email:</strong> <a href="mailto:linus122xbb@gmail.com">linus122xbb@gmail.com</a>
</p>
</div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/js/bootstrap.js"></script>
</body>
</html>