Skip to content

Commit b17c57d

Browse files
tsterbaktsterbak
committed
Build webiste files
1 parent cb0b2ef commit b17c57d

File tree

8 files changed

+1005
-475
lines changed

8 files changed

+1005
-475
lines changed

‎public/404.html‎

Lines changed: 263 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,263 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Meta -->
6+
<meta charset="UTF-8">
7+
<title>404 | OpenAndroidInstaller</title>
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<meta name="author" content="Tobias Sterbak">
10+
<meta name="description" content="Makes installing alternative Android distributions like LineageOS nice and easy.">
11+
<meta name="referrer" content="unsafe-url">
12+
13+
<meta name="robots" content="noindex,nofollow">
14+
<meta name="googlebot" content="noindex,nofollow">
15+
16+
<meta property="og:title" content="404 | OpenAndroidInstaller">
17+
<meta property="og:description"
18+
content="Makes installing alternative Android distributions like LineageOS nice and easy. Download now!">
19+
<meta property="og:image" content="static/preview-header.png">
20+
<meta property="og:image:width" content="700">
21+
<meta property="og:image:height" content="280">
22+
<meta name="twitter:card" content="summary_large_image">
23+
<meta name="twitter:title" content="404 | OpenAndroidInstaller">
24+
<meta name="twitter:creator" content="@oainstaller">
25+
<meta name="twitter:description"
26+
content="Makes installing alternative Android distributions like LineageOS nice and easy. Download now!">
27+
<meta name="twitter:image" content="static/preview-header.png">
28+
<link rel="stylesheet" href="static/style.css">
29+
<link rel="stylesheet" href="static/custom.css">
30+
<link rel="icon" href="static/favicon.ico">
31+
<meta name="msvalidate.01" content="BADB1605403452D1F9CB0E93E71BCEA6">
32+
<!-- Meta End -->
33+
<script defer data-domain="openandroidinstaller.org"
34+
src="https://plausible.io/js/script.outbound-links.file-downloads.js"></script>
35+
<script>window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
36+
<script>
37+
document.addEventListener('DOMContentLoaded', () => {
38+
39+
// Get all "navbar-burger" elements
40+
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
41+
42+
// Add a click event on each of them
43+
$navbarBurgers.forEach(el => {
44+
el.addEventListener('click', () => {
45+
46+
// Get the target from the "data-target" attribute
47+
const target = el.dataset.target;
48+
const $target = document.getElementById(target);
49+
50+
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
51+
el.classList.toggle('is-active');
52+
$target.classList.toggle('is-active');
53+
54+
});
55+
});
56+
57+
});
58+
</script>
59+
</head>
60+
61+
<body>
62+
<div>
63+
<!-- Nav -->
64+
<nav class="navbar py-4">
65+
<div class="container is-fluid">
66+
<div class="navbar-brand">
67+
<a class="navbar-item" href="https://openandroidinstaller.org">
68+
<img class="image" src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo" width="30" height="30">
69+
</a>
70+
<a class="navbar-burger round hover-transition" role="button" aria-label="menu" aria-expanded="false"
71+
data-target="navMenu">
72+
<span aria-hidden="true"></span>
73+
<span aria-hidden="true"></span>
74+
<span aria-hidden="true"></span>
75+
</a>
76+
</div>
77+
<div class="navbar-menu round" id="navMenu">
78+
<div class="navbar-end">
79+
<a class="navbar-item round hover-transition" href="#getting-started">
80+
<span class="icon"><i class="fa fa-play"></i></span><span>Getting started</span>
81+
</a>
82+
<a class="navbar-item round hover-transition" href="supported-devices.html">
83+
<span class="icon"><i class="fa fa-mobile"></i></span><span>Supported Devices</span>
84+
</a>
85+
<a class="navbar-item round hover-transition" href="download.html">
86+
<span class="icon"><i class="fa fa-download"></i></span><span>Download</span>
87+
</a>
88+
<a class="navbar-item round hover-transition" href="#contribute">
89+
<span class="icon"><i class="fa fa-heart"></i></span><span>Contribute</span>
90+
</a>
91+
<a class="navbar-item round hover-transition" href="faq.html">
92+
<span class="icon"><i class="fa fa-question"></i></span><span>FAQ</span>
93+
</a>
94+
<a class="navbar-item round hover-transition"
95+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller" rel="noopener" target="_blank">
96+
<span class="icon"><i class="fab fa-github"></i></span><span>GitHub</span>
97+
</a>
98+
<a class="navbar-item round hover-transition" href="mailto:[email protected]">
99+
<span class="icon"><i class="fa fa-envelope"></i></span><span>Get Help</span>
100+
</a>
101+
</div>
102+
</div>
103+
</div>
104+
</nav>
105+
<!-- Nav End -->
106+
107+
<!-- Main -->
108+
109+
<head>
110+
<link rel="stylesheet" href="/public/static/style.css">
111+
<link rel="stylesheet" href="/public/static/custom.css">
112+
</head>
113+
<!-- Header -->
114+
<section class="hero is-small">
115+
<div class="hero-body">
116+
<div class="container has-text-centered">
117+
<h1 class="is-size-1 is-size-3-mobile has-text-weight-bold">Error 404</h1>
118+
<p class="subtitle is-4">Oops! - The requested page does not exist or was not found.</p>
119+
</div>
120+
</div>
121+
</section>
122+
<!-- Header End -->
123+
124+
<section class="section">
125+
<div class="container is-max-desktop">
126+
<!-- Content -->
127+
<div class="content">
128+
<!-- Content End -->
129+
</div>
130+
</section>
131+
132+
<!-- Contribution Banner -->
133+
<section class="section has-background-primary">
134+
<div class="container">
135+
<div class="is-vcentered columns is-multiline">
136+
<div class="column is-6 is-5-desktop mb-4">
137+
<h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">You think something is wrong?
138+
</h2>
139+
</div>
140+
<div class="column is-5 ml-auto">
141+
<div class="mx-auto box p-6 has-background-light has-text-centered">
142+
<a class="button is-link is-fullwidth hover-transition" id="contribute-button"
143+
href="mailto:[email protected]">Write an e-mail</a>
144+
</div>
145+
</div>
146+
</div>
147+
</div>
148+
</section>
149+
<!-- Contribution Banner End -->
150+
151+
<!-- Main End -->
152+
153+
<!-- Footer -->
154+
<footer class="section">
155+
<div class="container">
156+
<div class="pb-5 is-flex is-flex-wrap-wrap is-justify-content-between is-align-items-center">
157+
<div class="mr-auto mb-2">
158+
<div class="is-inline-block">
159+
<a href="https://openandroidinstaller.org">
160+
<img class="image is-96x96 round" src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo">
161+
</a>
162+
</div>
163+
<div class="is-inline-block" id="pf-funding-logos">
164+
<figure class="image">
165+
<img src="static/pf_funding_logos.svg" alt="BMBF logo">
166+
</figure>
167+
</div>
168+
</div>
169+
<div>
170+
<ul class="is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-center">
171+
<li class="mr-4"><a class="button is-white hover-transition"
172+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller-dev.github.io/files/10787205/press-kit-openandroidinstaller.zip"
173+
rel="noopener" target="_blank">Download press kit</a></li>
174+
<li class="mr-4"><a class="button is-white hover-transition"
175+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller#acknowledgements"
176+
rel="noopener" target="_blank">Funding</a></li>
177+
<li class="mr-4"><a class="button is-white hover-transition"
178+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller/blob/main/LICENSE"
179+
rel="noopener" target="_blank">License</a></li>
180+
<li class="mr-4"><a class="button is-white hover-transition" href="imprint.html">Impressum</a></li>
181+
<li class="mr-4"><a class="button is-white hover-transition" href="privacy.html">Privacy Statement</a>
182+
</li>
183+
</ul>
184+
</div>
185+
</div>
186+
</div>
187+
<div class="pt-5"></div>
188+
<div class="container">
189+
<div class="is-flex-tablet is-justify-content-between is-align-items-center">
190+
<p>Made with &#x1F49A;, Python and <a href="https://bulma.io" rel="noopener" target="_blank">Bulma</a> by
191+
Tobias Sterbak. All rights reserved © OpenAndroidInstaller 2022-2023</p>
192+
<div class="py-2 is-hidden-tablet"></div>
193+
<div class="ml-auto">
194+
<a class="mr-4 is-inline-block hover-transition"
195+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller" rel="noopener" target="_blank">
196+
<span class="icon"><i class="fab fa-github"></i></span><span>GitHub</span>
197+
</a>
198+
<a class="mr-4 is-inline-block hover-transition" href="https://twitter.com/OAInstaller" rel="noopener"
199+
target="_blank">
200+
<span class="icon"><i class="fab fa-twitter"></i></span><span>Twitter</span>
201+
</a>
202+
<a class="mr-4 is-inline-block hover-transition" href="https://fosstodon.org/@openandroidinstaller"
203+
rel="me noopener" target="_blank">
204+
<span class="icon"><i class="fab fa-mastodon"></i></span><span>Mastodon</span>
205+
</a>
206+
</div>
207+
</div>
208+
</div>
209+
</footer>
210+
<!-- Footer End -->
211+
</div>
212+
</body>
213+
<link rel="stylesheet" href="static/all.min.css">
214+
<!-- Track button clicks -->
215+
<script>
216+
document.getElementById('download-header').addEventListener("click", function () { plausible('download-header'); });
217+
document.getElementById('download-banner').addEventListener("click", function () { plausible('download-banner'); });
218+
document.getElementById('demo-video').addEventListener("click", function () { plausible('demo-video-started'); });
219+
document.getElementById('contribute-button').addEventListener("click", function () { plausible('contribute-button'); });
220+
document.getElementById('getting-started-button').addEventListener("click", function () { plausible('getting-started'); });
221+
</script>
222+
<!--Automatically close all the other <details> tags after opening a specific <details> tag -->
223+
<script>
224+
// Fetch all the details element.
225+
const details = document.querySelectorAll("details");
226+
227+
// Add the onclick listeners.
228+
details.forEach((targetDetail) => {
229+
targetDetail.addEventListener("click", () => {
230+
// Close all the details that are not targetDetail.
231+
details.forEach((detail) => {
232+
if (detail !== targetDetail) {
233+
detail.removeAttribute("open");
234+
}
235+
});
236+
});
237+
});
238+
</script>
239+
<!--Script for vertical tabs -->
240+
<script>
241+
function openTab(event, tabName) {
242+
// Declare all variables
243+
var i, tabcontent, tablinks;
244+
245+
// Get all elements with class="tabcontent" and hide them
246+
tabcontent = document.getElementsByClassName("tabcontent");
247+
for (i = 0; i < tabcontent.length; i++) {
248+
tabcontent[i].style.display = "none";
249+
}
250+
251+
// Get all elements with class="tablinks" and remove the class "active"
252+
tablinks = document.getElementsByClassName("tablinks");
253+
for (i = 0; i < tablinks.length; i++) {
254+
tablinks[i].className = tablinks[i].className.replace(" is-active", "");
255+
}
256+
257+
// Show the current tab, and add an "active" class to the link that opened the tab
258+
document.getElementById(tabName).style.display = "block";
259+
event.currentTarget.className += " is-active";
260+
}
261+
</script>
262+
263+
</html>

0 commit comments

Comments
 (0)