-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (118 loc) · 5.79 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Bootstrap CSS-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--Google Fonts-->
<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=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
<!--Our CSS-->
<link rel="stylesheet" href="main.css">
<title>AspectOS - Home</title>
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/AspectOS/aspectos.github.io/main/images/aspectos-logo.png">
</head>
<body class="light">
<nav class="navbar navbar-light fade-main navbar-expand-lg footer-bg small-border-radius">
<div class="container-fluid">
<a class="navbar-brand" href="/"">AspectOS</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="../about">About</a>
<a class="nav-link" href="../downloads">Download</a>
</div>
</div>
</div>
</nav>
<div class="container-md">
<section>
<br>
<div class="card-dark">
<div class="card-body">We Support Ukraine. <a class="card-dark" href="https://github.com/AspectOS/AspectOS/discussions/13">Learn more.</a> 🇺🇦</div>
</div>
<br>
<br>
<h1 class="display-2">AspectOS Home</h1>
<br>
<h2>
The Next Generation
</h2>
<p class="text">
Welcome to our official website. After months of deciding on designs, we have finished and we will stick with this design for a while! We hope you enjoy our remastered website.
<br>
An archived version of the old website will be released soon. Stay tuned!
</p>
<div class="row text">
<div class="col-xxl-6">
<p>
<h1>Who</h1>
As a community and collaboration, AspectOS is a great way to create a good thing.
Check out our members for the members list.
<h1>What</h1>
As a product, AspectOS is a Linux distro based on Arch that prioritizes innovations in security and ease of use, with our users in mind.
<h1>How</h1>
It's all done on our GitHub org.
</p>
</div>
<div class="col-xxl-6">
<img src="images/PixelBookGo.png" alt="Computer" class="img-fluid">
</div>
</div>
</section>
</div>
</div>
</div>
<div class="container my-5">
<footer class="text-center text-lg-start text-black">
<div class="container p-4 pb-0 footer-bg small-border-radius">
<section class="">
<div class="row text">
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold footer-text">
AspectOS
</h6>
<p class="footer-text">
The Future Starts Here.
</p>
</div>
<hr class="w-100 clearfix d-md-none">
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold footer-text">
Useful links
</h6>
<p>
<a href="https://scratch.mit.edu/discuss/topic/581571">Forum</a>
</p>
<p>
<a href="https://github.com/aspectos">Github</a>
</p>
<button id="toggle" class="btn btn-outline-secondary" class="footer-text">Toggle Theme</button>
</div>
<hr class="w-100 clearfix d-md-none">
</div>
</section>
<hr class="my-3">
<section class="p-3 pt-0">
<div class="text d-flex align-items-center">
<div class="text row d-flex align-items-center">
<div class="col-md-7 col-lg-8 text-center text-md-start">
<div class="p-3 copyright-text">
© 2023 <a href="/" class="copyright">AspectOS</a>
</div>
</div>
</section>
</div>
</footer>
</div>
<!--Bootstrap Javascript-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>