Zachis-Linkpage/index.html at master · Zachipy/Zachis-Linkpage · 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
<!DOCTYPE html>
<html>
	<head>
        <meta charset="utf-8">
        <meta content="Zachis Linkpage" property="og:title">
        <meta content="/assets/Profilbild.png" property="og:image" />
		<title>
		Zachis Page
		</title>
        <link rel="icon" type="image/x-icon" href="./img/favicon.ico">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="Name">
            <a><img id="profilepic" src="./img/Profilbild.png" alt="Profile Picture" height="100" width="100"></a>
            <br>
            <a id="tag">@Zachi103</a>
        </div>
        <br>
        <div id="links" z-index="999">
            <a class="link" href="https://bere.al/zachi103">Bereal</a>
            <a class="link" href="https://dsc.gg/zmc">Discord Server</a>
            <a class="link" href="https://github.com/Zachipy">Github</a>
            <a class="link" href="https://www.reddit.com/user/Lol1037353">Reddit</a>
            <a class="link" href="https://steamcommunity.com/id/zachi103/">Steam</a>
            <a class="link" href="https://geizhals.de/wishlists/3512220">Zachis PC</a>
            <a class="link" href="https://geizhals.de/wishlists/3695986">Zachis Setup</a>
            <a class="link" href="https://geizhals.de/wishlists/3681903">Zachis Wishlist ( Alles )</a>
            <a class="link" href="mailto:zacharias.hauke@tuta.io">Email</a>
        </div>
    </head>
    <body>

    <video autoplay muted loop id="myVideo">
      <source src="/vid/bg.mp4" type="video/mp4">
      Your browser does not support HTML5 video.
    </video>

    <div class="content">
      <button id="myBtn" onclick="myFunction()">Pause</button>
    </div>

    <script>
    var video = document.getElementById("myVideo");
    var btn = document.getElementById("myBtn");

    function myFunction() {
      if (video.paused) {
        video.play();
        btn.innerHTML = "Pause";
      } else {
        video.pause();
        btn.innerHTML = "Play";
      }
    }
    </script>
    </body>

<!--R:  81, G:  89, B:  50 | Hex: #515932
    R: 115, G: 125, B:  75 | Hex: #737D4B
    R: 191, G: 129, B: 106 | Hex: #BF816A
    R: 155, G:  90, B:  67 | Hex: #9B5A43
    R:  35, G:  36, B:  38 | Hex: #232426
    R:  61, G:  62, B:  64 | Hex: #3D3E40
    R: 129, G: 137, B: 140 | Hex: #81898C
    R: 210, G: 215, B: 218 | Hex: #D2D7DA -->