index.html 6.15 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
        <p>
89
          <b>Gemeinsames Lernen und Ausprobieren von technischen Themen</b>
90
        </p>
Tom Teichler's avatar
Tom Teichler committed
91
        <p>
92
Im Projekt Hack’n’Fun experimentieren Kinder, Jugendliche und Erwachsene gemeinsam, um technische Themen kennenzulernen. Jede*r kann Themen vorschlagen und damit ankündigen, etwas zeigen zu wollen, darum bitten, etwas gezeigt zu bekommen, oder dazu aufrufen, etwas gemeinsam auszuprobieren und herauszufinden.
Tom Teichler's avatar
Tom Teichler committed
93
94
        </p>
        <p class="mt-auto">
95
Die aktiven Projektmitglieder gestalten aus den Ergebnissen dann Wochenend- und Ferienfreizeiten für Einsteiger*innen.
Tom Teichler's avatar
Tom Teichler committed
96
        </p>
97
        <a class="btn btn-dark mt-auto" href="https://hacknfun.camp/">Mehr auf hacknfun.camp</a>
Dominik George's avatar
Dominik George committed
98
      </div>
Tom Teichler's avatar
Tom Teichler committed
99
      <div class="d-flex flex-column col-lg-4">
100
        <a href="https://leopard.institute">
Tom Teichler's avatar
Tom Teichler committed
101
102
          <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
        </a>
103
        <p>
Dominik George's avatar
Dominik George committed
104
          <b>Partizipatives Lernen</b>
105
        </p>
Tom Teichler's avatar
Tom Teichler committed
106
        <p>
Dominik George's avatar
Dominik George committed
107
	  Lernen und zusammenarbeiten nach Fähigkeiten und Zielen
Tom Teichler's avatar
Tom Teichler committed
108
109
        </p>
        <p class="mt-auto">
Dominik George's avatar
Dominik George committed
110
111
112
113
	    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
mirabilos's avatar
mirabilos committed
114
	    Offline-Barcamps stellt LEOPARD den Rahmen für die Partizipation in allen Vereinsprojekten
Dominik George's avatar
Dominik George committed
115
	    und darüber hinaus.
Tom Teichler's avatar
Tom Teichler committed
116
        </p>
117
        <a class="btn btn-dark mt-auto" href="https://leopard.institute/">Mehr auf leopard.institute</a>
Dominik George's avatar
Dominik George committed
118
119
      </div>
    </div>
Dominik George's avatar
Dominik George committed
120
  </div>
121
122
</body>
</html>