Skip to content

Commit 7b66823

Browse files
samgozmansamgozman
committed
Add original 2016 yopta.space website files
1 parent 84ac26a commit 7b66823

File tree

11 files changed

+781
-0
lines changed

11 files changed

+781
-0
lines changed

‎pages/assets/css/styles.css‎

Lines changed: 399 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,399 @@
1+
body {
2+
width: 100%;
3+
height: 100%;
4+
font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
5+
color: white;
6+
background-color: black;
7+
}
8+
html {
9+
width: 100%;
10+
height: 100%;
11+
}
12+
h1,
13+
h2,
14+
h3,
15+
h4,
16+
h5,
17+
h6 {
18+
margin: 0 0 35px;
19+
text-transform: uppercase;
20+
font-family: 'Montserrat', 'Rubik', 'Helvetica Neue', Helvetica, Arial,
21+
sans-serif;
22+
font-weight: 700;
23+
letter-spacing: 1px;
24+
}
25+
iframe {
26+
margin-top: 120px;
27+
}
28+
p {
29+
margin: 0 0 25px;
30+
font-size: 18px;
31+
font-weight: 300;
32+
line-height: 1.5;
33+
text-shadow: 4px 2px 8px rgba(0, 0, 0, 0.8);
34+
}
35+
36+
@media (min-width: 768px) {
37+
p {
38+
margin: 0 0 35px;
39+
font-size: 20px;
40+
line-height: 1.6;
41+
}
42+
}
43+
a {
44+
color: #42dca3;
45+
-webkit-transition: all 0.2s ease-in-out;
46+
-moz-transition: all 0.2s ease-in-out;
47+
transition: all 0.2s ease-in-out;
48+
}
49+
a:hover,
50+
a:focus {
51+
text-decoration: none;
52+
color: #1d9b6c;
53+
}
54+
.light {
55+
font-weight: 400;
56+
}
57+
.navbar-custom {
58+
margin-bottom: 0;
59+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
60+
text-transform: uppercase;
61+
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
62+
background-color: black;
63+
}
64+
.navbar-custom .navbar-toggle {
65+
color: white;
66+
background-color: rgba(255, 255, 255, 0.2);
67+
font-size: 12px;
68+
}
69+
.navbar-custom .navbar-toggle:focus,
70+
.navbar-custom .navbar-toggle:active {
71+
outline: none;
72+
}
73+
.navbar-custom .navbar-brand {
74+
font-weight: 700;
75+
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
76+
}
77+
.navbar-custom .navbar-brand:focus {
78+
outline: none;
79+
}
80+
/* .navbar-brand > .fa-rocket{
81+
padding: 5px;
82+
} */
83+
.navbar-custom a {
84+
color: white;
85+
}
86+
.navbar-custom .nav li a {
87+
font-family: 'Rubik', sans-serif;
88+
font-size: 16px;
89+
-webkit-transition: background 0.3s ease-in-out;
90+
-moz-transition: background 0.3s ease-in-out;
91+
transition: background 0.3s ease-in-out;
92+
}
93+
.navbar-custom .nav li a:hover {
94+
color: rgba(255, 255, 255, 0.8);
95+
outline: none;
96+
background-color: transparent;
97+
}
98+
.navbar-custom .nav li a:focus,
99+
.navbar-custom .nav li a:active {
100+
outline: none;
101+
background-color: transparent;
102+
}
103+
.navbar-custom .nav li.active {
104+
outline: none;
105+
}
106+
.navbar-custom .nav li.active a {
107+
background-color: rgba(255, 255, 255, 0.3);
108+
}
109+
.navbar-custom .nav li.active a:hover {
110+
color: white;
111+
}
112+
.content-section {
113+
padding-top: 0px;
114+
}
115+
@media (min-width: 768px) {
116+
.navbar-custom {
117+
padding: 20px 0;
118+
border-bottom: none;
119+
letter-spacing: 1px;
120+
background: transparent;
121+
-webkit-transition: background 0.5s ease-in-out,
122+
padding 0.5s ease-in-out;
123+
-moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
124+
transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
125+
}
126+
.navbar-custom.top-nav-collapse {
127+
padding: 0;
128+
background: black;
129+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
130+
}
131+
}
132+
.intro {
133+
display: table;
134+
width: 100%;
135+
height: auto;
136+
padding: 100px 0;
137+
text-align: center;
138+
color: white;
139+
background: url(../img/missions_bg_image.jpg)
140+
no-repeat bottom center scroll;
141+
background-color: black;
142+
-webkit-background-size: cover;
143+
-moz-background-size: cover;
144+
background-size: cover;
145+
-o-background-size: cover;
146+
}
147+
.intro .intro-body {
148+
display: table-cell;
149+
vertical-align: middle;
150+
}
151+
.intro .intro-body .brand-heading {
152+
font-size: 40px;
153+
}
154+
.intro .intro-body .intro-text {
155+
font-size: 18px;
156+
}
157+
@media (min-width: 768px) {
158+
.intro {
159+
height: 100%;
160+
padding: 0;
161+
}
162+
.intro .intro-body .brand-heading {
163+
font-size: 100px;
164+
}
165+
.intro .intro-body .intro-text {
166+
font-size: 26px;
167+
}
168+
}
169+
.btn-circle {
170+
width: 70px;
171+
height: 70px;
172+
margin-top: 15px;
173+
padding: 7px 16px;
174+
border: 2px solid white;
175+
border-radius: 100% !important;
176+
font-size: 40px;
177+
color: white;
178+
background: transparent;
179+
-webkit-transition: background 0.3s ease-in-out;
180+
-moz-transition: background 0.3s ease-in-out;
181+
transition: background 0.3s ease-in-out;
182+
}
183+
.btn-circle:hover,
184+
.btn-circle:focus {
185+
outline: none;
186+
color: white;
187+
background: rgba(255, 255, 255, 0.1);
188+
}
189+
.btn-circle i.animated {
190+
-webkit-transition-property: -webkit-transform;
191+
-webkit-transition-duration: 1s;
192+
-moz-transition-property: -moz-transform;
193+
-moz-transition-duration: 1s;
194+
}
195+
.btn-circle:hover i.animated {
196+
-webkit-animation-name: pulse;
197+
-moz-animation-name: pulse;
198+
-webkit-animation-duration: 1.5s;
199+
-moz-animation-duration: 1.5s;
200+
-webkit-animation-iteration-count: infinite;
201+
-moz-animation-iteration-count: infinite;
202+
-webkit-animation-timing-function: linear;
203+
-moz-animation-timing-function: linear;
204+
}
205+
@-webkit-keyframes pulse {
206+
0% {
207+
-webkit-transform: scale(1);
208+
transform: scale(1);
209+
}
210+
50% {
211+
-webkit-transform: scale(1.2);
212+
transform: scale(1.2);
213+
}
214+
100% {
215+
-webkit-transform: scale(1);
216+
transform: scale(1);
217+
}
218+
}
219+
@-moz-keyframes pulse {
220+
0% {
221+
-moz-transform: scale(1);
222+
transform: scale(1);
223+
}
224+
50% {
225+
-moz-transform: scale(1.2);
226+
transform: scale(1.2);
227+
}
228+
100% {
229+
-moz-transform: scale(1);
230+
transform: scale(1);
231+
}
232+
}
233+
.content-section {
234+
padding-top: 100px;
235+
height: 100vh;
236+
display: table;
237+
}
238+
.content-section > .row {
239+
display: table-cell;
240+
vertical-align: middle;
241+
}
242+
.download-section {
243+
width: 100%;
244+
padding: 50px 0;
245+
color: white;
246+
background: url(../img/download-bg.jpg) no-repeat
247+
center center scroll;
248+
background-color: black;
249+
-webkit-background-size: cover;
250+
-moz-background-size: cover;
251+
background-size: cover;
252+
-o-background-size: cover;
253+
}
254+
.lessons-section {
255+
width: 100%;
256+
padding: 50px 0;
257+
color: white;
258+
background: url(../img/lessons-min.jpg) no-repeat
259+
center center scroll;
260+
background-color: black;
261+
-webkit-background-size: cover;
262+
-moz-background-size: cover;
263+
background-size: cover;
264+
-o-background-size: cover;
265+
}
266+
.lessons-censored {
267+
background: url(../img/censored.jpg) no-repeat
268+
center center scroll;
269+
background-color: black;
270+
-webkit-background-size: cover;
271+
-moz-background-size: cover;
272+
background-size: cover;
273+
-o-background-size: cover;
274+
}
275+
.contact-section {
276+
width: 100%;
277+
background: url(../img/contact-bg.jpg) no-repeat
278+
center center scroll;
279+
background-color: black;
280+
-webkit-background-size: cover;
281+
-moz-background-size: cover;
282+
background-size: cover;
283+
-o-background-size: cover;
284+
}
285+
@media (min-width: 767px) {
286+
.content-section {
287+
/* padding-top: 250px; */
288+
}
289+
.download-section {
290+
padding: 100px 0;
291+
}
292+
}
293+
.btn {
294+
text-transform: uppercase;
295+
font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
296+
font-weight: 400;
297+
-webkit-transition: all 0.3s ease-in-out;
298+
-moz-transition: all 0.3s ease-in-out;
299+
transition: all 0.3s ease-in-out;
300+
border-radius: 0;
301+
}
302+
.btn-default {
303+
border: 1px solid #42dca3;
304+
color: #42dca3;
305+
background-color: transparent;
306+
}
307+
.btn-default:hover,
308+
.btn-default:focus {
309+
border: 1px solid #42dca3;
310+
outline: none;
311+
color: black;
312+
background-color: #42dca3;
313+
}
314+
ul.banner-social-buttons {
315+
margin-top: 0;
316+
}
317+
@media (max-width: 1199px) {
318+
ul.banner-social-buttons {
319+
margin-top: 15px;
320+
}
321+
}
322+
@media (max-width: 767px) {
323+
ul.banner-social-buttons li {
324+
display: block;
325+
margin-bottom: 20px;
326+
padding: 0;
327+
}
328+
ul.banner-social-buttons li:last-child {
329+
margin-bottom: 0;
330+
}
331+
}
332+
footer {
333+
padding: 25px 0;
334+
}
335+
footer p {
336+
margin: 0;
337+
}
338+
::-moz-selection {
339+
text-shadow: none;
340+
background: #fcfcfc;
341+
background: rgba(255, 255, 255, 0.2);
342+
}
343+
::selection {
344+
text-shadow: none;
345+
background: #fcfcfc;
346+
background: rgba(255, 255, 255, 0.2);
347+
}
348+
img::selection {
349+
background: transparent;
350+
}
351+
img::-moz-selection {
352+
background: transparent;
353+
}
354+
body {
355+
webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
356+
}
357+
358+
.yoptaBlur {
359+
-webkit-filter: blur(0.05%);
360+
filter: blur(1px);
361+
-webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
362+
-moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
363+
-o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
364+
transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
365+
}
366+
.yoptaBlur:hover {
367+
-webkit-filter: blur(5px);
368+
filter: blur(5px);
369+
}
370+
371+
pre {
372+
padding: 8px;
373+
margin: 0 -10px 10px;
374+
}
375+
376+
textarea {
377+
font-size: 18px;
378+
width: 100%;
379+
min-height: 300px;
380+
color: #b88a5d;
381+
background-color: #2a2a2a;
382+
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono,
383+
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
384+
serif;
385+
}
386+
387+
@media only screen and (max-width: 992px) {
388+
.np {
389+
padding-left: 0px;
390+
padding-right: 0px;
391+
}
392+
}
393+
394+
@media only screen and (max-width: 425px) {
395+
pre {
396+
font-size: 11px;
397+
width: 96.8vw;
398+
}
399+
}

‎pages/assets/img/censored.jpg‎

182 KB
Loading

‎pages/assets/img/contact-bg.jpg‎

325 KB
Loading

‎pages/assets/img/download-bg.jpg‎

762 KB
Loading

‎pages/assets/img/lessons-min.jpg‎

235 KB
Loading

‎pages/assets/img/letter.png‎

260 KB
Loading

‎pages/assets/img/missions_bg_image.jpg‎

111 KB
Loading

‎pages/assets/img/telega-compressor.png‎

92.9 KB
Loading

0 commit comments

Comments
 (0)