wpan_presentation/index.html at main · xxmathias/wpan_presentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>reveal.js</title>

    <link rel="stylesheet" href="dist/reset.css" />
    <link rel="stylesheet" href="dist/reveal.css" />
    <link rel="stylesheet" href="dist/theme/night.css" />

    <!-- Theme used for syntax highlighted code -->
    <link rel="stylesheet" href="plugin/highlight/monokai.css" />
  </head>
  <body>
    <div class="reveal">
      <div class="slides">
        <section data-auto-animate>
          <h1 style="color: red" ;>WPAN</h1>
        </section>
        <section data-auto-animate>
          <h1 style="color: rgb(47, 178, 143)" ;>WPAN</h1>
          <h4>
            <span style="color: rgb(47, 178, 143)" ;>W</span>ireless
            <span style="color: rgb(47, 178, 143)" ;>P</span>ersonal
            <span style="color: rgb(47, 178, 143)" ;>A</span>rea
            <span style="color: rgb(47, 178, 143)" ;>N</span>etwork
          </h4>
          <p style="font-size: 20px; font-weight: bold">
            ✍️ Mathias Schuh - 3AKIFT
          </p>
        </section>

        <section
          data-markdown="markdown.md"
          data-background-color="rgb(100, 80, 255)"
          data-background-gradient="linear-gradient(to bottom, #283b95, #17b2c3)"
        >
        </section>

        <section
        data-background="images/mj.gif"
        data-background-transition="zoom"
        >
          <h2 style="font-weight: bold">👋 Let's discuss!</h2>
          <img src="images/qr.png"/>
        </section>

        <section
        data-background="images/mj.gif"
        data-background-transition="fade"
        >
        <h2 style="font-weight: bold">Presentation as PDF</h2>
          <img src="images/qrPDF.png"/>
        </section>

        <section
        data-background-transition="zoom"
        data-markdown
        data-auto-animate
        >
        ## ✨ Sources ✨

          - [techtarget.com](https://www.techtarget.com/searchmobilecomputing/definition/WPAN)
          - [wikipedia/Wireless_Personal_Area_Network](https://de.wikipedia.org/wiki/Wireless_Personal_Area_Network)
          - [iotpoint.wordpress.com](https://iotpoint.wordpress.com/infrared-communication-irda/)
          - [wikipedia/IEEE_802.15#IEEE_802.15.2:_Coexistence](https://en.wikipedia.org/wiki/IEEE_802.15#IEEE_802.15.2:_Coexistence)
          - [rfidjournal.com/rfid-system](https://www.rfidjournal.com/question/what-is-the-maximum-distance-from-which-an-rfid-system-will-work)
          - [wikipedia/Bluetooth#Klassen_und_Reichweite](https://de.wikipedia.org/wiki/Bluetooth#Klassen_und_Reichweite)
        </section>

        <section>
          <iframe width="1440" height="556" src="https://www.youtube.com/embed/Kc9Mjzfowcs" title="Transmitting Sound using Sunlight - The Photophone" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </section>
      </div>
    </div>

    <script src="dist/reveal.js"></script>
    <script src="plugin/notes/notes.js"></script>
    <script src="plugin/markdown/markdown.js"></script>
    <script src="plugin/highlight/highlight.js"></script>
    <script>
      // ![](images/pans.png)
      // [title](https://www.example.com)

      // More info about initialization & config:
      // - https://revealjs.com/initialization/
      // - https://revealjs.com/config/

      Reveal.initialize({
        hash: true,
        autoPlayMedia: true,
        progress: true,
        // Learn about plugins: https://revealjs.com/plugins/
        plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
      });
    </script>
  </body>
</html>