Skip to content

Commit 30e99fb

Browse files
slinanslinan
committed
Web
1 parent 827e198 commit 30e99fb

File tree

1,470 files changed

+90370
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,470 files changed

+90370
-0
lines changed

‎docs/css/coming-soon.css‎

Lines changed: 214 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,214 @@
1+
/*!
2+
* Start Bootstrap - Coming Soon v5.0.0 (https://startbootstrap.com/template-overviews/coming-soon)
3+
* Copyright 2013-2018 Start Bootstrap
4+
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-coming-soon/blob/master/LICENSE)
5+
*/
6+
7+
html {
8+
height: 100%;
9+
}
10+
11+
body {
12+
height: 100%;
13+
min-height: 35rem;
14+
position: relative;
15+
font-family: 'Source Sans Pro';
16+
font-weight: 300;
17+
}
18+
19+
h1,
20+
h2,
21+
h3,
22+
h4,
23+
h5,
24+
h6 {
25+
font-family: 'Merriweather';
26+
font-weight: 700;
27+
}
28+
29+
video {
30+
position: fixed;
31+
top: 50%;
32+
left: 50%;
33+
min-width: 100%;
34+
min-height: 100%;
35+
width: auto;
36+
height: auto;
37+
-webkit-transform: translateX(-50%) translateY(-50%);
38+
transform: translateX(-50%) translateY(-50%);
39+
z-index: 0;
40+
}
41+
42+
@media (pointer: coarse) and (hover: none) {
43+
body {
44+
background: url("../img/bg-mobile-fallback.jpg") #002E66 no-repeat center center scroll;
45+
background-position: cover;
46+
}
47+
body video {
48+
display: none;
49+
}
50+
}
51+
52+
.overlay {
53+
position: absolute;
54+
top: 0;
55+
left: 0;
56+
height: 100%;
57+
width: 100%;
58+
background-color: #cd9557;
59+
opacity: 0.7;
60+
z-index: 1;
61+
}
62+
63+
.masthead {
64+
position: relative;
65+
overflow: hidden;
66+
padding-bottom: 3rem;
67+
z-index: 2;
68+
}
69+
70+
.masthead .masthead-bg {
71+
position: absolute;
72+
top: 0;
73+
bottom: 0;
74+
right: 0;
75+
left: 0;
76+
width: 100%;
77+
min-height: 35rem;
78+
height: 100%;
79+
background-color: rgba(0, 46, 102, 0.8);
80+
-webkit-transform: skewY(4deg);
81+
transform: skewY(4deg);
82+
-webkit-transform-origin: bottom right;
83+
transform-origin: bottom right;
84+
}
85+
86+
.masthead .masthead-content h1 {
87+
font-size: 2.5rem;
88+
}
89+
90+
.masthead .masthead-content p {
91+
font-size: 1.2rem;
92+
}
93+
94+
.masthead .masthead-content p strong {
95+
font-weight: 700;
96+
}
97+
98+
.masthead .masthead-content .input-group-newsletter input {
99+
height: auto;
100+
font-size: 1rem;
101+
padding: 1rem;
102+
}
103+
104+
.masthead .masthead-content .input-group-newsletter button {
105+
font-size: 0.8rem;
106+
font-weight: 700;
107+
text-transform: uppercase;
108+
letter-spacing: 1px;
109+
padding: 1rem;
110+
}
111+
112+
@media (min-width: 768px) {
113+
.masthead {
114+
height: 100%;
115+
min-height: 0;
116+
width: 40.5rem;
117+
padding-bottom: 0;
118+
}
119+
.masthead .masthead-bg {
120+
min-height: 0;
121+
-webkit-transform: skewX(-8deg);
122+
transform: skewX(-8deg);
123+
-webkit-transform-origin: top right;
124+
transform-origin: top right;
125+
}
126+
.masthead .masthead-content {
127+
padding-left: 3rem;
128+
padding-right: 10rem;
129+
}
130+
.masthead .masthead-content h1 {
131+
font-size: 3.5rem;
132+
}
133+
.masthead .masthead-content p {
134+
font-size: 1.3rem;
135+
}
136+
}
137+
138+
.social-icons {
139+
position: absolute;
140+
margin-bottom: 2rem;
141+
width: 100%;
142+
z-index: 2;
143+
}
144+
145+
.social-icons ul {
146+
margin-top: 2rem;
147+
width: 100%;
148+
text-align: center;
149+
}
150+
151+
.social-icons ul > li {
152+
margin-left: 1rem;
153+
margin-right: 1rem;
154+
display: inline-block;
155+
}
156+
157+
.social-icons ul > li > a {
158+
display: block;
159+
color: white;
160+
background-color: rgba(0, 46, 102, 0.8);
161+
border-radius: 100%;
162+
font-size: 2rem;
163+
line-height: 4rem;
164+
height: 4rem;
165+
width: 4rem;
166+
}
167+
168+
@media (min-width: 768px) {
169+
.social-icons {
170+
margin: 0;
171+
position: absolute;
172+
right: 2.5rem;
173+
bottom: 2rem;
174+
width: auto;
175+
}
176+
.social-icons ul {
177+
margin-top: 0;
178+
width: auto;
179+
}
180+
.social-icons ul > li {
181+
display: block;
182+
margin-left: 0;
183+
margin-right: 0;
184+
margin-bottom: 2rem;
185+
}
186+
.social-icons ul > li:last-child {
187+
margin-bottom: 0;
188+
}
189+
.social-icons ul > li > a {
190+
-webkit-transition: all 0.2s ease-in-out;
191+
transition: all 0.2s ease-in-out;
192+
font-size: 2rem;
193+
line-height: 4rem;
194+
height: 4rem;
195+
width: 4rem;
196+
}
197+
.social-icons ul > li > a:hover {
198+
background-color: #002E66;
199+
}
200+
}
201+
202+
.btn-secondary {
203+
background-color: #cd9557;
204+
border-color: #cd9557;
205+
}
206+
207+
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
208+
background-color: #ba7c37 !important;
209+
border-color: #ba7c37 !important;
210+
}
211+
212+
.input {
213+
font-weight: 300 !important;
214+
}

‎docs/css/coming-soon.min.css‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/gulpfile.js‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
var gulp = require('gulp');
2+
var sass = require('gulp-sass');
3+
var header = require('gulp-header');
4+
var cleanCSS = require('gulp-clean-css');
5+
var rename = require("gulp-rename");
6+
var uglify = require('gulp-uglify');
7+
var autoprefixer = require('gulp-autoprefixer');
8+
var pkg = require('./package.json');
9+
var browserSync = require('browser-sync').create();
10+
11+
// Set the banner content
12+
var banner = ['/*!\n',
13+
' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n',
14+
' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n',
15+
' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n',
16+
' */\n',
17+
'\n'
18+
].join('');
19+
20+
// Copy third party libraries from /node_modules into /vendor
21+
gulp.task('vendor', function() {
22+
23+
// Bootstrap
24+
gulp.src([
25+
'./node_modules/bootstrap/dist/**/*',
26+
'!./node_modules/bootstrap/dist/css/bootstrap-grid*',
27+
'!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
28+
])
29+
.pipe(gulp.dest('./vendor/bootstrap'))
30+
31+
// Font Awesome
32+
gulp.src([
33+
'./node_modules/@fortawesome/**/*',
34+
])
35+
.pipe(gulp.dest('./vendor'))
36+
37+
// jQuery
38+
gulp.src([
39+
'./node_modules/jquery/dist/*',
40+
'!./node_modules/jquery/dist/core.js'
41+
])
42+
.pipe(gulp.dest('./vendor/jquery'))
43+
44+
});
45+
46+
// Compile SCSS
47+
gulp.task('css:compile', function() {
48+
return gulp.src('./scss/**/*.scss')
49+
.pipe(sass.sync({
50+
outputStyle: 'expanded'
51+
}).on('error', sass.logError))
52+
.pipe(autoprefixer({
53+
browsers: ['last 2 versions'],
54+
cascade: false
55+
}))
56+
.pipe(header(banner, {
57+
pkg: pkg
58+
}))
59+
.pipe(gulp.dest('./css'))
60+
});
61+
62+
// Minify CSS
63+
gulp.task('css:minify', ['css:compile'], function() {
64+
return gulp.src([
65+
'./css/*.css',
66+
'!./css/*.min.css'
67+
])
68+
.pipe(cleanCSS())
69+
.pipe(rename({
70+
suffix: '.min'
71+
}))
72+
.pipe(gulp.dest('./css'))
73+
.pipe(browserSync.stream());
74+
});
75+
76+
// CSS
77+
gulp.task('css', ['css:compile', 'css:minify']);
78+
79+
// Minify JavaScript
80+
gulp.task('js:minify', function() {
81+
return gulp.src([
82+
'./js/*.js',
83+
'!./js/*.min.js'
84+
])
85+
.pipe(uglify())
86+
.pipe(rename({
87+
suffix: '.min'
88+
}))
89+
.pipe(header(banner, {
90+
pkg: pkg
91+
}))
92+
.pipe(gulp.dest('./js'))
93+
.pipe(browserSync.stream());
94+
});
95+
96+
// JS
97+
gulp.task('js', ['js:minify']);
98+
99+
// Default task
100+
gulp.task('default', ['css', 'js', 'vendor']);
101+
102+
// Configure the browserSync task
103+
gulp.task('browserSync', function() {
104+
browserSync.init({
105+
server: {
106+
baseDir: "./"
107+
}
108+
});
109+
});
110+
111+
// Dev task
112+
gulp.task('dev', ['css', 'js', 'browserSync'], function() {
113+
gulp.watch('./scss/*.scss', ['css']);
114+
gulp.watch('./js/*.js', ['js']);
115+
gulp.watch('./*.html', browserSync.reload);
116+
});

‎docs/img/bg-mobile-fallback.jpg‎

666 KB
Loading

0 commit comments

Comments
 (0)