forked from RevengeOS/revengeos.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (166 loc) · 12.7 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>RevengeOS</title>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png?h=94843a4dcb6cd8dbea064f4bbdb39b0a">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png?h=a26c98d2f38257094004add0312c9316">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png?h=94843a4dcb6cd8dbea064f4bbdb39b0a">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-chrome-192x192.png?h=d134e8cf99bbb6bce3ca0f43c601a31c">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/favicons/android-chrome-512x512.png?h=679c8b039378d6e31ae8c4c791e9bfd6">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<link rel="stylesheet" href="assets/css/styles.min.css?h=466152878eceede3f648d26bcb90bc5c">
<script data-ad-client="ca-pub-5878875805175242" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async defer data-website-id="069870d8-c6eb-4534-b910-5449bcb39c45" src="https://analytics.revengeos.com/umami.js"></script>
</head>
<body class="text-white roboto bg-ultradark">
<div class="container-fluid d-flex flex-column min-vh-100-mobile cover" id="cover">
<div class="flex-fill" id="cover-top-spacer"></div>
<div class="row center-768px" id="cover-text-container">
<div class="col">
<div class="display-1 urbanist-extrabold responsive-display-1"><span>A new</span><br>
<span>experience</span><br>
<span>awaits </span><span class="text-accent">you</span><span>.</span></div>
<div class="urbanist-semibold h3 mt-3 mb-5"><span>Give a new life to your phone</span><br>
<span>Faster and better-looking than ever</span><span class="text-accent"></span><span></span><br>
</div><a class="gradient-btn mt-3" href="https://download.revengeos.com">Download now</a>
</div>
</div>
<div class="d-flex flex-column flex-fill justify-content-end mx-auto">
<div class="d-flex flex-column align-items-center align-items-xl-center" id="swipe-indicator-container" onclick="scrollToNavbar()"><span class="slide-text h4 urbanist-semibold mb-0">Slide to learn more</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" class="bi bi-chevron-down" style="font-size: 48px;">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path>
</svg></div>
</div>
</div>
<nav class="navbar navbar-light navbar-expand-md sticky-top navigation-clean navbar-dark urbanist-extrabold" id="navbar-1">
<div class="container"><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-2"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<ul class="nav navbar-nav flex-row d-md-none">
<li class="nav-item d-flex align-items-center"><a class="nav-link pt-0 pb-0" href="https://github.com/RevengeOS" target="_blank"><i class="fab fa-github fa-lg"></i></a></li>
<li class="nav-item d-flex align-items-center"><a class="nav-link pt-0 pb-0" href="https://twitter.com/itsrevengeos" target="_blank"><i class="fab fa-twitter fa-lg"></i></a></li>
<li class="nav-item d-flex align-items-center"><a class="nav-link pt-0 pb-0" href="https://t.me/s/revengeosnews" target="_blank"><i class="fab fa-telegram fa-lg"></i></a></li>
</ul>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="nav navbar-nav ml-auto mx-auto">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="https://download.revengeos.com">Download</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item d-none d-md-flex align-items-center"><a class="nav-link pt-0 pb-0" href="https://github.com/RevengeOS" target="_blank"><i class="fab fa-github fa-lg"></i></a></li>
<li class="nav-item d-none d-md-flex align-items-center collapse"><a class="nav-link pt-0 pb-0" href="https://twitter.com/itsrevengeos" target="_blank"><i class="fab fa-twitter fa-lg"></i></a></li>
<li class="nav-item d-none d-md-flex align-items-center collapse"><a class="nav-link pt-0 pb-0" href="https://t.me/s/RevengeOSNews" target="_blank"><i class="fab fa-telegram fa-lg"></i></a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="display: none;">Dropdown </a>
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5 mb-5">
<div class="justify-content-center row mt-5 mb-5">
<div class="col side-img-container p-0 ml-3 mr-3"><img class="img-fluid img-shadow" src="assets/img/ui/lockscreen.png?h=3485650f9d17cb960ea3962d2dc929bc"></div>
<div class="col-auto">
<div class="mt-4 mb-4 ml-md-3 mr-md-3 ml-lg-4 mr-lg-4">
<h1 class="urbanist-bold">Built to inspire</h1>
<p class="lead" style="max-width: 410px;font-size: 19px;">RevengeOS is an operating system based on the Android Open Source Project, built with a unique look and keeping top notch performance in mind</p>
<div class="mt-5">
<div class="text-left feature-card">
<h2 class="feature-card-heading">Ready for daily usage</h2>
<p>We have studied every small detail and implemented them to make your experience effortless and enjoyable</p>
</div>
<div class="text-left feature-card">
<h2 class="feature-card-heading">Lightweight</h2>
<p>No clutter or bloatware, just the core essentials. You will decide what should be there on your device</p>
</div>
<div class="text-left feature-card">
<h2 class="feature-card-heading">Intuitive</h2>
<p>We built an interface that stands out from the rest. It is completely new but yet, so familiar<br></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="revenge-ui" class="pt-4 pb-4 bg-black">
<div class="container">
<div id="revengeui-header" class="ml-md-3 mr-md-3 ml-lg-4 mr-lg-4 ml-xl-5 mr-xl-5" style="text-align: center;">
<h1 class="urbanist-bold">The new RevengeUI experience</h1>
<div class="lead">
<p>A completely new user interface, designed to be seamless and immersive<br></p>
</div>
</div>
<div class="d-flex justify-content-center flex-wrap pb-5 mt-5" id="control-center">
<div class="d-flex control-center-img-behind col p-0 ml-sm-2 mr-sm-2" id="design-img">
<div class="design-img-container p-0"><img class="img-fluid design-img" src="assets/img/ui/qs_dark.png?h=92b46f055ad9d3436677e953060c3920"></div>
<div class="spacer flex-grow-1"></div>
</div>
<div class="mt-4 ml-sm-3 mr-sm-3">
<h2 class="urbanist-bold">Control center</h2>
<div class="lead" style="max-width: 375px;">
<p>Quick access to your settings, music and notifications, all in one place</p>
<p>The monochromatic color palette combined with dynamically blurred background gives you a sense of focus on the panel and context on what is behind it</p>
</div>
</div>
</div>
<div class="d-flex flex-row-reverse justify-content-center flex-wrap pb-5 mt-5" id="media-controls">
<div class="design-img-container p-0"><video id="volume-video" class="design-img" width="100%" height="auto" loop="" playsinline="true" muted="" preload="metadata" autoplay="">
<source src="https://raw.githubusercontent.com/RevengeOS/Documents/master/Videos/volume_dialog_light.mp4#t=3.0" type="video/mp4">
</video></div>
<div class="mt-4 ml-sm-3 mr-sm-3">
<h2 class="urbanist-bold">Media controls</h2>
<div class="lead" style="max-width: 390px;">
<p>A much more intuitive volume panel with an elegant new look and an embedded quick player allows you to interact with your currently playing media seamlessly</p>
<p></p>
</div>
</div>
</div>
</div>
<div id="lockscreen-clocks" class="pt-5 bg-white text-dark">
<div class="container">
<div class="text-center ml-md-3 mr-md-3 ml-lg-4 mr-lg-4 ml-xl-5 mr-xl-5" id="lockscreen-clocks-header">
<h1 class="urbanist-bold">Custom clock styles</h1>
<div class="lead">
<p>Give a unique look to your lock screen.<br></p>
</div>
</div>
</div>
<div class="container scroll-clocks-view p-0 pb-3">
<div class="d-flex justify-content-between align-items-center mt-3 mb-5">
<div class="scroll-spacer"></div>
<div class="lockscreen-clock-img-container"><img class="img-fluid" src="assets/img/clocks/000.png?h=cd9b7a9b9695c474ea904096101574bb"></div>
<div class="scroll-spacer"></div>
<div class="lockscreen-clock-img-container"><img class="img-fluid" src="assets/img/clocks/001.png?h=62cea42a5a260dbf3f9e526c486abd9a"></div>
<div class="scroll-spacer"></div>
<div class="lockscreen-clock-img-container"><img class="img-fluid" src="assets/img/clocks/004.png?h=ed223bfb026f212a1c16e70970aafc0a"></div>
<div class="scroll-spacer"></div>
<div class="lockscreen-clock-img-container"><img class="img-fluid" src="assets/img/clocks/003.png?h=ed223bfb026f212a1c16e70970aafc0a"></div>
<div class="scroll-spacer"></div>
</div>
</div>
</div>
<div class="container">
<div class="d-flex flex-row-reverse justify-content-center flex-wrap pb-5 mt-5" id="launcher">
<div class="d-flex launcher-img-behind col p-0 ml-sm-2 mr-sm-2" id="launcher-img">
<div class="design-img-container p-0"><img class="img-fluid design-img" src="assets/img/ui/home_dark.png?h=834db5dafcdcbb945523d2b6d932b1b7"></div>
<div class="spacer flex-grow-1"></div>
</div>
<div class="mt-4 ml-sm-3 mr-sm-3">
<h2 class="urbanist-bold">Revenge Launcher</h2>
<div class="lead" style="max-width: 375px;">
<p>It is the home of your phone, so simple and yet so elegant<br>It helps you to keep your applications organized and can be customized with widgets, icons packs, and it supports Google Feed too</p>
<p></p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-basic bg-superdark p-4">
<p class="copyright">RevengeOS © 2021<br>Designed by Naomi Calabretta - Built by Zhenxiang Chen</p>
<div class="d-xl-flex justify-content-xl-center mt-2"><span class="copyright mr-2">Powered by</span><img src="assets/img/packet.svg?h=baff99c143f2ae7a7de8d0203a8c6a53"></div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/script.min.js?h=fc1f163af06bacffe343737902dbd085"></script>
</body>
</html>