MagmaWM.github.io/index.html at main · MagmaWM/MagmaWM.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
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <link rel="icon" href="/assets/magma.webp">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Teko&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="/style/index.css">
      <title>MagmaWM</title>
      <meta content="MagmaWM" property="og:title" />
      <meta content="A versatile and customizable Window Manager and Wayland Compositor" property="og:description" />
      <meta content="https://magmawm.org" property="og:url" />
      <meta content="https://magmawm.org/assets/magma.webp" property="og:image" />
      <meta content="#fc670f" data-react-helmet="true" name="theme-color" />
   <body>
      <!-- Menu Bar -->
      <div class="header-container">
         <div class="header">
            <div class="logo-container">
               <img src="assets/magma.webp" alt="">
               <span class="logo-text">Magma │ WM</span>
            </div>
            <nav>
               <ul>
                  <li><a href="">Home</a></li>
                  <li><a href="#pkg">Packaging</a></li>
                  <li><a href="https://magmawm.org/docs/">Documentation</a></li>
                  <li><a id="github" href="https://github.com/magmawm/magmawm" target="_blank">Github</a></li>
               </ul>
            </nav>
         </div>
      </div>
<div class="container">
      <!-- Main Content -->
      <div class="content">
         <div class="text">
            <h1>
               Magma Window Manager
            </h1>
            <hr>
            <p>
                MagmaWM is a versatile and customizable Wayland Compositor,
                currently in development and actively
                seeking contributions from the community.
                Built with the Smithay library and programmed in Rust,
                MagmaWM along with it's RON config provides users with flexibility
                and customization options. MagmaWM is licensed under MIT,
                ensuring that it is free for all
                to use and contribute to.
               <hr>
            </p>
            <a id="docs" href="https://magmawm.org/docs/">Documentation</a>
            <a id="discord" href="https://discord.com/invite/8bdstnRjby" target="_blank">Discord</a>
         </div>
        <img class="image-container" src="/assets/images/preview.webp" alt="some preview">
      </div>
   <!-- Carousel -->
      <div id="carousel" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">
            <div class="carousel-item active">
               <img class="d-block w-100" src="/assets/images/prev1.webp" alt="First slide">
            </div>
            <div class="carousel-item">
               <img class="d-block w-100" src="/assets/images/prev2.webp" alt="Second slide">
            </div>
            <div class="carousel-item">
               <img class="d-block w-100" src="/assets/images/prev3.webp" alt="Third slide">
            </div>
            <div class="carousel-item">
               <img class="d-block w-100" src="/assets/images/prev4.webp" alt="Fourth slide">
            </div>
            <div class="carousel-item">
               <img class="d-block w-100" src="/assets/images/prev5.webp" alt="Fifth slide" width=200px>
            </div>
         </div>
         <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
         <span class="sr-only">Previous</span>
         </a>
         <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
         </a>
      </div>
</div>


<div class="packaging" id="pkg">
   <h1>Packaging:</h1>
   <h3>Coming soon. For now see below...</h3>
   <a class="docsbottom" href="https://magmawm.org/docs/">Documentation</a>
</div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
   </body>
   </head>
</html>