meowix-linux.github.io/index.html at main · Meowix-Linux/meowix-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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!doctype html>
<html>
  <head>
    <title>Meowix Linux</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Comfortaa"
    />
    <link
      rel="icon"
      href="https://raw.githubusercontent.com/Meowix-Linux/Meowix-ISO/main/assets/meowix.ico"
      type="image/x-icon"
    />
    <style>
      body,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: Comfortaa, sans-serif;
      }
      #meowixHeader {
        position: sticky;
        top: 0;
      }
      #meowixIntro {
        padding-right: 200px;
        padding-left: 200px;
      }
      @media (max-width: 900px) {
        #meowixIntro img {
          width: 50%;
          height: 50%;
        }
      }
      @media (max-width: 900px) {
        #meowixHeader img {
          width: 20%;
          height: 20%;
        }
      }
      body {
        background-color: #1e1e2e;
        color: #cdd6f4;
      }
      .surface1 {
        background-color: #313244;
        color: #cdd6f4;
      }
      .btn-surface1 {
        background-color: #313244;
        color: #cdd6f4;
        border-color: #cdd6f4;
      }
      .custom-card {
        margin-bottom: 20px;
      }
      .footer-padding {
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container-fluid surface1" id="meowixHeader">
      <a href="https://meowix-linux.github.io"
        ><img
          class="img-responsive"
          src="https://raw.githubusercontent.com/Meowix-Linux/Meowix-ISO/main/assets/meowix-text.svg"
          width="10%"
          height="10%"
      /></a>
      <div
        style="
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          padding: 10px;
        "
      >
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/#installation"
          style="color: #cdd6f4; text-decoration: none; margin-right: 10px"
          >Installation Guide</a
        >
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/releases"
          style="color: #cdd6f4; text-decoration: none; margin-right: 10px"
          >Releases</a
        >
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/issues"
          style="color: #cdd6f4; text-decoration: none; margin-right: 10px"
          >Issues</a
        >
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/pulls"
          style="color: #cdd6f4; text-decoration: none; margin-right: 10px"
          >Pull Requests</a
        >
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/discussions"
          style="color: #cdd6f4; text-decoration: none"
          >Discussions</a
        >
      </div>
    </div>
    <div class="container-fluid text-center" id="meowixIntro">
      <br />
      <img
        src="https://raw.githubusercontent.com/Meowix-Linux/Meowix-ISO/main/assets/meowix.svg"
        width="20%"
        height="20%"
      />
      <br /><br />
      <h1>Welcome to Meowix Linux</h1>
      <p>
        Meowix Linux is an <a href="https://archlinux.org/">Arch Linux</a>-based
        distribution that heavily utilizes the
        <a href="https://github.com/catppuccin/catppuccin">Catppuccin</a> Mocha
        theme and <a href="https://github.com/baskerville/bspwm">BSPWM</a>. We
        aim to make the installation of a beautiful and efficient system easier
        than ever before!
      </p>
      <a
        href="https://github.com/Meowix-Linux/Meowix-ISO/#installation"
        class="btn btn-surface1"
        >Installation Guide</a
      >
    </div>
    <br />
    <div class="container-fluid text-center" id="meowixWhy">
      <div class="container text-center">
        <h2>Why Choose Meowix Linux?</h2>
        <p>
          Meowix Linux is not just another Linux distribution; it's a purrfect
          blend of power, customization, and feline flair. Here's why you'll
          love it:
        </p>

        <div class="row">
          <div class="col-md-6 d-flex">
            <div class="card custom-card p-3 surface1 flex-fill">
              <h3>Unique Catppuccin Mocha Theme</h3>
              <p>
                Experience a visually pleasing and distinctive custom-crafted
                desktop environment with the soothing Catppuccin Mocha theme.
              </p>
            </div>
          </div>
          <div class="col-md-6 d-flex">
            <div class="card custom-card p-3 surface1 flex-fill">
              <h3>BSPWM Brilliance</h3>
              <p>
                Be productive with the powerful BSPWM window manager, allowing
                you to manage windows easily in a binary space partitioned,
                master-stack, or other layout - the choice is yours!
              </p>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-6">
            <div class="card custom-card p-3 surface1">
              <h3>Rock-Solid Arch Base</h3>
              <p>
                Meowix Linux is based on Arch Linux, a simple rolling-release
                distribution. Use the powerful `pacman` package manager and get
                updates at the speed of light.
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card custom-card p-3 surface1">
              <h3>Seamless Installation</h3>
              <p>
                The Meowix Linux ISOs include the Calamares installer, which
                makes setting up Meowix a breeze, getting you up and running
                with a beautiful and efficient system in no time.
              </p>
            </div>
          </div>
        </div>
        <a
          href="https://github.com/Meowix-Linux/Meowix-ISO/#installation"
          class="btn btn-surface1 mt-3"
          >Get Started with Meowix</a
        >
      </div>
    </div>
    <br />
    <div class="container-fluid surface1 footer-padding" id="meowixFooter">
      <p>
        All repositories in the Meowix Linux GitHub organization are copyleft
        🄯2023-present Meowix Linux and licensed under the GPLv3 License. Some
        rights reserved.
      </p>
    </div>
  </body>
</html>