-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathSC_PRO.html
240 lines (232 loc) · 10.2 KB
/
SC_PRO.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stormworks Connect PRO Support & FAQ</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
header {
text-align: center;
padding: 20px 0;
background-color: #fff;
color: #000;
}
header h1 {
margin: 0;
display: inline;
vertical-align: middle;
}
header img {
vertical-align: middle;
margin-right: 10px;
height: 3em; /* Adjusts the image height to match the text height */
}
nav {
text-align: center;
margin: 20px 0;
}
nav a {
margin: 0 10px;
color: #0044cc;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
text-decoration: underline;
}
section {
margin: 20px 0;
}
section h2 {
border-bottom: 2px solid #0044cc;
padding-bottom: 10px;
}
.faq-item {
margin: 20px 0;
}
.faq-item h3 {
margin: 0;
cursor: pointer;
color: #0044cc;
display: flex;
align-items: center;
}
.faq-item h3::after {
content: '▼';
font-size: 12px;
margin-left: 10px;
transition: transform 0.3s;
}
.faq-item h3.expanded::after {
transform: rotate(180deg);
}
.faq-item p {
display: none;
margin: 10px 0 0 0;
}
footer {
text-align: center;
padding: 10px 0;
background-color: #0044cc;
color: #fff;
}
form {
margin: 20px 0;
}
form label {
display: block;
margin: 10px 0 5px;
}
form input, form textarea {
width: calc(100% - 20px); /* Adjusts the width to leave space for padding */
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
textarea {
resize: vertical;
}
form button {
padding: 10px 20px;
background-color: #0044cc;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
form button:hover {
background-color: #003399;
}
</style>
</head>
<body>
<div class="container">
<header>
<img src="Images/SC_cover.png" alt="Logo">
<h1>Stormworks Connect PRO Support & FAQ</h1>
</header>
<nav>
<a href="#support">Support</a>
<a href="#faq">FAQ</a>
</nav>
<section id="support">
<h2>Support</h2>
<p>If you need assistance with the PRO version, you can send us an email directly using the form below (the form does not provide a response, although you can mention the email in the description):</p>
<form id="support-form">
<label for="subject">Subject:</label>
<input type="text" id="subject" name="subject" placeholder="Enter the subject" required>
<label for="version">Version:</label>
<input type="text" id="version" name="version" placeholder="Enter the version" required>
<label for="description">Description:</label>
<textarea id="description" name="description" rows="5" placeholder="Describe your issue or question" required></textarea>
<label for="attachment">Attachment:</label>
<input type="file" id="attachment" name="attachment">
<button type="submit">Send Email</button>
</form>
<p>If you prefer, you can also email us directly at <a href="mailto:glebishshenko@gmail.com">glebishshenko@gmail.com</a>.</p>
</section>
<section id="faq">
<h2>Frequently Asked Questions (FAQ)</h2>
<div class="faq-item">
<h3>What is Stormworks Connect PRO?</h3>
<p>Stormworks Connect PRO is an enhanced version of the Stormworks Connect application, offering additional features to enhance your Stormworks gaming experience.</p>
</div>
<div class="faq-item">
<h3>What additional features are included in the PRO version?</h3>
<p>At the moment, since the PRO version for Stormworks Connect has just been released, the only advantage is access to ALL Arduino modules in the corresponding tab. However, with each subsequent update, a new feature for Stormworks Connect PRO will be released, making it even more attractive.</p>
</div>
<div class="faq-item">
<h3>Will the price of Stormworks Connect PRO remain at one dollar even after updates?</h3>
<p>No, it won't. With every new feature added to Stormworks Connect PRO, its price will increase. However, those who purchased it previously will not need to pay extra again. Therefore, now is the best price.</p>
</div>
<div class="faq-item">
<h3>How can I buy a PRO version?</h3>
<p>You can buy a license key to activate the PRO version of the application <a href="https://hlibishchenko.gumroad.com/l/stormworks_connect_pro">here</a>. The sale of keys is carried out by the well-known and reliable service Gumroad, which also generates these license keys.</p>
</div>
<div class="faq-item">
<h3>How do I activate my PRO license?</h3>
<p>To activate your PRO license, navigate to the PRO tab in the application, enter your license key, and click "Apply". If you encounter any issues, please contact support.</p>
</div>
<div class="faq-item">
<h3>How many times can I use my Stormworks Connect PRO license key?</h3>
<p>You can use your Stormworks Connect PRO license key an unlimited number of times. It is also infinite in time. However, one key can only be used in one application at a time.</p>
</div>
<div class="faq-item">
<h3>Can I transfer my PRO license to another app or/and device?</h3>
<p>Yes, you can transfer your PRO license to another app or/and device. To do this, go to the application where the license is activated and deactivate it in the PRO tab in the place where you previously activated the license. After that, launch the application on another device and use your license key there.</p>
</div>
<div class="faq-item">
<h3>What should I do if I have lost access to an application/device with an activated PRO version and now I cannot deactivate it to regain access to the key?</h3>
<p>Do not worry. Just contact the application creator for support using the form on this site above or directly at <a href="mailto:glebishshenko@gmail.com">glebishshenko@gmail.com</a>. Describe your situation, provide your license key and proof of purchase. After this, your license for the inaccessible program will be manually deactivated in the license database and you will be able to use it again.</p>
</div>
</section>
<footer>
<p>© 2024 Stormworks Connect. All rights reserved.</p>
</footer>
</div>
<script>
document.querySelectorAll('.faq-item h3').forEach(item => {
item.addEventListener('click', () => {
const nextElement = item.nextElementSibling;
item.classList.toggle('expanded');
if (nextElement.style.display === 'block') {
nextElement.style.display = 'none';
} else {
nextElement.style.display = 'block';
}
});
});
document.getElementById('support-form').addEventListener('submit', function(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const attachment = formData.get('attachment');
if (attachment) {
const reader = new FileReader();
reader.onload = function(event) {
formData.append('attachmentBase64', event.target.result.split(',')[1]);
formData.append('attachmentName', attachment.name);
formData.append('attachmentMimeType', attachment.type);
console.log('Attachment read successfully: ', attachment.name);
sendFormData(formData);
};
reader.onerror = function(event) {
console.error('Error reading attachment: ', event);
};
reader.readAsDataURL(attachment);
} else {
sendFormData(formData);
}
});
function sendFormData(formData) {
fetch('https://script.google.com/macros/s/AKfycbxn27LJBd8OP5O394ws5edR2sCI2FAQRF0pzU7QcSMSG1h9rXwWom6_EjHHjhwDZZZZ/exec', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(result => {
console.log('Email sent successfully: ', result);
alert(result);
})
.catch(error => {
console.error('Error sending email: ', error);
alert('Failed to send email. Please try again later.');
});
}
</script>
</body>
</html>