-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (171 loc) · 9.69 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
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
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<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">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<link rel="icon" href="img/favicon.svg" sizes="any" type="image/svg+xml">
<title>Luminus | focus on what matters</title>
</head>
<body>
<header class="bg-white">
<nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">Luminus</span>
<img class="h-8 w-auto" src="img/logos/brand.svg" alt="">
</a>
</div>
<div class="flex lg:hidden">
<button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
<span class="sr-only">Open main menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Overview</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Get Involved</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900 bg-red-600 text-white rounded-full px-3 py-1 transform -translate-y-1">
Support Us
<i class="fas fa-heart ml-2"></i>
</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end group">
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">
Language
<i class="fas fa-chevron-down"></i>
</a>
<div class="absolute mt-2 w-48 py-2 bg-white shadow-lg rounded-md hidden group-hover:block z-10">
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">English</a>
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Portuguese</a>
</div>
</div>
</nav>
<!-- Mobile menu, show/hide based on menu open state. -->
<div class="lg:hidden" role="dialog" aria-modal="true">
<!-- Background backdrop, show/hide based on slide-over state. -->
<div class="fixed inset-0 z-10"></div>
<div class="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div class="flex items-center justify-between">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">Luminus</span>
<img class="h-8 w-auto" src="img/logos/brand.svg" alt="">
</a>
<button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700">
<span class="sr-only">Close menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-gray-500/10">
<div class="space-y-2 py-6">
<a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
Overview
</a>
<a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
Get Involved
</a>
<a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
Support Us
<i class="fas fa-heart ml-2 text-red-600"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="relative">
<div class="text-center p-5">
<img class="mx-auto w-200" src="/img/preview.png" alt="Preview Image">
<br>
<p class="p-5 text-xl font-medium tracking-wider text-gray-700">
The best way to focus on what matters...
</p>
<div class="p-5">
<a href="https://github.com/LuminusOS/mkluminus/releases/latest" class="bg-blue-500 border-blue-500 hover:bg-blue-900 text-white font-bold ml-3 py-4 px-6 border rounded">
Download Now
<i class="fas fa-download ml-2"></i>
</a>
</div>
</div>
</div>
</header>
<div class="py-12 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:text-center">
<h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase" id="features">Features</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-700 lg:mx-auto">
Luminus is an accessible and open source operating system suitable for beginners and experienced computer users.
</p>
</div>
<div class="mt-10">
<dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Focused on productivity</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">
Offering all the advantages of cutting-edge software combined with an emphasis on immediate start, out-of-the-box automated configurations to require less manual intercession and readily accessible applications when needed.
</dd>
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Visual integrity between applications</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">
Integrating quality and visual cohesion between all applications in the system using KDE Plasma, thus making a more connected environment and delivering a unique visual identity between the system.
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Balance performance and safety</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">
Whenever possible, we offer the best performance and security configuration for the system as a whole and for individual applications, bringing greater quality and security.
</dd>
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Open community</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">
We are continually building an open community, so we are fully willing to listen to suggestions and criticisms to further improve the ecosystem of LuminOS and the community itself.
</dd>
</div>
</dl>
</div>
</div>
</div>
<footer class="bg-gray-800 h-10">
<dd class="text-gray-300 text-center p-2">
Copyright (c) LuminOS Community.
</dd>
</footer>
</body>
</html>