robindanzinger.github.io/index.html at master · robindanzinger/robindanzinger.github.io · 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
<!DOCTYPE HTML>
<html lang="de">
  <head>
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="icon" type="image/png" sizes="32x32" href="/icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/icon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/icon/favicon-16x16.png">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="robots" content="index,follow">
    <title>Robin Danzinger</title>
  </head>
  <body>
<div class="layout">
  <div class="input ap-console flex">
    <span id="prompt" class="desktop secondary-font-color bold">guest@robindanzinger.de:~$</span>
    <span id="prompt" class="mobile secondary-font-color bold">guest:~$</span>
    <input type="text" class="prompt ap-console" autofocus>
  </div>
  <div class="menu ap-console">
    <ul>
      <li class="selected"><a href="./" class="selected">Startseite</a></li> <!-- index.html -->
      <li><a href="./projects">Projekte</a></li>
      <li><a href="./about">Über mich</a></li>
      <li><a href="./impressum">Impressum</a></li>
      <li><a href="./datenschutz">Datenschutz</a></li>
    </ul>
    <ul class="monitorsettings">
      <li>
    <input title="Contrast" type="range" min="5" max="100" value="50" oninput="changeContrast(this.value)" class="slider contrast">
      </li><li>
    <input title="Brightness" type="range" min="5" max="100" value="50" oninput="changeBrightness(this.value)" class="slider brightness">
      </li><li>
    <input title="Saturation" type="range" min="5" max="100" value="50" oninput="changeSaturation(this.value)" class="slider saturation">
      </li>
    </ul>
    <div class="modesettings">
        <button class="lightmode" title="Everybody adds DARKMODE but I add LIGHTMODE" onclick="toggleTheme()"></button>
        <button class="power" title="Don't switch off the internet!!!" onclick="toggleTurnOff()"></button>
    </div>
  </div>

  <div id="turnoff" class="content ap-console turnoffanimwrapper">
    <div class="turnoffanimation">
    </div>
  </div>
  <div id="main" class="content ap-console">
    <div class="introtext">
      <div class="font-bold primary-color">Herzlich willkommen,</div>
      <p>
      auf meiner Webseite. Ich heiße Robin Danzinger und bin freiberuflicher Softwareentwickler und Berater. Hier finden Sie Informationen zu meinen IT-Kenntnissen, in welchen Projekten ich bisher gearbeitet habe, und mit welchen Technologien ich am liebsten arbeite oder mich beschäftige.
      <br>
      <br>
      Diese Seite ist im Stil eines Terminalfensters (auch Terminal, Shell, Kommandozeile oder Konsole genannt) aufgebaut.
      Ein solches Terminal besteht aus einer Eingabebefehlszeile (unten) und der zeilenweise Textausgabe (hier, dieser Text, den Sie gerade lesen). Auch wenn im Alltag grafische Oberflächen die zeilenbasierte Textausgabe weitgehend verdrängt haben, für mich als Softwareentwickler bleibt die Shell ein wichtiges Werkzeug.
      <br>
      <br>
      Um auf dieser Webseite zu navigieren, geben Sie unten in der Befehlszeile einen Befehl ein.
      Geben Sie z.B. 'open index.html' ein, um diese Seite neu zu laden. Oder geben Sie 'help' ein, um die Hilfe anzuzeigen und weitere Befehle kennenzulernen.
      <br>
      <br>
      Natürlich können Sie alternativ auch einfach das Menü verwenden.
      <br>
      <br>
      Ich wünsche Ihnen viel Spaß beim Stöbern auf dieser Seite.
      </p><div class="header">Robin Danzinger</div>
      <p></p>
    </div>
  </div>

</div>

  <script src="/js/all.js"></script>
  </body>
</html>