Hugging Face's logo

Spaces:
vkatis
/
api
Sleeping

App Files Community
DmitrMakeev commited on
Commit
4d2243d
·
verified ·
1 Parent(s): cbd058b

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +17 -88
settings.html CHANGED
@@ -7,7 +7,7 @@
7
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
8
  <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
9
  <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
10
- <style>
11
  body {
12
  display: flex;
13
  flex-direction: column;
@@ -105,7 +105,6 @@
105
  height: 100%;
106
  background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
107
  }
108
-
109
  .modal-content {
110
  background-color: #fff; /* Белый фон */
111
  color: black; /* Черный текст */
@@ -115,93 +114,30 @@
115
  top: 50%;
116
  left: 50%;
117
  transform: translate(-50%, -50%);
118
- width: 100%; /* Ширина 100% */
119
- max-width: 80%;
120
  max-height: 80%;
121
  overflow-y: auto;
122
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
123
  }
124
-
125
  .close {
126
- color: orange;
127
  float: right;
128
  font-size: 30px;
129
  font-weight: bold;
130
  cursor: pointer;
131
  }
132
-
133
  .close:hover,
134
  .close:focus {
135
  color: darkorange;
136
  text-decoration: none;
137
  cursor: pointer;
138
  }
139
-
140
  .modal-content iframe {
141
  width: 100%;
142
  height: 100%;
143
  border: none;
144
  }
145
  </style>
146
-
147
- <style>
148
- /* Добавленные стили для центрирования ссылки */
149
- .form-group {
150
- margin-bottom: 15px;
151
- text-align: center;
152
- }
153
-
154
- /* Стили для модального окна */
155
- .modal {
156
- display: none; /* По умолчанию скрыто */
157
- position: fixed;
158
- z-index: 1000;
159
- left: 0;
160
- top: 0;
161
- width: 100%;
162
- height: 100%;
163
- background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
164
- }
165
-
166
- .modal-content {
167
- background-color: #000;
168
- color: white;
169
- border-radius: 10px;
170
- padding: 20px;
171
- position: absolute;
172
- top: 50%;
173
- left: 50%;
174
- transform: translate(-50%, -50%);
175
- width: 100%; /* Ширина 100% */
176
- max-width: 80%;
177
- max-height: 80%;
178
- overflow-y: auto;
179
- box-shadow: 0 0 20px rgba(0,0,0,0.2);
180
- }
181
-
182
- .close {
183
- color: orange;
184
- float: right;
185
- font-size: 30px;
186
- font-weight: bold;
187
- cursor: pointer;
188
- }
189
-
190
- .close:hover,
191
- .close:focus {
192
- color: darkorange;
193
- text-decoration: none;
194
- cursor: pointer;
195
- }
196
-
197
- .modal-content iframe {
198
- width: 100%;
199
- height: 100%;
200
- border: none;
201
- }
202
- </style>
203
-
204
-
205
  </head>
206
  <body>
207
  <div class="container">
@@ -211,38 +147,23 @@
211
 
212
  <div id="maaasg"></div>
213
 
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
-
222
- <div id="privacyModal" class="modal">
223
- <div class="modal-content">
224
- <span class="close">&times;</span>
225
- <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
226
- </div>
227
- </div>
228
-
229
  <form id="contactForm">
230
  <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
231
  <div class="form-group">
232
  <label for="name">Имя</label>
233
  <input type="text" id="name" required>
234
  </div>
235
-
236
  <div class="form-group">
237
  <label for="email">Почта</label>
238
  <input type="email" id="email" required>
239
  </div>
240
-
241
  <div class="form-group">
242
  <label for="phone">Телефон</label>
243
  <input type="tel" id="phone" required>
244
  </div>
245
-
246
  <div class="form-group">
247
  <label for="options">Выберите тариф</label>
248
  <select id="options" required>
@@ -252,19 +173,27 @@
252
  <option>VIP</option>
253
  </select>
254
  </div>
255
-
256
  <div class="form-check">
257
  <input type="checkbox" id="newsletter" required>
258
  <label for="newsletter">Согласие на email рассылку</label>
259
  </div>
260
-
261
  <div class="form-group">
262
  <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
263
  </div>
264
-
265
  <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
266
  </form>
267
 
 
 
 
 
 
 
 
 
268
 
269
 
270
 
 
7
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
8
  <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
9
  <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
10
+ <style>
11
  body {
12
  display: flex;
13
  flex-direction: column;
 
105
  height: 100%;
106
  background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
107
  }
 
108
  .modal-content {
109
  background-color: #fff; /* Белый фон */
110
  color: black; /* Черный текст */
 
114
  top: 50%;
115
  left: 50%;
116
  transform: translate(-50%, -50%);
117
+ width: 80%; /* Ширина 80% */
 
118
  max-height: 80%;
119
  overflow-y: auto;
120
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
121
  }
 
122
  .close {
123
+ color: black;
124
  float: right;
125
  font-size: 30px;
126
  font-weight: bold;
127
  cursor: pointer;
128
  }
 
129
  .close:hover,
130
  .close:focus {
131
  color: darkorange;
132
  text-decoration: none;
133
  cursor: pointer;
134
  }
 
135
  .modal-content iframe {
136
  width: 100%;
137
  height: 100%;
138
  border: none;
139
  }
140
  </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
141
  </head>
142
  <body>
143
  <div class="container">
 
147
 
148
  <div id="maaasg"></div>
149
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
150
  <form id="contactForm">
151
  <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
152
  <div class="form-group">
153
  <label for="name">Имя</label>
154
  <input type="text" id="name" required>
155
  </div>
156
+
157
  <div class="form-group">
158
  <label for="email">Почта</label>
159
  <input type="email" id="email" required>
160
  </div>
161
+
162
  <div class="form-group">
163
  <label for="phone">Телефон</label>
164
  <input type="tel" id="phone" required>
165
  </div>
166
+
167
  <div class="form-group">
168
  <label for="options">Выберите тариф</label>
169
  <select id="options" required>
 
173
  <option>VIP</option>
174
  </select>
175
  </div>
176
+
177
  <div class="form-check">
178
  <input type="checkbox" id="newsletter" required>
179
  <label for="newsletter">Согласие на email рассылку</label>
180
  </div>
181
+
182
  <div class="form-group">
183
  <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
184
  </div>
185
+
186
  <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
187
  </form>
188
 
189
+ <div id="privacyModal" class="modal">
190
+ <div class="modal-content">
191
+ <span class="close">&times;</span>
192
+ <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
193
+ </div>
194
+ </div>
195
+ </div>
196
+
197
 
198
 
199