162 lines
6.5 KiB
HTML
162 lines
6.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang='de'>
|
||
|
<head>
|
||
|
<meta charset='utf-8'>
|
||
|
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
|
||
|
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
|
||
|
<!-- <link href='//bootswatch.com/lumen/bootstrap.min.css' rel='stylesheet'> -->
|
||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
|
||
|
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'>
|
||
|
<link href='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.css' rel='stylesheet'>
|
||
|
<link href='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.print.css' media='print' rel='stylesheet'>
|
||
|
<link href='/img/freifunk.png' rel='icon' type='image/png'>
|
||
|
<link href='/img/freifunk.png' rel='apple-touch-icon' type='image/png'>
|
||
|
<title>Freifunk Innsbruck</title>
|
||
|
|
||
|
<style>
|
||
|
/* line 1, (__TEMPLATE__) */
|
||
|
li {
|
||
|
padding-top: 32px; }
|
||
|
|
||
|
/* line 3, (__TEMPLATE__) */
|
||
|
.fc-event {
|
||
|
text-decoration: none !important; }
|
||
|
|
||
|
/* line 5, (__TEMPLATE__) */
|
||
|
.fc-event .fc-content {
|
||
|
font-size: 16px; }
|
||
|
|
||
|
/* line 7, (__TEMPLATE__) */
|
||
|
.fc-day-grid-event .fc-content {
|
||
|
white-space: normal; }
|
||
|
</style>
|
||
|
<!- Google ->
|
||
|
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class='navbar navbar-default' role='navigation'>
|
||
|
<div class='container'>
|
||
|
<div class='navbar-header'>
|
||
|
<button class='navbar-toggle' data-target='#nav' data-toggle='collapse' type='button'>
|
||
|
<span class='sr-only'>Toggle navigation</span>
|
||
|
<span class='icon-bar'></span>
|
||
|
<span class='icon-bar'></span>
|
||
|
<span class='icon-bar'></span>
|
||
|
</button>
|
||
|
<a class='navbar-brand' href='/'>
|
||
|
<img style="height: 3em" alt="Freifunk Innsbruck" src="img/freifunk-ibk.svg" />
|
||
|
</a>
|
||
|
</div>
|
||
|
<div class='collapse navbar-collapse' id='nav'>
|
||
|
<ul class='nav navbar-nav'>
|
||
|
<li class="active"><a href="/">Start</a></li>
|
||
|
<li><a href="/anleitung">Anleitung</a></li>
|
||
|
<li><a href="/download">Download</a></li>
|
||
|
<li><a href="/kontakt">Kontakt</a></li>
|
||
|
</ul>
|
||
|
<ul class='nav navbar-nav pull-right'>
|
||
|
<!--<li><a href="/kalender">Kalender</a></li>-->
|
||
|
<li><a href="https://map.freifunk-innsbruck.at">Karte</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class='container'>
|
||
|
<style>
|
||
|
.videoWrapper {
|
||
|
position: relative;
|
||
|
padding-bottom: 56.25%; /* 16:9 */
|
||
|
padding-top: 25px;
|
||
|
height: 0;
|
||
|
}
|
||
|
.videoWrapper iframe {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
/* body {
|
||
|
background-image: url("/img/photo.jpg");
|
||
|
background-size: cover;
|
||
|
background-repeat: no-repeat;
|
||
|
} */
|
||
|
</style>
|
||
|
<div class='jumbotron text-center'>
|
||
|
<h1>Für ein freies Netz</h1>
|
||
|
<p>Wir bauen ein urbanes Computer-Netzwerk in Innsbruck</p>
|
||
|
<hr>
|
||
|
<div class='row'>
|
||
|
<div class='col-md-4'>
|
||
|
<i class='fa fa-arrow-circle-o-right fa-3x'></i>
|
||
|
<p>Das Netzwerk kann von jedem genutzt werden, ohne Anmeldung. Und das an immer mehr Orten.</p>
|
||
|
</div>
|
||
|
<div class='col-md-4'>
|
||
|
<i class='fa fa-rss fa-3x'></i>
|
||
|
<p>Verbinde dein Gerät einfach per WLAN. Dazu brauchst du keine spezielle Software.</p>
|
||
|
</div>
|
||
|
<div class='col-md-4'>
|
||
|
<i class='fa fa-child fa-3x'></i>
|
||
|
<p>Mach mit bei den Freifunkern und erweitere das Netzwerk mit deinen eigenen Geräten.</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class='jumbotron text-center'>
|
||
|
<h1>Mitmachen</h1>
|
||
|
<p>Stelle deinen eigenen Knoten auf, verbinde dich ans Freifunk-Netzwerk und richte die Antennen aus!</p>
|
||
|
<hr>
|
||
|
<div class='row'>
|
||
|
<div class='col-md-6'>
|
||
|
<h2>Anleitung</h2>
|
||
|
<p>Lies unsere Anleitung, wie du Schritt für Schritt einen eigenen Freifunk-Knoten aufbauen kannst.</p>
|
||
|
<a class='btn btn-primary' href='/anleitung'>Anleitung</a>
|
||
|
</div>
|
||
|
<div class='col-md-6'>
|
||
|
<h2>Kontakt</h2>
|
||
|
<p>Wir laden dich zu unseren Treffen ein. Komm einfach vorbei und melde dich im Forum an.</p>
|
||
|
<a class='btn btn-primary' href='/kontakt'>Kontakt</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class='jumbotron text-center'>
|
||
|
<div class='row videoWrapper'>
|
||
|
<iframe allowfullscreen frameborder='0' mozallowfullscreen src='//player.vimeo.com/video/64814620' webkitallowfullscreen></iframe>
|
||
|
</div>
|
||
|
</div>
|
||
|
<p class='pull-right'>
|
||
|
<a href='https://secure.flickr.com/photos/20792787@N00/4016700157'>Photo by jaime.silva</a>
|
||
|
</p>
|
||
|
</div> </body>
|
||
|
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
|
||
|
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
|
||
|
<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js'></script>
|
||
|
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.js'></script>
|
||
|
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/lang/de.js'></script>
|
||
|
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/gcal.js'></script>
|
||
|
<!-- <script>
|
||
|
$(document).ready(function() {
|
||
|
$('#calendar').fullCalendar({
|
||
|
googleCalendarApiKey: 'AIzaSyCd4qpRTufHOrQPmxMP086FZ8r1EhJNiaQ',
|
||
|
events: {
|
||
|
googleCalendarId: 'fluxent.de_q9r2g8ij29e6satlpin9nrchlc@group.calendar.google.com'
|
||
|
},
|
||
|
firstDay: 1,
|
||
|
lang: 'de',
|
||
|
eventColor: '#009ee0',
|
||
|
eventBackgroundColor: '#009ee0',
|
||
|
eventTextColor: '#ffffff',
|
||
|
header: {
|
||
|
left: 'title',
|
||
|
center: '',
|
||
|
right: 'today prev,next'
|
||
|
},
|
||
|
timeFormat: 'HH:mm',
|
||
|
eventClick: function(event) {
|
||
|
// opens events in a popup window
|
||
|
window.open(event.url, 'gcalevent', 'width=700,height=600');
|
||
|
return false;
|
||
|
},
|
||
|
});
|
||
|
});
|
||
|
</script> -->
|
||
|
</html>
|