Skip to content

Commit 9aea11f

Browse files
extrabrightextrabright
committed
initial commit
1 parent 788dc0e commit 9aea11f

File tree

2,914 files changed

+139420
-1
lines changed

Some content is hidden

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

2,914 files changed

+139420
-1
lines changed

‎README.md

Lines changed: 64 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,64 @@
1-
# quick-website-ui-kit-demo
1+
# [Quick - Website UI Kit (FREE)](https://webpixels.github.io/quick-website-ui-kit-demo/)
2+
3+
![alt text](https://webpixels.s3.eu-central-1.amazonaws.com/public/themes/quick-website-ui-kit-demo.png "Quick - Website UI Kit (FREE)")
4+
5+
## Links:
6+
7+
+ [Demo Page](https://webpixels.github.io/quick-website-ui-kit-demo/)
8+
9+
## Download
10+
11+
Two quick start options are available:
12+
13+
- [Download the latest release](https://github.com/webpixels/quick-website-ui-kit-demo/archive/master.zip).
14+
- Clone the repo: `git clone https://github.com/webpixels/quick-website-ui-kit-demo.git`.
15+
16+
## Install
17+
18+
Automate painful or time-consuming tasks in your development workflow, so you can stop messing around and build something using Gulp
19+
20+
- npm install gulp-cli -g
21+
- npm install
22+
- gulp
23+
24+
### Additional Gulp tasks
25+
26+
- gulp sync:libs (update the src/assets/libs folder in case new dependencies have been installed)
27+
- gulp copy:libs (copy all the dependencies compiled assets in the dist folder)
28+
29+
## Documentation
30+
31+
No matter you are a developer or new to web design, you will find our theme very easy to customize with an intuitive HTML markup. In the theme's pack you will find a docs folder with all the information you need to start, customize and more.
32+
33+
## Authors
34+
35+
**Alexis Enache**
36+
37+
+ <http://webpixels.io>
38+
+ <http://instagram.com/webpixelsofficial>
39+
+ <http://dribbble.com/webpixels>
40+
41+
## Typeface
42+
43+
Quick is made using the typeface, which can be downloaded for free here: https://fonts.google.com/
44+
45+
## Links
46+
47+
More products from Webpixels: <https://webpixels.io/>
48+
49+
### Social Media:
50+
51+
- Facebook: <http://www.facebook.com/webpixels>
52+
- Instagram: <http://www.instagram.com/webpixelsofficial>
53+
- Dribbble: <http://dribbble.com/webpixels>
54+
55+
## Support
56+
57+
We create long lasting relationships with our customers and we want to offer you the best help in order to get started with any of our products.
58+
Need help?
59+
60+
Simply send us an email at [email protected]
61+
62+
## 40k+ happy customers
63+
64+
Over the past 6 years, we’ve sold over 100k themes and learned the best way to build, maintain, and support our themes. Our mission is to bring the best development experience to designers and developers by offering the tools needed for having a quick and solid start in most web projects.

‎gulpfile.js

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
'use strict';
2+
3+
// Gulp file to automate the various tasks
4+
5+
const { src, series, parallel, dest, task, watch } = require( 'gulp' );
6+
7+
let autoprefixer = require('gulp-autoprefixer'),
8+
browserSync = require('browser-sync').create(),
9+
cleanCss = require('gulp-clean-css'),
10+
cache = require('gulp-cache'),
11+
concat = require('gulp-concat'),
12+
del = require('del'),
13+
npmDist = require('gulp-npm-dist'),
14+
postcss = require('gulp-postcss'),
15+
plumber = require('gulp-plumber'),
16+
sass = require('gulp-sass'),
17+
sourcemaps = require('gulp-sourcemaps'),
18+
uglify = require('gulp-uglify'),
19+
rename = require('gulp-rename'),
20+
replace = require('gulp-replace'),
21+
wait = require('gulp-wait');
22+
23+
// Define paths
24+
25+
var paths = {
26+
base: {
27+
node: 'node_modules'
28+
},
29+
dist: {
30+
base: 'dist',
31+
css: 'dist/assets/css',
32+
js: 'dist/assets/js',
33+
libs: 'dist/assets/libs',
34+
img: 'dist/assets/img'
35+
},
36+
src: {
37+
base: 'src',
38+
html: 'src/**/*.html',
39+
css: 'src/assets/css',
40+
js: 'src/assets/js',
41+
img: 'src/assets/img/**/*.+(png|jpg|gif|svg)',
42+
libs: 'src/assets/libs',
43+
resources: 'src/resources'
44+
}
45+
}
46+
47+
// Compile SCSS
48+
49+
task('compile:scss', function(done) {
50+
return src(paths.src.resources + '/scss/**/*.scss')
51+
.pipe(plumber())
52+
.pipe(wait(500))
53+
.pipe(sourcemaps.init())
54+
.pipe(sass().on('error', sass.logError))
55+
.pipe(postcss([require('postcss-flexbugs-fixes')]))
56+
.pipe(autoprefixer())
57+
.pipe(sourcemaps.write('./'))
58+
.pipe(dest(paths.src.css))
59+
.pipe(browserSync.reload({
60+
stream: true
61+
}));
62+
63+
done();
64+
});
65+
66+
// Minify CSS
67+
68+
task('minify:css', function(done) {
69+
return src(paths.src.css + '/*.css')
70+
.pipe(sourcemaps.init())
71+
.pipe(cleanCss())
72+
.pipe(rename({
73+
suffix: '.min'
74+
}))
75+
.pipe(sourcemaps.write('./'))
76+
.pipe(dest(paths.dist.css))
77+
done();
78+
});
79+
80+
// Copy CSS
81+
82+
task('copy:css', function(done) {
83+
return src([
84+
paths.src.css + '/*.css',
85+
paths.src.css + '/*.css.map'
86+
])
87+
.pipe(dest(paths.dist.css))
88+
done();
89+
});
90+
91+
// Concat JS
92+
93+
task('concat:js', function(done) {
94+
return src([
95+
paths.src.resources + '/js/license.js',
96+
paths.src.resources + '/js/core/init/*.js',
97+
paths.src.resources + '/js/core/custom/*.js',
98+
paths.src.resources + '/js/core/maps/*.js',
99+
paths.src.resources + '/js/core/libs/*.js',
100+
paths.src.resources + '/js/core/charts/*js'
101+
])
102+
.pipe(sourcemaps.init())
103+
.pipe(concat('quick-website.js'))
104+
.pipe(sourcemaps.write('./'))
105+
.pipe(dest(paths.src.js))
106+
.pipe(browserSync.reload({
107+
stream: true
108+
}));
109+
done();
110+
});
111+
112+
// Minify js
113+
114+
task('minify:js', function(done) {
115+
return src(paths.src.js + '/*.js')
116+
.pipe(plumber())
117+
.pipe(sourcemaps.init())
118+
.pipe(uglify())
119+
.pipe(rename({
120+
suffix: '.min'
121+
}))
122+
.pipe(dest(paths.dist.js))
123+
done();
124+
});
125+
126+
// Copy JS
127+
128+
task('copy:js', function(done) {
129+
return src([
130+
paths.src.js + '/quick-website.js',
131+
paths.src.js + '/quick-website.js.map'
132+
])
133+
.pipe(dest(paths.dist.js))
134+
done();
135+
});
136+
137+
// HTML
138+
139+
task('copy:html', function(done) {
140+
return src([
141+
paths.src.html,
142+
'!' + paths.src.base + '/docs/**/*'
143+
])
144+
.pipe(dest(paths.dist.base));
145+
146+
done();
147+
});
148+
149+
// Copy Libs
150+
151+
task('copy:libs', function(done) {
152+
return src(npmDist(), {
153+
base: paths.base.node
154+
})
155+
.pipe(dest(paths.dist.libs));
156+
157+
done()
158+
});
159+
160+
// Sync Libs - for the default task
161+
162+
task('sync:libs', function(done) {
163+
return src(npmDist(), {
164+
base: paths.base.node
165+
})
166+
.pipe(dest(paths.src.libs));
167+
168+
done()
169+
});
170+
171+
// Copy images
172+
173+
task('copy:images', function(done) {
174+
return src(paths.src.img)
175+
.pipe(dest(paths.dist.img))
176+
done();
177+
});
178+
179+
180+
// Clean
181+
182+
task('clean:dist', function(done) {
183+
return del([
184+
paths.dist.base
185+
]);
186+
done();
187+
});
188+
189+
// BrowserSync
190+
191+
// Initialize the browsersync
192+
193+
function browserSyncInit(done) {
194+
browserSync.init({
195+
server: {
196+
baseDir: './src'
197+
},
198+
port: 3000
199+
});
200+
done();
201+
}
202+
203+
// BrowserSync Reload (callback)
204+
205+
function browserSyncReload(done) {
206+
browserSync.reload();
207+
done();
208+
}
209+
210+
function watchFiles() {
211+
watch(paths.src.resources + '/scss/**/*.scss', series('compile:scss'));
212+
watch(paths.src.resources + '/js/**/*.js', series('concat:js'));
213+
watch(paths.src.html, browserSyncReload);
214+
}
215+
216+
// Bundled tasks
217+
218+
task('js', series('concat:js', 'minify:js', 'copy:js'));
219+
task('css', series('compile:scss', 'minify:css', 'copy:css'));
220+
task('html', series('copy:html'));
221+
task('assets', parallel('copy:libs', 'copy:images'));
222+
task('browserSync', series(browserSyncInit, watchFiles));
223+
224+
// Build
225+
226+
task('build', series('clean:dist', 'css', 'js', 'html', 'assets'));
227+
228+
// Libs
229+
230+
task('libs', series('sync:libs'));
231+
232+
// Default
233+
234+
task('default', series('compile:scss', 'concat:js', 'browserSync'));

‎package.json

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
{
2+
"private": true,
3+
"name": "quick-website-ui-kit-demo",
4+
"version": "1.0.0",
5+
"description": "Here comes your description...",
6+
"main": "gulpfile.js",
7+
"repository": "https://github.com/webpixels/quick-website-ui-kit-demo",
8+
"keywords": [],
9+
"author": "Webpixels",
10+
"license": "ISC",
11+
"devDependencies": {
12+
"browser-sync": "^2.26.7",
13+
"cross-env": "^6.*",
14+
"del": "^5.*",
15+
"gulp": "^4.0.2",
16+
"gulp-autoprefixer": "^7.*",
17+
"gulp-cache": "^1.1.3",
18+
"gulp-clean-css": "^4.2.0",
19+
"gulp-concat": "^2.6.1",
20+
"gulp-npm-dist": "^1.0.3",
21+
"gulp-plumber": "^1.2.1",
22+
"gulp-postcss": "^8.0.0",
23+
"gulp-rename": "^2.0.0",
24+
"gulp-replace": "^1.0.0",
25+
"gulp-sass": "^4.0.2",
26+
"gulp-sourcemaps": "^2.6.5",
27+
"gulp-uglify": "^3.0.2",
28+
"gulp-wait": "0.0.2",
29+
"js-yaml": "^3.13.1",
30+
"popper.js": "^1.16.0",
31+
"postcss-flexbugs-fixes": "^4.1.0",
32+
"pump": "^3.0.0",
33+
"sass": "^1.24.5",
34+
"vue-template-compiler": "^2.6.11"
35+
},
36+
"dependencies": {
37+
"@fortawesome/fontawesome-free": "^5.12.0",
38+
"animate.css": "^3.7.2",
39+
"bootstrap": "^4.4.1",
40+
"clipboard": "^2.0.4",
41+
"feather-icons": "^4.25.0",
42+
"highlight.js": "^9.17.1",
43+
"jquery": "^3.4.1",
44+
"svg-injector": "^1.1.3"
45+
},
46+
"browserslist": [
47+
"> 1%"
48+
]
49+
}

0 commit comments

Comments
 (0)