Entropy-Linux.github.io/index.html at main · Entropy-Linux/Entropy-Linux.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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
  <head>
    <!-- Primary Meta Tags -->
<title>Entropy Linux</title>
<meta name="title" content="Entropy Linux" />
<meta name="description" content="Lightweight Debian based operating system focused on AMD™️ Hardware support." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://entropy-linux.github.io/" />
<meta property="og:title" content="Entropy Linux" />
<meta property="og:description" content="Lightweight Debian based operating system focused on AMD™️ Hardware support." />
<meta property="og:image" content="https://i.imgur.com/hNsRz22.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://entropy-linux.github.io/" />
<meta property="twitter:title" content="Entropy Linux" />
<meta property="twitter:description" content="Lightweight Debian based operating system focused on AMD™️ Hardware support." />
<meta property="twitter:image" content="https://i.imgur.com/hNsRz22.png" />

<!-- Meta Tags Generated with https://metatags.io -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Entropy OS</title> <!-- Updated title -->

    <link rel="stylesheet" href="https://serainox420.github.io/styles.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://serainox420.github.io/js/snowfall.js"></script>
    <script>
      $(document).ready(function(){
        $(document).snowfall({
          flakeCount : 100,
          maxSpeed : 9,
          maxSize : 4
        });
      });
    </script>

    <style>
      html, body {
          height: 100%;
          margin: 0;
          background-color: #000000;
          color: #fff;
          font-family: Ancient; /* Updated font family */
      }
      body {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
      }
      header {
          text-align: center;
          height: 256px;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 150px; /* Updated font size */
      }
      main {
          padding: 20px;
          flex-grow: 1;
          width: 100%;
          max-width: 320;
      }
      footer {
          background-color: #000;
          color: #fff;
          padding: 1px;
          text-align: center;
          font-weight: bold;
          font-size: 20px;
      }
      .navbar {
          background-color: #00000;
          overflow: hidden;
          display: flex;
          justify-content: center;
          padding: 5px 5px;
          font-weight: bold;
          font-family: Arial;
          font-size: 30px;
      }
      .head {
        font-size: 30px;
        text-align: center;
        position: fixed;
        top: 169px;
        width: 100%;
      }
      /* ... (rest of the original CSS) */
    </style>
  </head>
  <body>
    <header>Entropy</header>
    <main>
      <div class="head">
      <p>Operating system</p>
    </div>
      <div class="navbar">
        <a href="https://github.com/Entropy-Linux/Releases/releases">Download</a>
      </div>
      <div class="navbar">
        <a href="https://imgur.com/gallery/6PfWhNe">Screenshots</a>
      </div>
      <div class="navbar">
        <a href="https://entropy-linux.github.io/about">About</a>
      </div>
      <div class="navbar">
        <a href="https://discord.gg/44PU8vH5">Discord</a>
      </div>
      <div class="navbar">
        <a href="https://github.com/Entropy-Linux">GitHub</a>
      </div>
    </main>
    <footer>
      <p>&copy; 2024 Szmelc Incorporated</p>
    </footer>
    <script>
      setInterval(() => {
        const elements = document.querySelectorAll("*");
        for (const el of elements) {
          el.style.color = getRandomColor();
        }
      }, 200);

      function getRandomColor() {
        const letters = "0123456789ABCDEF";
        let green = Math.floor(Math.random() * 7) + 255 + 100 + 100; // generates a random value between 128 and 255 for green channel
        let color = "#" + green.toString(14).padStart(2, "0").repeat(2);
        return color;
      }
    </script>
  </body>
</html>