Skip to content

Commit fd1f6af

Browse files
tsterbaktsterbak
committed
Update feedback page
1 parent 726d2a0 commit fd1f6af

File tree

2 files changed

+162
-102
lines changed

2 files changed

+162
-102
lines changed

‎build.py‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"download.html",
1717
"imprint.html",
1818
"privacy.html",
19+
"feedback.html",
1920
]
2021

2122
# Load template files and write the rendered HTML

‎public/feedback.html‎

Lines changed: 161 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -4,31 +4,33 @@
44
<head>
55
<!-- META -->
66
<meta charset="UTF-8">
7+
<title>Feedback | OpenAndroidInstaller</title>
78
<meta name="viewport" content="width=device-width, initial-scale=1">
89
<meta name="author" content="Tobias Sterbak">
910
<meta name="description" content="Makes installing alternative Android distributions like LineageOS nice and easy.">
1011
<meta name="referrer" content="unsafe-url">
11-
<meta name="robots" content="noindex,nofollow">
12-
<meta name="googlebot" content="noindex,nofollow">
13-
<meta property="og:title" content="OpenAndroidInstaller | Feedback">
12+
13+
<meta name="robots" content="noindex,nofollow">
14+
<meta name="googlebot" content="noindex,nofollow">
15+
16+
<meta property="og:title" content="Feedback | OpenAndroidInstaller">
1417
<meta property="og:description"
1518
content="Makes installing alternative Android distributions like LineageOS nice and easy. Download now!">
1619
<meta property="og:image" content="static/preview-header.png">
1720
<meta property="og:image:width" content="700">
1821
<meta property="og:image:height" content="280">
1922
<meta name="twitter:card" content="summary_large_image">
20-
<meta name="twitter:title" content="OpenAndroidInstaller | Feedback">
23+
<meta name="twitter:title" content="Feedback | OpenAndroidInstaller">
2124
<meta name="twitter:creator" content="@oainstaller">
2225
<meta name="twitter:description"
2326
content="Makes installing alternative Android distributions like LineageOS nice and easy. Download now!">
2427
<meta name="twitter:image" content="static/preview-header.png">
25-
<title>Feedback | OpenAndroidInstaller</title>
26-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
27-
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" />-->
2828
<link rel="stylesheet" href="static/style.css">
2929
<link rel="stylesheet" href="static/custom.css">
3030
<link rel="icon" href="static/favicon.ico">
31-
<script defer data-domain="openandroidinstaller.org" data-api="https://morning-mud-8440.openandroidinstaller.workers.dev/main/event"
31+
<meta name="msvalidate.01" content="BADB1605403452D1F9CB0E93E71BCEA6">
32+
<script defer data-domain="openandroidinstaller.org"
33+
data-api="https://morning-mud-8440.openandroidinstaller.workers.dev/main/event"
3234
src="https://morning-mud-8440.openandroidinstaller.workers.dev/main/script.outbound-links.file-downloads.js"></script>
3335
<script>window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
3436
<script>
@@ -51,19 +53,18 @@
5153

5254
});
5355
});
56+
5457
});
5558
</script>
5659
</head>
5760

5861
<body>
5962
<div>
60-
<div class="columns is-multiline">
61-
</div>
6263
<!-- NAV -->
6364
<nav class="navbar py-4">
6465
<div class="container is-fluid">
6566
<div class="navbar-brand">
66-
<a class="navbar-item" href="https://openandroidinstaller.org/">
67+
<a class="navbar-item" href="https://openandroidinstaller.org">
6768
<img class="image" src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo" width="30" height="30">
6869
</a>
6970
<a class="navbar-burger" role="button" aria-label="menu" aria-expanded="false" data-target="navMenu">
@@ -74,18 +75,24 @@
7475
</div>
7576
<div class="navbar-menu" id="navMenu">
7677
<div class="navbar-end">
77-
<a class="navbar-item" href="https://openandroidinstaller.org/#getting-started">
78+
<a class="navbar-item" href="https://openandroidinstaller.org#getting-started">
7879
<span class="icon"><i class="fa fa-play"></i></span><span>Getting started</span>
7980
</a>
8081
<a class="navbar-item" href="https://openandroidinstaller.org/supported-devices.html">
8182
<span class="icon"><i class="fa fa-mobile"></i></span><span>Supported Devices</span>
8283
</a>
84+
<a class="navbar-item" href="https://openandroidinstaller.org/download.html">
85+
<span class="icon"><i class="fa fa-download"></i></span><span>Download</span>
86+
</a>
87+
<a class="navbar-item" href="https://openandroidinstaller.org/#contribute">
88+
<span class="icon"><i class="fa fa-heart"></i></span><span>Contribute</span>
89+
</a>
8390
<a class="navbar-item" href="https://openandroidinstaller.org/faq.html">
8491
<span class="icon"><i class="fa fa-question"></i></span><span>FAQ</span>
8592
</a>
8693
<a class="navbar-item" href="https://github.com/openandroidinstaller-dev/openandroidinstaller"
8794
target="_blank">
88-
<span class="icon"><i class="fab fa-github"></i></span><span>Github</span>
95+
<span class="icon"><i class="fab fa-github"></i></span><span>GitHub</span>
8996
</a>
9097
<a class="navbar-item" href="mailto:hello@openandroidinstaller.org">
9198
<span class="icon"><i class="fa fa-envelope"></i></span><span>Get Help</span>
@@ -97,106 +104,107 @@
97104
<!-- NAV END -->
98105

99106
<!-- Main -->
100-
<!-- Header -->
101-
<section class="hero">
102-
<div class="hero-body">
103-
<div class="container has-text-centered">
104-
<h1 class="mb-4 is-size-1 is-size-3-mobile has-text-weight-bold">OpenAndroidInstaller | Feedback</h1>
105-
<h2 class="subtitle">Give feedback to the project and how it worked for you. At this point, all kind of
106-
feedback helps. Thank you!</h2>
107-
</div>
108-
</div>
109-
</section>
110-
<!-- Header End -->
107+
108+
<!-- Main -->
109+
<!-- Header -->
110+
<section class="hero">
111+
<div class="hero-body">
112+
<div class="container has-text-centered">
113+
<h1 class="mb-4 is-size-1 is-size-3-mobile has-text-weight-bold">OpenAndroidInstaller | Feedback</h1>
114+
<h2 class="subtitle">Give feedback to the project and how it worked for you. At this point, all kind of
115+
feedback helps. Thank you!</h2>
116+
</div>
117+
</div>
118+
</section>
119+
<!-- Header End -->
111120

112-
<!-- Features -->
113-
<section class="section">
114-
<div class="container">
115-
<div class="column is-half is-offset-one-quarter">
116-
<form method="post" action="https://airform.io/feedback@openandroidinstaller.org">
117-
<div class="field">
118-
<label class="label">Name</label>
119-
<div class="control">
120-
<div class="control has-icons-left has-icons-right">
121-
<input class="input" name="name" type="text" placeholder="Your Name">
122-
<span class="icon is-small is-left">
123-
<i class="fas fa-user"></i>
124-
</span>
125-
</div>
126-
</div>
127-
128-
<div class="field">
129-
<label class="label">Email</label>
130-
<div class="control has-icons-left has-icons-right">
131-
<input class="input" name="email" type="email" placeholder="Your Email if you want an answer"
132-
value="">
133-
<span class="icon is-small is-left">
134-
<i class="fas fa-envelope"></i>
135-
</span>
136-
</div>
137-
</div>
138-
139-
<div class="field">
140-
<label class="label">Feedback</label>
141-
<div class="control">
142-
<textarea class="textarea" placeholder="Write your feedback here." name="message"></textarea>
143-
</div>
144-
</div>
145-
146-
<div class="field">
147-
<p>Your feedback is processed in encrypted form by <a href="https://airform.io/"
148-
target="_blank">airform.io</a> and if you provide an email address you might get an answer.</p>
149-
</div>
150-
151-
<div class="field is-grouped">
152-
<div class="control">
153-
<button class="button is-link">Submit</button>
154-
</div>
155-
</div>
156-
</form>
157-
</div>
158-
</div>
159-
</section>
160-
<!-- Features End -->
121+
<!-- Features -->
122+
<section class="section">
123+
<div class="container">
124+
<div class="column is-half is-offset-one-quarter">
125+
<form method="post" action="https://airform.io/feedback@openandroidinstaller.org">
126+
<div class="field">
127+
<label class="label">Name</label>
128+
<div class="control">
129+
<div class="control has-icons-left has-icons-right">
130+
<input class="input" name="name" type="text" placeholder="Your Name">
131+
<span class="icon is-small is-left">
132+
<i class="fas fa-user"></i>
133+
</span>
134+
</div>
135+
</div>
161136

162-
<!-- Contribution Banner -->
163-
<section class="section has-background-primary">
164-
<div class="container">
165-
<div class="is-vcentered columns is-multiline">
166-
<div class="column is-6 is-5-desktop mb-4">
167-
<h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">All kinds of
168-
contributions are welcome!</h2>
169-
<div class="content has-text-white">
170-
<ul>
171-
<li>Fix and improve texts in configs and in the application.</li>
172-
<li>Test the tool for a supported device.</li>
173-
<li>Create a config for a new device.</li>
174-
<li>Test the application on your computer.</li>
175-
<li>Contribute an application build for a new platform.</li>
176-
</ul>
137+
<div class="field">
138+
<label class="label">Email</label>
139+
<div class="control has-icons-left has-icons-right">
140+
<input class="input" name="email" type="email" placeholder="Your Email if you want an answer" value="">
141+
<span class="icon is-small is-left">
142+
<i class="fas fa-envelope"></i>
143+
</span>
177144
</div>
178145
</div>
179-
<div class="column is-5 ml-auto">
180-
<div class="mx-auto box p-6 has-background-light has-text-centered">
181-
<a class="button is-link is-fullwidth" id="contribute-button"
182-
href="https://github.com/openandroidinstaller-dev/openandroidinstaller#contributing" target="_blank">How to
183-
contribute?</a>
146+
147+
<div class="field">
148+
<label class="label">Feedback</label>
149+
<div class="control">
150+
<textarea class="textarea" placeholder="Write your feedback here." name="message"></textarea>
151+
</div>
152+
</div>
153+
154+
<div class="field">
155+
<p>Your feedback is processed in encrypted form by <a href="https://airform.io/"
156+
target="_blank">airform.io</a> and if you provide an email address you might get an answer.</p>
157+
</div>
158+
159+
<div class="field is-grouped">
160+
<div class="control">
161+
<button class="button is-link">Submit</button>
184162
</div>
185163
</div>
164+
</form>
165+
</div>
166+
</div>
167+
</section>
168+
<!-- Features End -->
169+
170+
<!-- Contribution Banner -->
171+
<section class="section has-background-primary">
172+
<div class="container">
173+
<div class="is-vcentered columns is-multiline">
174+
<div class="column is-6 is-5-desktop mb-4">
175+
<h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">All kinds of
176+
contributions are welcome!</h2>
177+
<div class="content has-text-white">
178+
<ul>
179+
<li>Fix and improve texts in configs and in the application.</li>
180+
<li>Test the tool for a supported device.</li>
181+
<li>Create a config for a new device.</li>
182+
<li>Test the application on your computer.</li>
183+
<li>Contribute an application build for a new platform.</li>
184+
</ul>
186185
</div>
187186
</div>
188-
</section>
189-
<!-- Contribution Banner End -->
187+
<div class="column is-5 ml-auto">
188+
<div class="mx-auto box p-6 has-background-light has-text-centered">
189+
<a class="button is-link is-fullwidth" id="contribute-button"
190+
href="https://openandroidinstaller.org/#contribute">How to contribute?</a>
191+
</div>
192+
</div>
193+
</div>
194+
</div>
195+
</section>
196+
<!-- Contribution Banner End -->
197+
198+
<!-- Main END -->
190199

191200
<!-- Footer -->
192201
<footer class="section">
193202
<div class="container">
194203
<div class="pb-5 is-flex is-flex-wrap-wrap is-justify-content-between is-align-items-center">
195204
<div class="mr-auto mb-2">
196205
<div class="is-inline-block">
197-
<a href="https://openandroidinstaller.org/">
198-
<img class="image is-96x96"
199-
src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo">
206+
<a href="https://openandroidinstaller.org">
207+
<img class="image is-96x96" src="static/oai-logo.jpg" alt="OpenAndroidInstaller Logo">
200208
</a>
201209
</div>
202210
<div class="is-inline-block" style="width: 333px;">
@@ -207,22 +215,28 @@ <h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-b
207215
</div>
208216
<div>
209217
<ul class="is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-center">
218+
<li class="mr-4"><a class="button is-white"
219+
href="https://github.com/openandroidinstaller-dev/openandroidinstaller-dev.github.io/files/10787205/press-kit-openandroidinstaller.zip"
220+
target="_blank">Download press kit</a></li>
210221
<li class="mr-4"><a class="button is-white"
211222
href="https://github.com/openandroidinstaller-dev/openandroidinstaller#acknowledgements"
212223
target="_blank">Funding</a></li>
213224
<li class="mr-4"><a class="button is-white"
214225
href="https://github.com/openandroidinstaller-dev/openandroidinstaller/blob/main/LICENSE"
215226
target="_blank">License</a></li>
216-
<li class="mr-4"><a class="button is-white" href="#">Imprint</a></li>
217-
<li class="mr-4"><a class="button is-white" href="#">Privacy Statement</a></li>
227+
<li class="mr-4"><a class="button is-white"
228+
href="https://openandroidinstaller.org/imprint.html">Impressum</a></li>
229+
<li class="mr-4"><a class="button is-white" href="https://openandroidinstaller.org/privacy.html">Privacy
230+
Statement</a></li>
218231
</ul>
219232
</div>
220233
</div>
221234
</div>
222235
<div class="pt-5" style="border-top: 1px solid #dee2e6;"></div>
223236
<div class="container">
224237
<div class="is-flex-tablet is-justify-content-between is-align-items-center">
225-
<p>All rights reserved © OpenAndroidInstaller 2022-2023</p>
238+
<p>made with &#x1F49A;, python and <a href="https://bulma.io/" target="_blank">bulma</a> by Tobias Sterbak.
239+
All rights reserved © OpenAndroidInstaller 2022-2023</p>
226240
<div class="py-2 is-hidden-tablet"></div>
227241
<div class="ml-auto">
228242
<a class="mr-4 is-inline-block" href="https://github.com/openandroidinstaller-dev/openandroidinstaller"
@@ -242,10 +256,55 @@ <h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-b
242256
<!-- Footer End -->
243257
</div>
244258
</body>
245-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous">
259+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
260+
crossorigin="anonymous">
246261
<!-- Track button clicks-->
247262
<script>
263+
document.getElementById('download-header').addEventListener("click", function () { plausible('download-header'); });
264+
document.getElementById('download-banner').addEventListener("click", function () { plausible('download-banner'); });
265+
document.getElementById('demo-video').addEventListener("click", function () { plausible('demo-video-started'); });
248266
document.getElementById('contribute-button').addEventListener("click", function () { plausible('contribute-button'); });
267+
document.getElementById('getting-started-button').addEventListener("click", function () { plausible('getting-started'); });
268+
</script>
269+
<!--Automatically close all the other <details> tags after opening a specific <details> tag-->
270+
<script>
271+
// Fetch all the details element.
272+
const details = document.querySelectorAll("details");
273+
274+
// Add the onclick listeners.
275+
details.forEach((targetDetail) => {
276+
targetDetail.addEventListener("click", () => {
277+
// Close all the details that are not targetDetail.
278+
details.forEach((detail) => {
279+
if (detail !== targetDetail) {
280+
detail.removeAttribute("open");
281+
}
282+
});
283+
});
284+
});
285+
</script>
286+
<!--Script for vertical tabs-->
287+
<script>
288+
function openTab(event, tabName) {
289+
// Declare all variables
290+
var i, tabcontent, tablinks;
291+
292+
// Get all elements with class="tabcontent" and hide them
293+
tabcontent = document.getElementsByClassName("tabcontent");
294+
for (i = 0; i < tabcontent.length; i++) {
295+
tabcontent[i].style.display = "none";
296+
}
297+
298+
// Get all elements with class="tablinks" and remove the class "active"
299+
tablinks = document.getElementsByClassName("tablinks");
300+
for (i = 0; i < tablinks.length; i++) {
301+
tablinks[i].className = tablinks[i].className.replace(" is-active", "");
302+
}
303+
304+
// Show the current tab, and add an "active" class to the link that opened the tab
305+
document.getElementById(tabName).style.display = "block";
306+
event.currentTarget.className += " is-active";
307+
}
249308
</script>
250309

251310
</html>

0 commit comments

Comments
 (0)