You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
4.8 KiB

  1. <!DOCTYPE html>
  2. <html lang='de'>
  3. <head>
  4. <meta charset='utf-8'>
  5. <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
  6. <meta content='width=device-width, initial-scale=1.0' name='viewport'>
  7. <link rel="stylesheet" href="/assets/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  8. <link href='/assets/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'>
  9. <link href='/img/freifunk.png' rel='icon' type='image/png'>
  10. <link href='/img/freifunk.png' rel='apple-touch-icon' type='image/png'>
  11. <title>Freifunk Innsbruck</title>
  12. <style>
  13. /* line 1, (__TEMPLATE__) */
  14. li {
  15. padding-top: 32px; }
  16. /* line 3, (__TEMPLATE__) */
  17. .fc-event {
  18. text-decoration: none !important; }
  19. /* line 5, (__TEMPLATE__) */
  20. .fc-event .fc-content {
  21. font-size: 16px; }
  22. /* line 7, (__TEMPLATE__) */
  23. .fc-day-grid-event .fc-content {
  24. white-space: normal; }
  25. </style>
  26. <!- Google ->
  27. </head>
  28. <body>
  29. <div class='navbar navbar-default' role='navigation'>
  30. <div class='container'>
  31. <div class='navbar-header'>
  32. <button class='navbar-toggle' data-target='#nav' data-toggle='collapse' type='button'>
  33. <span class='sr-only'>Toggle navigation</span>
  34. <span class='icon-bar'></span>
  35. <span class='icon-bar'></span>
  36. <span class='icon-bar'></span>
  37. </button>
  38. <a class='navbar-brand' href='/'>
  39. <img style="height: 3em" alt="Freifunk Innsbruck" src="/img/freifunk-ibk.svg" />
  40. </a>
  41. </div>
  42. <div class='collapse navbar-collapse' id='nav'>
  43. <ul class='nav navbar-nav'>
  44. <li class="active"><a href="/">Start</a></li>
  45. <li><a href="/anleitung">Anleitung</a></li>
  46. <li><a href="/download">Download</a></li>
  47. <li><a href="/kontakt">Kontakt</a></li>
  48. </ul>
  49. <ul class='nav navbar-nav pull-right'>
  50. <!--<li><a href="/kalender">Kalender</a></li>-->
  51. <li><a href="https://map.freifunk-innsbruck.at">Karte</a></li>
  52. </ul>
  53. </div>
  54. </div>
  55. </div>
  56. <div class='container'>
  57. <style>
  58. .videoWrapper {
  59. position: relative;
  60. padding-bottom: 56.25%; /* 16:9 */
  61. padding-top: 25px;
  62. height: 0;
  63. }
  64. .videoWrapper iframe {
  65. position: absolute;
  66. top: 0;
  67. left: 0;
  68. width: 100%;
  69. height: 100%;
  70. }
  71. /* body {
  72. background-image: url("/img/photo.jpg");
  73. background-size: cover;
  74. background-repeat: no-repeat;
  75. } */
  76. </style>
  77. <div class='jumbotron text-center'>
  78. <h1>Für ein freies Netz</h1>
  79. <p>Wir bauen ein urbanes Computer-Netzwerk in Innsbruck</p>
  80. <hr>
  81. <div class='row'>
  82. <div class='col-md-4'>
  83. <i class='fa fa-arrow-circle-o-right fa-3x'></i>
  84. <p>Das Netzwerk kann von jedem genutzt werden, ohne Anmeldung. Und das an immer mehr Orten.</p>
  85. </div>
  86. <div class='col-md-4'>
  87. <i class='fa fa-rss fa-3x'></i>
  88. <p>Verbinde dein Gerät einfach per WLAN. Dazu brauchst du keine spezielle Software.</p>
  89. </div>
  90. <div class='col-md-4'>
  91. <i class='fa fa-child fa-3x'></i>
  92. <p>Mach mit bei den Freifunkern und erweitere das Netzwerk mit deinen eigenen Geräten.</p>
  93. </div>
  94. </div>
  95. </div>
  96. <div class='jumbotron text-center'>
  97. <h1>Mitmachen</h1>
  98. <p>Stelle deinen eigenen Knoten auf, verbinde dich ans Freifunk-Netzwerk und richte die Antennen aus!</p>
  99. <hr>
  100. <div class='row'>
  101. <div class='col-md-6'>
  102. <h2>Anleitung</h2>
  103. <p>Lies unsere Anleitung, wie du Schritt für Schritt einen eigenen Freifunk-Knoten aufbauen kannst.</p>
  104. <a class='btn btn-primary' href='/anleitung'>Anleitung</a>
  105. </div>
  106. <div class='col-md-6'>
  107. <h2>Kontakt</h2>
  108. <p>Wir laden dich zu unseren Treffen ein. Komm einfach vorbei und melde dich im Forum an.</p>
  109. <a class='btn btn-primary' href='/kontakt'>Kontakt</a>
  110. </div>
  111. </div>
  112. </div>
  113. <div class='jumbotron text-center'>
  114. <div class='row videoWrapper'>
  115. <iframe allowfullscreen frameborder='0' mozallowfullscreen src='//player.vimeo.com/video/64814620' webkitallowfullscreen></iframe>
  116. </div>
  117. </div>
  118. <p class='pull-right'>
  119. <a href='https://secure.flickr.com/photos/20792787@N00/4016700157'>Photo by jaime.silva</a>
  120. </p>
  121. </div> </body>
  122. </html>