index.html 6.23 KB
Newer Older
1
2
3
4
5
<html>
 <head>
  <title>Startseite</title>
  <meta name="save_as" content="index.html" />
 </head>
Tom Teichler's avatar
Tom Teichler committed
6

7
 <body>
Tom Teichler's avatar
Tom Teichler committed
8
   <div class="carousel slide" data-bs-ride="carousel" id="index-carousel">
Tom Teichler's avatar
Tom Teichler committed
9
     <ol class="carousel-indicators">
Tom Teichler's avatar
Tom Teichler committed
10
11
12
13
14
       <li data-bs-target="#index-carousel" data-bs-slide-to="0" class="active"></li>
       <li data-bs-target="#index-carousel" data-bs-slide-to="1"></li>
       <li data-bs-target="#index-carousel" data-bs-slide-to="2"></li>
       <li data-bs-target="#index-carousel" data-bs-slide-to="3"></li>
       <li data-bs-target="#index-carousel" data-bs-slide-to="4"></li>
Tom Teichler's avatar
Tom Teichler committed
15
16
17
     </ol>
     <div class="carousel-inner">
       <div class="carousel-item active">
Dominik George's avatar
Dominik George committed
18
         <img class="d-block w-100" src="/images/carousel/tom-erklärt-veripeditus.jpg" />
Tom Teichler's avatar
Tom Teichler committed
19
20
21
22
23
24
             <div class="carousel-caption d-none d-md-block">
               <h5>Von Kindern, für Kinder</h5>
               <p>Unsere jungen Tutoren zwischen 9 und 16 Jahren arbeiten regelmäßig gemeinsam an ihren Workshops, die sie dann für gleichaltrige Kinder und Jugendliche leiten.</p>
         </div>
       </div>
       <div class="carousel-item">
Dominik George's avatar
Dominik George committed
25
         <img class="d-block w-100" src="/images/carousel/gruppenbild.jpeg" />
Tom Teichler's avatar
Tom Teichler committed
26
27
28
29
30
31
             <div class="carousel-caption d-none d-md-block">
               <h5>Kinder bei Freie-Software-Konferenzen</h5>
               <p>Unsere 100 Teilnehmer der FrogLabs bei der FrOSCon in Sankt Augustin im Jahr 2017</p>
         </div>
       </div> 
       <div class="carousel-item">
Dominik George's avatar
Dominik George committed
32
         <img class="d-block w-100" src="/images/carousel/kinder-elektronik.jpg" />
Tom Teichler's avatar
Tom Teichler committed
33
34
35
36
37
38
             <div class="carousel-caption d-none d-md-block">
               <h5>Mehr als Informatik</h5>
               <p>In unseren Projekten kombinieren wir Informatik mit vielen anderen Elementen, wie Elektronik, Grafik, uvm.</p>
         </div>
       </div>
       <div class="carousel-item">
Dominik George's avatar
Dominik George committed
39
         <img class="d-block w-100" src="/images/carousel/mädchen-mit-tux.jpg" />
Tom Teichler's avatar
Tom Teichler committed
40
41
42
43
44
45
             <div class="carousel-caption d-none d-md-block">
               <h5>Freie Software für jeden</h5>
               <p>Bei Teckids werden alle Kinder und Jugendlichen Teil der Freie-Software-Gemeinschaft — als Benutzer und als Kontributoren.</p>
         </div>
       </div>
       <div class="carousel-item">
Dominik George's avatar
Dominik George committed
46
         <img class="d-block w-100" src="/images/carousel/kinder-kreatives.jpg" />
Tom Teichler's avatar
Tom Teichler committed
47
48
49
50
51
             <div class="carousel-caption d-none d-md-block">
               <h5>Klein anfangen — oder groß</h5>
               <p>Für jeden das richtige Einstiegslevel — mit Programmierung, Elektronik oder zum Einstieg mit Hörspielen und Trickfilmen.</p>
         </div>
       </div>
Tom Teichler's avatar
Tom Teichler committed
52
       <a class="carousel-control-prev" data-bs-target="#index-carousel" type="button" data-bs-slide="prev">
Tom Teichler's avatar
Tom Teichler committed
53
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
54
         <span class="visually-hidden">Previous</span>
Tom Teichler's avatar
Tom Teichler committed
55
       </a>
Tom Teichler's avatar
Tom Teichler committed
56
       <a class="carousel-control-next" data-bs-target="#index-carousel" type="button" data-bs-slide="next">
Tom Teichler's avatar
Tom Teichler committed
57
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
58
         <span class="visually-hidden">Next</span>
Tom Teichler's avatar
Tom Teichler committed
59
60
61
62
63
64
65
       </a>
     </div>
   </div>

  <div class="container" id="project-columns">
    <div class="row">
      <div class="d-flex flex-column col-lg-4 border-right">
66
        <a href="https://schul-frei.dev/">
Tom Teichler's avatar
Tom Teichler committed
67
68
          <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
        </a>
69
70
71
        <p>
          <b>Freie Software und Bildung Hand in Hand</b>
        </p>
Tom Teichler's avatar
Tom Teichler committed
72
73
74
75
76
77
78
        <p>
          Das Projekt schul-frei ist ein Kuratorium für Freie Software in der Bildung.
        </p>
        <p class="mt-auto">
          Die im Projekt engagierten Softwareentwicklerinnen, Lehrkräfte, Schulen, Schüler und IT-Unternehmen
          bieten gemeinsam eine breite, übersichtliches und qualitativ hochwertige Sammlung von Softwarelösungen
          für Jugend und Bildung an — als Gemeinschaft und als Dienstleistung für Schulen und Entscheidungsträger.
Dominik George's avatar
Dominik George committed
79
80
	  Außerdem hilft das Projekt jungen Kontributorinnen und Kontributoren, ihren Weg in die Welt der
	  Freien Software zu finden.  
Tom Teichler's avatar
Tom Teichler committed
81
        </p>
82
        <a class="btn btn-dark mt-auto" href="https://schul-frei.dev/">Mehr auf schul-frei.dev</a>
Dominik George's avatar
Dominik George committed
83
      </div>
Tom Teichler's avatar
Tom Teichler committed
84
      <div class="d-flex flex-column col-lg-4 border-right">
85
        <a href="https://hacknfun.camp">
Tom Teichler's avatar
Tom Teichler committed
86
87
          <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack’n’Fun" class="projektlogo" />
        </a>
88
89
90
        <p>
          <b>Lernen und Ausprobieren mit Kindern</b>
        </p>
Tom Teichler's avatar
Tom Teichler committed
91
92
93
94
95
96
97
98
99
100
        <p>
          Im Projekt Hack’n’Fun experimentieren Kinder, Jugendliche und Erwachsene gemeinsam, um technische
          Themen kennenzulernen.
        </p>
        <p class="mt-auto">
          Bei Wochenend- und Ferienfreizeiten sowie in dauerhaften Online- und Offline-Themennachmittagen
          bieten erfahrene Jugendliche oder Erwachsene Themenideen aus verschiedenen technischen Bereichen an
          oder Kinder und Jugendliche wünschen sich selber Themen, die sie interessieren — bei mehrtägigen
          Freizeiten mit umfangreichem sozialem Rahmenprogramm.
        </p>
101
        <a class="btn btn-dark mt-auto" href="https://hacknfun.camp/">Mehr auf hacknfun.camp</a>
Dominik George's avatar
Dominik George committed
102
      </div>
Tom Teichler's avatar
Tom Teichler committed
103
      <div class="d-flex flex-column col-lg-4">
104
        <a href="https://leopard.institute">
Tom Teichler's avatar
Tom Teichler committed
105
106
          <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
        </a>
107
        <p>
Dominik George's avatar
Dominik George committed
108
          <b>Partizipatives Lernen</b>
109
        </p>
Tom Teichler's avatar
Tom Teichler committed
110
        <p>
Dominik George's avatar
Dominik George committed
111
	  Lernen und zusammenarbeiten nach Fähigkeiten und Zielen
Tom Teichler's avatar
Tom Teichler committed
112
113
        </p>
        <p class="mt-auto">
Dominik George's avatar
Dominik George committed
114
115
116
117
118
119
	    Die Konzepte, die das Projekt LEOPARD erarbeitet und erprobt, ermöglichen dezentrales
	    und asynchrones, gemeinsames oder selbstständiges, Lernen für jung und alt.
	    Kern des Konzepte ist die Befähigung von Menschen dazu, sich ihre Lernziele und
	    Aufgaben nach Fähigkeiten und Interessen auszusuchen. Begleitet durch Online- und
	    Offline-Barcamps stellt LEOPARD den Rahmen für die Partizipation in allen Veeinsprojekten
	    und darüber hinaus.
Tom Teichler's avatar
Tom Teichler committed
120
        </p>
121
        <a class="btn btn-dark mt-auto" href="https://leopard.institute/">Mehr auf leopard.institute</a>
Dominik George's avatar
Dominik George committed
122
123
      </div>
    </div>
Dominik George's avatar
Dominik George committed
124
  </div>
125
126
</body>
</html>