-
Notifications
You must be signed in to change notification settings - Fork 12
/
unicorn.html
180 lines (149 loc) · 7.94 KB
/
unicorn.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
176
177
178
179
180
<!DOCTYPE html>
<html class="bg-site-400">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="dist/output.css" rel="stylesheet">
<title>Rhino Linux | Unicorn Desktop</title>
<link rel="icon" type="image/svg+xml" sizes="any" href="img/logo.svg">
<link rel="icon" type="image/png" sizes="32x32" href="img/logo.ico">
<script src="js/navbar.js"></script>
</head>
<style>
.unicorn {
background: #fefefe;
background: linear-gradient(90deg, rgba(193,0,128,1) 0%, rgba(212,4,255,1) 33%, rgba(139,0,231,1) 67%, rgb(79, 55, 144) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<body>
<div id="dropdown">
<div class="container">
<div class="exit">
<a onclick="ddhide()" style="color:#fefefe">x</a>
</div>
<div class="content">
<p><a onclick="ddhide()" class="text-off-white" href="index.html">Home</a></p>
<p><a onclick="ddhide()" class="text-off-white" href="download.html">Download</a></p>
<p><a onclick="ddhide()" class="text-off-white" href="news.html">News</a></p>
<p><a onclick="ddhide()" class="text-off-white" href="tracker.html">Tracker</a></p>
<p><a onclick="ddhide()" class="text-off-white" href="https://wiki.rhinolinux.org">Wiki</a></p>
<p><a onclick="ddhide()" target="_blank" class="text-off-white" href="https://pacstall.dev/packages">Packages</a></p>
</div>
</div>
</div>
<div class="extended h-auto bg-[url('img/blobs.png')] bg-no-repeat bg-center-x bg-center-y bg-cover">
<div class="overlay h-auto bg-overlay text-center">
<div class="hidden lg:block">
<p class="text-center text-off-white pt-4">
<a href="index.html" class="text-off-white px-4">Home</a>
<a href="download.html" class="text-off-white px-4">Download</a>
<a href="news.html" class="text-off-white px-4">News</a>
<a href="tracker.html" class="text-off-white px-4">Tracker</a>
<a href="https://wiki.rhinolinux.org" class="text-off-white px-4">Wiki</a>
<a href="https://pacstall.dev" target="_blank" class="text-off-white px-4">Packages</a>
</p>
</div>
<div class="block lg:hidden">
<h1 class="text-right text-off-white text-3xl pr-2" onclick="ddshow()">
☰
</h1>
</div>
<h1 class="text-off-white pt-[2em] text-3xl drop-shadow-header-drop">
Unicorn Desktop
</h1>
<h2 class="text-off-white text-2xl font-light mt-2 drop-shadow-header-drop">
Unicorn Desktop is a modified XFCE experience designed to be both traditional and modern.
</h2>
<br>
</div>
</div>
<div class="container w-[95vw] lg:w-[60vw] mt-4 rounded-[0.65em] p-4 m-auto shadow-2xl bg-site-300">
<h1 class="text-center text-off-white text-3xl">
XFCE becomes <span class="unicorn">modern</span>.
</h1>
<p class="text-off-white mt-4">
The Unicorn Desktop combines the best of the traditional and modern takes on the desktop experience. Ready to serve both powerusers and beginners alike, the Unicorn Desktop is a force to be reckoned with. Based on XFCE, this desktop experience is lightweight and fast, but 100% powerful.
</p>
<p class="text-off-white mt-4">
Built with user experience in mind, we have hand selected the best components to provide a lightweight system that works in perfect harmony. Plank dock and the XFCE panel have been chosen. With sensible defaults and a new take on the desktop, you will be able to work efficiently with ease.
</p>
<div class="lg:grid lg:grid-cols-2 gap-4 mt-4">
<div class="bg-site-200 rounded-[0.65em] shadow-2xl">
<h1 class="text-center mt-4 text-off-white text-3xl">
Take control with <span class="unicorn">uLauncher</span>.
</h1>
<p class="text-off-white mt-4 px-4">
The Unicorn Desktop uses a modified version of uLauncher, a lightning fast app launcher and directory browser. Just type "/" or "~" to begin searching through your directories. uLauncher also provides "fuzzy search" options.
</p>
</div>
<div class="mt-4 lg:mt-0">
<img src="img/desktop/unicorn.webp" alt="" class="rounded-[0.65em]">
</div>
</div>
<div class="lg:grid lg:grid-cols-2 gap-4 mt-4">
<div class="mt-4 lg:mt-0">
<img src="img/desktop/appgrid.webp" alt="" class="rounded-[0.65em]">
</div>
<div class="bg-site-200 rounded-[0.65em] shadow-2xl">
<h1 class="text-center mt-4 text-off-white text-3xl">
A beautiful new <span class="unicorn">App Grid</span>.
</h1>
<p class="text-off-white mt-4 px-4">
Our application grid, Lightpad, is a simple and powerful application launcher that is Wayland compatible. We have made modifications to the theming of Lightpad to integrate perfectly into Unicorn and Rhino Linux.
</p>
</div>
</div>
<div class="lg:grid lg:grid-cols-2 gap-4 mt-4">
<div class="bg-site-200 rounded-[0.65em] shadow-2xl">
<h1 class="text-center mt-4 text-off-white text-3xl">
A whole new <span class="unicorn">dashboard</span>.
</h1>
<p class="text-off-white mt-4 px-4">
You can switch between virtual desktops with ease. We have loaded in Xfdashboard, with many minor tweaks and improvements. Xfdashboard brings a gnome-shell like virtual desktop and èxpose built right into XFCE.
</p>
</div>
<div class="mt-4 lg:mt-0">
<img src="img/desktop/xfdashboard.webp" alt="" class="rounded-[0.65em]">
</div>
</div>
<h1 class="text-center text-off-white text-3xl mt-4">
Intuitive <span class="unicorn">shortcuts</span>.
</h1>
<p class="mt-4 text-off-white">
Unicorn utilises intuitive keyboard shortcuts, so power-users never even need to touch their mouse. The app grid, Lightpad, can also be navigated utilising the arrow keys. Our keyboard shortcuts were designed with intuitivity in mind. You do not need to move or utilise two hands to use them, as all of the keybinds are accessible with one hand, from the super key. Each keybind also corrolates to the first letter of it's intended function.
</p>
<div class="grid grid-cols-3 gap-4 mt-4 mb-4">
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + A</span> - App Grid
</p>
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + S</span> - Search Bar
</p>
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + D</span> - Dashboard/Èxpose
</p>
</div>
<h1 class="text-center text-off-white text-3xl mt-4">
<span class="unicorn">Tiling</span> shortcuts.
</h1>
<div class="grid grid-cols-3 gap-4 mt-4 mb-4">
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Shift + M</span> - Turn window into parent
</p>
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Left</span> - Focus on the previous window
</p>
<p class="text-off-white mt-4">
<span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Right</span> - Focus on the next window
</p>
</div>
</div>
<!-- Footer -->
<hr class="w-[60vw] h-1 mx-auto my-4 bg-site-300 border-0 rounded">
<p class="mb-4 text-center text-off-white text-1xl">
<a href="https://github.com/rhino-linux" class="text-rhino-purple">Source Code</a> | <a href="https://rhinolinux.org/contact.html" class="text-rhino-purple">Contact & Social</a> |<a href="https://ko-fi.com/rhinolinux" class="text-rhino-purple"> Donate</a> | <a href="https://wiki.rhinolinux.org/dev/brand" class="text-rhino-purple"> Branding</a> | <a href="https://rhinolinux.org/unicorn.html" class="text-rhino-purple">Unicorn</a> | <a href="https://rhinolinux.org/tracker.html" class="text-rhino-purple">Bug tracker</a>
</p>
</body>
</html>