DmitrMakeev commited on
Commit
ad55e8a
·
verified ·
1 Parent(s): c73175b

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +227 -86
settings.html CHANGED
@@ -1,109 +1,250 @@
1
- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Скачанная HTML-страница</title>
7
- <style>* { box-sizing: border-box; } body {margin: 0;}</style>
8
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
9
- <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
10
- <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11
  </head>
12
  <body>
13
- <script>
14
- vkBridge.send('VKWebAppInit');
15
- </script>
16
- <body id="it02"><div id="i2zn"></div><div id="iouy"></div><div id="i0jd"></div><div id="icxhl"></div><div id="i1o9i">
17
- <div class="container">
18
- <form id="contactForm">
 
 
19
  <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
20
  <div class="form-group">
21
- <label for="name">Имя</label>
22
- <input type="text" id="name" required>
23
  </div>
 
24
  <div class="form-group">
25
- <label for="email">Почта</label>
26
- <input type="email" id="email" required>
27
  </div>
 
28
  <div class="form-group">
29
- <label for="phone">Телефон</label>
30
- <input type="tel" id="phone" required>
31
  </div>
 
32
  <div class="form-group">
33
- <label for="options">Выберите тариф</label>
34
- <select id="options" required>
35
- <option value="" disabled selected>Тариф</option>
36
- <option>БИЗНЕС - 69 970р.</option>
37
- <option>PREMIUM - 89 970р.</option>
38
- <option>VIP - 149 990р.</option>
39
- </select>
40
  </div>
 
41
  <div class="form-check">
42
- <input type="checkbox" id="newsletter" required>
43
- <label for="newsletter">Согласие на email рассылку</label>
44
  </div>
 
45
  <div class="form-group">
46
- <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
47
  </div>
 
48
  <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
49
- </form>
50
- <div id="privacyModal" class="modal">
 
51
  <div class="modal-content">
52
- <span class="close">&times;</span>
53
- </div>
54
- </div>
55
  </div>
56
- </div></body><script>var props = {"i1o9i":{"submitUrl":"https://skyauto.me/cllbck/217669590/29234583/MXZmdldqa1g2dVZJbTZjRzFzUm45dz0?api=1"}};
57
- var ids = Object.keys(props).map(function(id) { return '#'+id }).join(',');
58
- var els = document.querySelectorAll(ids);
59
- for (var i = 0, len = els.length; i < len; i++) {
60
- var el = els[i];
61
- (function(props) {
62
- const form = this.querySelector('#contactForm');
63
- form.addEventListener('submit', function(event) {
64
- event.preventDefault();
65
- const data = new URLSearchParams();
66
- data.append('name', document.getElementById('name').value);
67
- data.append('email', document.getElementById('email').value);
68
- data.append('phone', document.getElementById('phone').value);
69
- data.append('options', document.getElementById('options').value);
70
- data.append('newsletter', document.getElementById('newsletter').checked);
71
- // Добавляем данные VK API
72
- if (sid_user) {
73
- data.append('vk_user_id', sid_user);
74
- }
75
- if (!props.submitUrl) {
76
- console.error('Submit URL is not defined');
77
- return;
78
- }
79
- console.log('Form Data:', data.toString()); // Выводим данные формы в консоль
80
- console.log('Submit URL:', props.submitUrl); // Выводим URL в консоль
81
- fetch(props.submitUrl + '&api=1&uid=' + sid_user, {
82
- method: 'POST',
83
- headers: {
84
- 'Content-Type': 'application/x-www-form-urlencoded'
85
- },
86
- body: data.toString()
87
- })
88
- .then(response => {
89
- console.log('Ответ ��ервера:', response); // Проверка ответа сервера
90
- if (!response.ok) {
91
- throw new Error('Ошибка HTTP: ' + response.status);
92
- }
93
- return response.json();
94
- })
95
- .then(data => {
96
- console.log('Данные от сервера:', data); // Вывод ответа сервера в консоль
97
- if (data.redirect) {
98
- window.location.href = data.redirect;
99
- }
100
- })
101
- .catch(error => {
102
- console.error('Error:', error);
103
- });
104
- });
105
- }.bind(el))(props[el.id]);
106
- }</script>
107
  </body>
108
  </html>
109
 
 
1
+ <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Contact Form</title>
7
+
8
+
9
+
10
+ <script>
11
+
12
+ for (n=0; n<100; n++) {
13
+ document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script\>');
14
+ document.write('<script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script\>');
15
+ document.write(' <script src="https://vk.com/js/api/openapi.js?169"></script\>');
16
+ // obr.js обрабатывает переменную,
17
+ // разные значения которой записаны в файлах 0.js ... 99.js
18
+ }
19
+ </script>
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+ <style>
31
+ body {
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ align-items: center;
36
+ min-height: 100vh;
37
+ margin: 0;
38
+ background-color: black;
39
+ font-family: Arial, sans-serif;
40
+ color: white;
41
+ }
42
+ #focusis {
43
+ text-align: center;
44
+ margin-bottom: 20px;
45
+ }
46
+ .container {
47
+ display: flex;
48
+ flex-direction: column;
49
+ align-items: center;
50
+ width: 100%;
51
+ padding: 20px;
52
+ }
53
+ #contactForm {
54
+ max-width: 500px;
55
+ width: 100%;
56
+ padding: 20px;
57
+ background-color: #000;
58
+ border: 2px solid orange;
59
+ border-radius: 10px;
60
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
61
+ margin-top: 20px;
62
+ }
63
+ #contactForm h4 {
64
+ text-align: center;
65
+ margin-bottom: 20px;
66
+ }
67
+ .form-group {
68
+ margin-bottom: 15px;
69
+ text-align: center;
70
+ }
71
+ label {
72
+ display: block;
73
+ margin-bottom: 5px;
74
+ }
75
+ input, select {
76
+ width: 90%;
77
+ padding: 10px;
78
+ margin-bottom: 5px;
79
+ border: 1px solid #ffcc99; /* Светло-оранжевая обводка */
80
+ border-radius: 5px;
81
+ margin: 0 auto;
82
+ display: block;
83
+ background-color: #000;
84
+ color: white;
85
+ }
86
+ .form-check {
87
+ margin-bottom: 15px;
88
+ text-align: center;
89
+ }
90
+ .form-check-input {
91
+ margin-right: 5px;
92
+ }
93
+ .btn-primary {
94
+ display: inline-block;
95
+ padding: 10px 20px;
96
+ color: #fff;
97
+ background-color: orange;
98
+ border: none;
99
+ border-radius: 5px;
100
+ cursor: pointer;
101
+ text-align: center;
102
+ text-decoration: none;
103
+ margin: 0 auto;
104
+ display: block;
105
+ }
106
+ .btn-primary:hover {
107
+ background-color: darkorange;
108
+ }
109
+ .responsive-image {
110
+ max-width: 100%;
111
+ height: auto;
112
+ display: block;
113
+ margin: 0 auto 20px auto;
114
+ }
115
+ </style>
116
+
117
+ <style>
118
+ .modal {
119
+ display: none; /* По умолчанию скрыто */
120
+ position: fixed;
121
+ z-index: 1000;
122
+ left: 0;
123
+ top: 0;
124
+ width: 100%;
125
+ height: 100%;
126
+ background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
127
+ }
128
+ .modal-content {
129
+ background-color: #fff; /* Белый фон */
130
+ color: black; /* Черный текст */
131
+ border-radius: 10px;
132
+ padding: 20px;
133
+ position: absolute;
134
+ top: 50%;
135
+ left: 50%;
136
+ transform: translate(-50%, -50%);
137
+ width: 80%; /* Ширина 80% */
138
+ max-height: 80%;
139
+ overflow-y: auto;
140
+ box-shadow: 0 0 20px rgba(0,0,0,0.2);
141
+ }
142
+ .close {
143
+ color: black;
144
+ float: right;
145
+ font-size: 30px;
146
+ font-weight: bold;
147
+ cursor: pointer;
148
+ }
149
+ .close:hover,
150
+ .close:focus {
151
+ color: darkorange;
152
+ text-decoration: none;
153
+ cursor: pointer;
154
+ }
155
+ .modal-content iframe {
156
+ width: 100%;
157
+ height: 100%;
158
+ border: none;
159
+ }
160
+ </style>
161
  </head>
162
  <body>
163
+ <div class="container">
164
+ <div id="focusis"></div>
165
+
166
+ <img src="https://i.ibb.co/NrZMfsR/105.png" alt="Placeholder Image" class="responsive-image">
167
+
168
+ <div id="maaasg"></div>
169
+
170
+ <form id="contactForm">
171
  <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
172
  <div class="form-group">
173
+ <label for="name">Имя</label>
174
+ <input type="text" id="name" required>
175
  </div>
176
+
177
  <div class="form-group">
178
+ <label for="email">Почта</label>
179
+ <input type="email" id="email" required>
180
  </div>
181
+
182
  <div class="form-group">
183
+ <label for="phone">Телефон</label>
184
+ <input type="tel" id="phone" required>
185
  </div>
186
+
187
  <div class="form-group">
188
+ <label for="options">Выберите тариф</label>
189
+ <select id="options" required>
190
+ <option value="" disabled selected>Тариф</option>
191
+ <option>БИЗНЕС</option>
192
+ <option>PREMIUM</option>
193
+ <option>VIP</option>
194
+ </select>
195
  </div>
196
+
197
  <div class="form-check">
198
+ <input type="checkbox" id="newsletter" required>
199
+ <label for="newsletter">Согласие на email рассылку</label>
200
  </div>
201
+
202
  <div class="form-group">
203
+ <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
204
  </div>
205
+
206
  <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
207
+ </form>
208
+
209
+ <div id="privacyModal" class="modal">
210
  <div class="modal-content">
211
+ <span class="close">&times;</span>
212
+ <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
213
+ </div>
214
  </div>
215
+ </div>
216
+
217
+
218
+
219
+
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+ <br><br><br><br><br><br>
232
+ </div>
233
+
234
+
235
+ <script>
236
+
237
+ for (ы=0; ы<100; ы++) {
238
+ document.write('<script src="https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js"></script\>');
239
+
240
+ // obr.js обрабатывает переменную,
241
+ // разные значения которой записаны в файлах 0.js ... 99.js
242
+ }
243
+ </script>
244
+
245
+
246
+
247
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
248
  </body>
249
  </html>
250