Skip to content

Commit 918b15f

Browse files
nicholasdillenicholasdille
committed
Medienkompetenz
1 parent f272437 commit 918b15f

7 files changed

+328
-0
lines changed

‎2025-05-01_Medienkompetenz.html

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<?xml version="1.0" encoding="ISO-8859-1"?>
2+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3+
<html xmlns="http://www.w3.org/1999/xhtml">
4+
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5+
<meta charset="utf-8" />
6+
7+
<title>Medienkompetenz</title>
8+
9+
<!-- https://gauger.io/fonticon/ -->
10+
<link rel="icon" href="150_gitlab/media/favicon.ico" />
11+
12+
<link rel="stylesheet" href="node_modules/reveal.js/dist/reset.css" />
13+
<link rel="stylesheet" href="node_modules/reveal.js/dist/reveal.css" />
14+
<link rel="stylesheet" href="node_modules/reveal.js/dist/theme/black.css" />
15+
<link rel="stylesheet" href="node_modules/highlight.js/styles/rainbow.css" />
16+
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-pro/css/all.min.css" />
17+
<link rel="stylesheet" href="themes/theme2022.css" />
18+
<link rel="stylesheet" href="themes/common.css" />
19+
</head>
20+
21+
<body>
22+
<div class="reveal">
23+
<div class="slides">
24+
25+
<section id="title" data-separator="^---$" data-separator-vertical="^--$" data-background="images/jon-flobrant-_r19nfvS3wY-unsplash.jpg" class="center" style="padding: 1em 1em 1em 1em; color: white; background: rgba(0, 0, 0, 0.5); width: 60%; margin: auto; text-align: right;">
26+
27+
<h1 style="font-size: 1.5em; color: white;">Medienkompetenz</h1>
28+
29+
<p><img src="" style="float: left; height: 1em;" /></p>
30+
31+
<h2 style="font-size: 1.2em; text-transform: none; color: white;"></h2>
32+
33+
<p><i>Nicholas Dille, Haufe Group</i></p>
34+
35+
<p><a href=""> </a></p>
36+
</section>
37+
38+
<section id="agenda" data-separator="^---$" data-separator-vertical="^--$">
39+
<h2>Agenda</h2>
40+
41+
<i class="fa-duotone fa-4x fa-list-check" style="float: right;"></i>
42+
43+
<ul id="bullets" class="fa-ul" style="line-height: 1.5em; font-size: larger; margin-top: 0.5em;">
44+
<li><span class="fa-li"><i class="fa-duotone fa-mobile-screen-button"></i></span> Warum ein Handy?</li>
45+
<li><span class="fa-li"><i class="fa-duotone fa-triangle-exclamation"></i></span> Gefahren</li>
46+
<li><span class="fa-li"><i class="fa-duotone fa-people-roof"></i></span> xxx</li>
47+
<li><span class="fa-li"><i class="fa-duotone fa-shield-heart"></i></span> Schutz</li>
48+
<li><span class="fa-li"><i class="fa-duotone fa-handshake-simple"></i></span> Kompetenz</li>
49+
</ul>
50+
</section>
51+
52+
<section data-markdown="995_medienkompetenz/disclaimer.md" data-separator="^---$" data-separator-vertical="^--$"></section>
53+
<section data-markdown="995_medienkompetenz/intro.md" data-separator="^---$" data-separator-vertical="^--$"></section>
54+
<section data-markdown="995_medienkompetenz/schutz.md" data-separator="^---$" data-separator-vertical="^--$"></section>
55+
<section data-markdown="995_medienkompetenz/kompetenz.md" data-separator="^---$" data-separator-vertical="^--$"></section>
56+
57+
<section id="summary" data-separator="^---$" data-separator-vertical="^--$">
58+
<h2>Summary</h2>
59+
60+
<i class="fa-duotone fa-4x fa-lightbulb-on" style="float: right;"></i>
61+
62+
<ul id="bullets" class="fa-ul" style="line-height: 1.5em;">
63+
<li><span class="fa-li"><i class="fa-duotone fa-infinity"></i></span> GitLab covers the whole DevOps process</li>
64+
<li><span class="fa-li"><i class="fa-duotone fa-ball-pile"></i></span> GitLab is packed with features</li>
65+
<li><span class="fa-li"><i class="fa-duotone fa-gauge-min"></i></span> No plugins to support recurring tasks</li>
66+
<li><span class="fa-li"><i class="fa-duotone fa-shield-check"></i></span> Useful security features even in free tier</li>
67+
</ul>
68+
69+
<h3 id="events">Upcoming events</h3>
70+
</section>
71+
72+
</div>
73+
</div>
74+
75+
<script src="node_modules/reveal.js/dist/reveal.js" type="application/javascript"></script>
76+
<script src="node_modules/reveal.js/plugin/markdown/markdown.js" type="application/javascript"></script>
77+
<script src="node_modules/reveal.js/plugin/highlight/highlight.js" type="application/javascript"></script>
78+
<script src="node_modules/reveal.js/plugin/search/search.js" type="application/javascript"></script>
79+
<script src="node_modules/reveal.js/plugin/zoom/zoom.js" type="application/javascript"></script>
80+
<script src="node_modules/reveal.js/plugin/notes/notes.js" type="application/javascript"></script>
81+
<script>
82+
var durationInMinutes = 4 * 60;
83+
Reveal.initialize({
84+
width: 1400,
85+
height: 850,
86+
margin: 0.05,
87+
controlsTutorial: false,
88+
showSlideNumber: false,
89+
hash: true,
90+
history: true,
91+
keyboard: true,
92+
overview: true,
93+
center: false,
94+
touch: false,
95+
shuffle: false,
96+
fragments: true,
97+
fragmentInURL: true,
98+
embedded: false,
99+
help: true,
100+
showNotes: false,
101+
autoPlayMedia: null,
102+
mouseWheel: false,
103+
previewLinks: false,
104+
transition: 'convex',
105+
transitionSpeed: 'default',
106+
backgroundTransition: 'fade',
107+
hideInactiveCursor: true,
108+
hideCursorTime: 3000,
109+
110+
totalTime: durationInMinutes * 60,
111+
allottedTime: durationInMinutes * 60 * 1000,
112+
113+
barColor: 'rgb(200, 0, 0)',
114+
pausedBarColor: 'rgba(200, 0, 0, .6)',
115+
116+
markdown: {
117+
smartypants: true
118+
},
119+
120+
plugins: [
121+
RevealMarkdown,
122+
RevealHighlight,
123+
RevealSearch,
124+
RevealZoom,
125+
RevealNotes
126+
]
127+
});
128+
</script>
129+
130+
</body>
131+
</html>

‎2025-05-01_Medienkompetenz.yaml

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
date: 2025-05-01
2+
metadata:
3+
title: Medienkompetenz
4+
title_slug: medienkompetenz
5+
subtitle: ""
6+
favicon: 150_gitlab/media/favicon.ico
7+
background:
8+
# https://unsplash.com/photos/man-walking-on-forest-_r19nfvS3wY
9+
image: images/jon-flobrant-_r19nfvS3wY-unsplash.jpg
10+
size: 90%
11+
positon: left 50% top 50%
12+
event:
13+
name: " "
14+
logo: ""
15+
link: ""
16+
17+
pre_slides: []
18+
19+
agenda:
20+
- icon: mobile-screen-button
21+
text: Warum ein Handy?
22+
- icon: triangle-exclamation
23+
text: Gefahren
24+
- icon: people-roof
25+
text: xxx
26+
- icon: shield-heart
27+
text: Schutz
28+
- icon: handshake-simple
29+
text: Kompetenz
30+
31+
slides:
32+
- 995_medienkompetenz/disclaimer.md
33+
- 995_medienkompetenz/intro.md
34+
- 995_medienkompetenz/schutz.md
35+
- 995_medienkompetenz/kompetenz.md
36+
37+
summary:
38+
- icon: infinity
39+
text: GitLab covers the whole DevOps process
40+
- icon: ball-pile
41+
text: GitLab is packed with features
42+
- icon: gauge-min
43+
text: No plugins to support recurring tasks
44+
- icon: shield-check
45+
text: Useful security features even in free tier
46+
47+
events: []
48+
49+
post_slides: []

‎995_medienkompetenz/disclaimer.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
## Disclaimer
2+
3+
Kein Support!!!

‎995_medienkompetenz/intro.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
## Zweck und Ziel
2+
3+
- <i class="fa-solid fa-handshake-simple"></i><p>**Erfahrungsaustausch**</p>Wie macht Ihr es?<br/>An alles gedacht?
4+
- <i class="fa-solid fa-lightbulb"></i><p>**Motivation und Impulse**</p>A<br/>B
5+
- <i class="fa-solid fa-arrow-rotate-right"></i><p>**Ganzheitlicher Ansatz**</p>A<br/>B
6+
7+
<!-- .element: class="ul-to-blocks3" -->
8+
9+
---
10+
11+
## Warum ein Handy?
12+
13+
- Peer Pressure
14+
- Eltern fühlen sich sicherer
15+
- Erreichbarkeit
16+
- Musik hören
17+
18+
---
19+
20+
## Gefahren
21+
22+
- <i class="fa-solid fa-syringe"></i><p>**Sucht**</p>X
23+
- <i class="fa-solid fa-person-harassing"></i><p>**Aggression**</p>X
24+
- <i class="fa-solid fa-heart-pulse"></i><p>**Gesundheit**</p>X
25+
26+
<!-- .element: class="ul-to-blocks3" -->
27+
28+
---
29+
30+
## Familienarbeit
31+
32+
- <i class="fa-solid fa-clock"></i><p>**Früh anfangen**</p>X<br/>Y<br/>Z
33+
- <i class="fa-solid fa-file-signature"></i><p>**Handyvertrag**</p>Rechte<br/>Pflichten<br/>Eltern und Kinder
34+
- <i class="fa-solid fa-ranking-star"></i><p>**Prioritäten**</p>Freunde<br/>Draußen<br/>Medien
35+
- <i class="fa-solid fa-hands-holding-child"></i><p>**Vorbild sein**</p>X<br/>Y<br/>Z
36+
37+
<!-- .element: class="ul-to-blocks4" -->

‎995_medienkompetenz/kompetenz.md

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
## Kompetenz
2+
3+
---
4+
5+
> Wenn ein Dienst nichts kostet, bist du das Produkt.
6+
7+
---
8+
9+
> Ich habe nichts zu verbergen.
10+
11+
---
12+
13+
## WhatsApp
14+
15+
- <i class="fa-solid fa-address-book"></i> Kontakte
16+
- <i class="fa-solid fa-people-arrows"></i> Metadaten
17+
- <i class="fa-solid fa-ranking-star"></i> Alternativen
18+
19+
---
20+
21+
## Konten
22+
23+
---
24+
25+
## Jugendfilter
26+
27+
---
28+
29+
## Cookies / Tracking
30+
31+
---
32+
33+
## Rechtliches
34+
35+
Dies ist keine Rechtsberatung!
36+
37+
- <i class="fa-solid fa-file-contract"></i> AGBs
38+
- <i class="fa-solid fa-section"></i> DSGVO Artikel 8
39+
40+
---
41+
42+
## Spiele
43+
44+
- Xbox Live
45+
- Switch

‎995_medienkompetenz/schutz.md

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
## Schutz
2+
3+
---
4+
5+
## Medienzeit
6+
7+
- Fernseher
8+
- Streamingdienste
9+
- Tablet
10+
- Handy
11+
- Spielekonsole
12+
- PC / Laptop
13+
14+
---
15+
16+
## Das richtige Handy
17+
18+
- <i class="fa-solid fa-maximize"></i> Größe
19+
- <i class="fa-solid fa-arrows-spin"></i> Updates
20+
- <i class="fa-solid fa-money-bill-1-wave"></i> Versicherung
21+
22+
---
23+
24+
## Elternkontrolle
25+
26+
---
27+
28+
## Features
29+
30+
- <i class="fa-solid fa-clock"></i> Bildschirmzeit
31+
- <i class="fa-solid fa-bed"></i> Ruhezeit
32+
- <i class="fa-solid fa-plus"></i> Bonuszeit
33+
34+
---
35+
36+
## Zugriff
37+
38+
- <i class="fa-solid fa-lock"></i> (Ent-)Sperren
39+
- <i class="fa-solid fa-person-dress"></i> Elternzugriff
40+
41+
---
42+
43+
## Notfälle
44+
45+
- <i class="fa-solid fa-phone"></i> Telefonate
46+
- <i class="fa-solid fa-triangle-exclamation"></i> Notrufe
47+
- <i class="fa-solid fa-location-dot"></i> Standort
48+
49+
---
50+
51+
## App-Berechtigungen
52+
53+
---
54+
55+
## Jugendfilter
56+
57+
---
58+
59+
## Benachrichtigungen
60+
61+
---
62+
63+
## Achtung Sackgasse

‎images/jon-flobrant-_r19nfvS3wY-unsplash.jpg

500 KB
Loading

0 commit comments

Comments
 (0)