vacp2p
/
wakuconnect.dev
mirror of https://github.com/vacp2p/wakuconnect.dev.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix gulp

This commit is contained in:
Pawel 2021-09-17 11:41:58 +02:00
parent 3b5f6312ac
commit 0da7cc02da
6 changed files with 15 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/images/photo1.svg
View File

@ -1,15 +1 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M78.7044 56.7319L41.0481 37.9038C40.3883 37.5739 39.6117 37.5739 38.9519 37.9038L1.29562 56.7319C0.501562 57.1287 0 57.9403 0 58.8281C0 59.7159 0.501562 60.5275 1.29562 60.9244L38.9519 79.7525C39.2817 79.9175 39.6409 80 40 80C40.3591 80 40.7183 79.9175 41.0481 79.7525L78.7044 60.9244C79.4984 60.5275 80 59.7159 80 58.8281C80 57.9403 79.4984 57.1287 78.7044 56.7319Z" fill="#146288"/>
<path d="M78.704 56.7319L41.0477 37.9038C40.7005 37.7302 40.3212 37.6505 39.9434 37.6595V79.9967C39.9621 79.9972 39.9809 80 39.9996 80C40.3587 80 40.7179 79.9175 41.0477 79.7525L78.704 60.9244C79.498 60.5275 79.9996 59.7159 79.9996 58.8281C79.9996 57.9403 79.498 57.1288 78.704 56.7319Z" fill="#132644" fill-opacity="0.1"/>
<path d="M78.7044 37.9037L41.0481 19.0756C40.3883 18.7458 39.6117 18.7458 38.9519 19.0756L1.29562 37.9037C0.501562 38.3006 0 39.1122 0 40C0 40.8878 0.501562 41.6994 1.29562 42.0962L38.9519 60.9244C39.2817 61.0894 39.6409 61.1719 40 61.1719C40.3591 61.1719 40.7183 61.0894 41.0481 60.9244L78.7044 42.0962C79.4984 41.6994 80 40.8877 80 40C80 39.1123 79.4984 38.3006 78.7044 37.9037Z" fill="#3896C3"/>
<path d="M78.704 37.9038L41.0477 19.0756C40.7005 18.902 40.3212 18.8223 39.9434 18.8314V61.1686C39.9621 61.1691 39.9809 61.1719 39.9996 61.1719C40.3587 61.1719 40.7179 61.0894 41.0477 60.9244L78.704 42.0963C79.498 41.6994 79.9996 40.8877 79.9996 40C79.9996 39.1124 79.498 38.3006 78.704 37.9038Z" fill="#132644" fill-opacity="0.1"/>
<path d="M78.7044 19.0763L41.0481 0.248146C40.3883 -0.081698 39.6117 -0.081698 38.9519 0.248146L1.29562 19.0763C0.501562 19.4731 0 20.2847 0 21.1725C0 22.0603 0.501562 22.8719 1.29562 23.2688L38.9519 42.0969C39.2817 42.2619 39.6409 42.3444 40 42.3444C40.3591 42.3444 40.7183 42.2619 41.0481 42.0969L78.7044 23.2688C79.4984 22.8719 80 22.0603 80 21.1725C80 20.2847 79.4984 19.4731 78.7044 19.0763Z" fill="#8BC3DE"/>
<path d="M78.704 19.0756L41.0477 0.247506C40.7005 0.0739124 40.3212 -0.00577514 39.9434 0.00328736V42.3405C39.9621 42.3409 39.9809 42.3438 39.9996 42.3438C40.3587 42.3438 40.7179 42.2612 41.0477 42.0962L78.704 23.2681C79.498 22.8713 79.9996 22.0597 79.9996 21.1719C79.9996 20.2841 79.498 19.4725 78.704 19.0756Z" fill="#132644" fill-opacity="0.1"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M78.704 56.732L41.048 37.904a2.344 2.344 0 00-2.096 0L1.296 56.732a2.343 2.343 0 000 4.192l37.656 18.828a2.342 2.342 0 002.096 0l37.656-18.828a2.344 2.344 0 000-4.192z" fill="#146288"/><path d="M78.704 56.732L41.048 37.904a2.34 2.34 0 00-1.105-.245v42.338c.02 0 .038.003.057.003a2.33 2.33 0 001.048-.248l37.656-18.828a2.344 2.344 0 000-4.192z" fill="#132644" fill-opacity=".1"/><path d="M78.704 37.904L41.048 19.076a2.344 2.344 0 00-2.096 0L1.296 37.904a2.344 2.344 0 000 4.192l37.656 18.828a2.342 2.342 0 002.096 0l37.656-18.828a2.343 2.343 0 000-4.192z" fill="#3896C3"/><path d="M78.704 37.904L41.048 19.076a2.34 2.34 0 00-1.105-.245V61.17c.02 0 .038.003.057.003.359 0 .718-.083 1.048-.248l37.656-18.828a2.344 2.344 0 000-4.192z" fill="#132644" fill-opacity=".1"/><path d="M78.704 19.076L41.048.248a2.344 2.344 0 00-2.096 0L1.296 19.076a2.343 2.343 0 000 4.193l37.656 18.828a2.342 2.342 0 002.096 0l37.656-18.828a2.344 2.344 0 000-4.193z" fill="#8BC3DE"/><path d="M78.704 19.076L41.048.248a2.34 2.34 0 00-1.105-.245V42.34c.02 0 .038.004.057.004.359 0 .718-.083 1.048-.248l37.656-18.828a2.343 2.343 0 000-4.192z" fill="#132644" fill-opacity=".1"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h80v80H0z"/></clipPath></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

27
assets/images/photo2.svg
View File

@ -1,26 +1 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.9998 39.7L25.2998 32.6V52.4001L39.9998 59.5001V39.7Z" fill="#146288"/>
<path d="M40 39.7V59.5001L54.7 52.4001V32.6L40 39.7Z" fill="#3896C3"/>
<path d="M39.9998 39.7L54.6999 32.6L39.9998 25.5L25.2998 32.6L39.9998 39.7Z" fill="#8BC3DE"/>
<path d="M39.9998 14.2L25.2998 7.09998V26.9L39.9998 34V14.2Z" fill="#146288"/>
<path d="M40 14.2V34L54.7 26.9V7.09998L40 14.2Z" fill="#3896C3"/>
<path d="M39.9998 14.2L54.6999 7.1L39.9998 0L25.2998 7.1L39.9998 14.2Z" fill="#8BC3DE"/>
<path d="M62.9006 51L48.1006 43.9V63.7001L62.9006 70.8001V51Z" fill="#146288"/>
<path d="M62.9004 51V70.8001L77.6004 63.7001V43.9L62.9004 51Z" fill="#3896C3"/>
<path d="M62.9006 51L77.6006 43.9L62.9006 36.8L48.1006 43.9L62.9006 51Z" fill="#8BC3DE"/>
<path d="M62.9006 25.5L48.1006 18.4V38.2001L62.9006 45.3001V25.5Z" fill="#146288"/>
<path d="M62.9004 25.5V45.3001L77.6004 38.2001V18.4L62.9004 25.5Z" fill="#3896C3"/>
<path d="M62.9006 25.5L77.6006 18.4L62.9006 11.3L48.1006 18.4L62.9006 25.5Z" fill="#8BC3DE"/>
<path d="M17.0994 51L2.39941 43.9V63.7001L17.0994 70.8001V51Z" fill="#146288"/>
<path d="M17.0996 51V70.8001L31.8997 63.7001V43.9L17.0996 51Z" fill="#3896C3"/>
<path d="M17.0994 51L31.8996 43.9L17.0994 36.8L2.39941 43.9L17.0994 51Z" fill="#8BC3DE"/>
<path d="M17.0994 25.5L2.39941 18.4V38.2001L17.0994 45.3001V25.5Z" fill="#146288"/>
<path d="M17.0996 25.5V45.3001L31.8997 38.2001V18.4L17.0996 25.5Z" fill="#3896C3"/>
<path d="M17.0994 25.5L31.8996 18.4L17.0994 11.3L2.39941 18.4L17.0994 25.5Z" fill="#8BC3DE"/>
<path d="M39.9998 60.2L25.2998 53.1V72.9L39.9998 80V60.2Z" fill="#146288"/>
<path d="M40 60.2V80L54.7 72.9V53.1L40 60.2Z" fill="#3896C3"/>
<path d="M39.9998 60.2L54.6999 53.1L39.9998 46L25.2998 53.1L39.9998 60.2Z" fill="#8BC3DE"/>
<path d="M39.9998 34.7L25.2998 27.6V47.4L39.9998 54.5V34.7Z" fill="#146288"/>
<path d="M40 34.7V54.5L54.7 47.4V27.6L40 34.7Z" fill="#3896C3"/>
<path d="M39.9998 34.6999L54.6999 27.5999L39.9998 20.4999L25.2998 27.5999L39.9998 34.6999Z" fill="#8BC3DE"/>
</svg>
<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 39.7l-14.7-7.1v19.8L40 59.5V39.7z" fill="#146288"/><path d="M40 39.7v19.8l14.7-7.1V32.6L40 39.7z" fill="#3896C3"/><path d="M40 39.7l14.7-7.1L40 25.5l-14.7 7.1L40 39.7z" fill="#8BC3DE"/><path d="M40 14.2L25.3 7.1v19.8L40 34V14.2z" fill="#146288"/><path d="M40 14.2V34l14.7-7.1V7.1L40 14.2z" fill="#3896C3"/><path d="M40 14.2l14.7-7.1L40 0 25.3 7.1 40 14.2z" fill="#8BC3DE"/><path d="M62.9 51l-14.8-7.1v19.8l14.8 7.1V51z" fill="#146288"/><path d="M62.9 51v19.8l14.7-7.1V43.9L62.9 51z" fill="#3896C3"/><path d="M62.9 51l14.7-7.1-14.7-7.1-14.8 7.1L62.9 51z" fill="#8BC3DE"/><path d="M62.9 25.5l-14.8-7.1v19.8l14.8 7.1V25.5z" fill="#146288"/><path d="M62.9 25.5v19.8l14.7-7.1V18.4l-14.7 7.1z" fill="#3896C3"/><path d="M62.9 25.5l14.7-7.1-14.7-7.1-14.8 7.1 14.8 7.1z" fill="#8BC3DE"/><path d="M17.1 51L2.4 43.9v19.8l14.7 7.1V51z" fill="#146288"/><path d="M17.1 51v19.8l14.8-7.1V43.9L17.1 51z" fill="#3896C3"/><path d="M17.1 51l14.8-7.1-14.8-7.1-14.7 7.1L17.1 51z" fill="#8BC3DE"/><path d="M17.1 25.5L2.4 18.4v19.8l14.7 7.1V25.5z" fill="#146288"/><path d="M17.1 25.5v19.8l14.8-7.1V18.4l-14.8 7.1z" fill="#3896C3"/><path d="M17.1 25.5l14.8-7.1-14.8-7.1-14.7 7.1 14.7 7.1z" fill="#8BC3DE"/><path d="M40 60.2l-14.7-7.1v19.8L40 80V60.2z" fill="#146288"/><path d="M40 60.2V80l14.7-7.1V53.1L40 60.2z" fill="#3896C3"/><path d="M40 60.2l14.7-7.1L40 46l-14.7 7.1L40 60.2z" fill="#8BC3DE"/><path d="M40 34.7l-14.7-7.1v19.8L40 54.5V34.7z" fill="#146288"/><path d="M40 34.7v19.8l14.7-7.1V27.6L40 34.7z" fill="#3896C3"/><path d="M40 34.7l14.7-7.1L40 20.5l-14.7 7.1L40 34.7z" fill="#8BC3DE"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

19
assets/images/photo3.svg
View File

@ -1,18 +1 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M39.9864 16.83L20 12.1545V34.8649C20 35.5023 20.3667 36.083 20.9423 36.3569L39.2769 45.0802C39.7258 45.2938 40.2469 45.2939 40.6958 45.0805L59.0567 36.3566C59.6328 36.0828 59.9998 35.502 59.9998 34.8642V12.5108L39.9864 16.83Z" fill="#146288"/>
<path d="M40 45.2403C40.238 45.2384 40.4756 45.1858 40.6959 45.0813L59.0569 36.3574C59.633 36.0836 60 35.5028 60 34.865V12.5114L40 16.8277V45.2403Z" fill="#3896C3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.3959 3.00753L59.4052 11.6071C59.777 11.7753 59.975 12.113 59.9978 12.4613C60.0238 12.8496 59.8319 13.2513 59.4203 13.4457L53.275 16.3483L40.4264 22.4172C40.1483 22.5486 39.8255 22.5464 39.5493 22.4111L20.5669 13.1164C19.7924 12.7372 19.8169 11.625 20.6072 11.2802L29.2114 7.52566L39.5743 3.00379C39.7099 2.94457 39.8552 2.91652 40 2.91953V2.91925C40.1352 2.92206 40.27 2.9505 40.3959 3.00753Z" fill="#8BC3DE"/>
<path d="M19.9864 48.6704L0 43.9951V66.7054C0 67.3429 0.366719 67.9235 0.942344 68.1974L19.2769 76.9207C19.7258 77.1343 20.2469 77.1344 20.6958 76.921L39.0567 68.1971C39.6328 67.9233 39.9998 67.3426 39.9998 66.7047V44.3511L19.9864 48.6704Z" fill="#146288"/>
<path d="M20 77.0809C20.238 77.079 20.4756 77.0263 20.6959 76.9218L39.0569 68.1979C39.633 67.9241 40 67.3434 40 66.7055V44.1987L20 48.6682V77.0809Z" fill="#3896C3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.4203 45.286L33.275 48.1886L20.4264 54.2574C20.1483 54.3888 19.8255 54.3866 19.5493 54.2513L0.566912 44.9566C-0.207619 44.5774 -0.183088 43.4652 0.607225 43.1204L9.21144 39.366L19.5743 34.8441C19.7099 34.7849 19.8552 34.7568 20 34.7599V34.7597C20.1352 34.7626 20.27 34.791 20.3959 34.848L39.4052 43.223C39.8412 43.4202 40.0382 43.8506 39.9939 44.2576C40.038 44.6593 39.8474 45.0842 39.4203 45.286Z" fill="#8BC3DE"/>
<path d="M59.9864 48.6704L40 44.1987V66.7054C40 67.3429 40.3667 67.9235 40.9423 68.1974L59.2769 76.9207C59.7258 77.1343 60.2469 77.1345 60.6958 76.921L79.0567 68.1971C79.6328 67.9234 79.9998 67.3426 79.9998 66.7048V44.3512L59.9864 48.6704Z" fill="#146288"/>
<path d="M60 77.0808C60.238 77.079 60.4756 77.0263 60.6959 76.9218L79.0569 68.1979C79.633 67.9241 80 67.3433 80 66.7055V44.3519L60 48.6682V77.0808Z" fill="#3896C3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M79.4204 45.286L73.275 48.1886L60.4264 54.2574C60.1483 54.3888 59.8255 54.3866 59.5493 54.2513L40.5669 45.1144C39.7924 44.7352 39.8169 43.623 40.6072 43.2782L49.2114 39.366L59.5743 34.8441C59.7099 34.7849 59.8552 34.7568 60 34.7599V34.7597C60.1352 34.7626 60.27 34.791 60.3959 34.848L79.4052 43.4474C79.7723 43.6135 79.97 43.9449 79.9968 44.2885C80.0281 44.6809 79.8365 45.0894 79.4204 45.286Z" fill="#8BC3DE"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M39.986 16.83L20 12.155v22.71c0 .637.367 1.218.942 1.492l18.335 8.723c.449.214.97.214 1.419 0l18.36-8.723c.577-.274.944-.855.944-1.493V12.511L39.986 16.83z" fill="#146288"/><path d="M40 45.24c.238-.002.476-.054.696-.159l18.36-8.724A1.65 1.65 0 0060 34.865V12.511l-20 4.317V45.24z" fill="#3896C3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.396 3.008l19.01 8.6a.996.996 0 01.592.853c.026.389-.166.79-.578.985l-6.145 2.902-12.849 6.07c-.278.13-.6.128-.877-.007l-18.982-9.295a1.012 1.012 0 01.04-1.836l8.604-3.754 10.363-4.522a1.008 1.008 0 01.822.004z" fill="#8BC3DE"/><path d="M19.986 48.67L0 43.995v22.71c0 .638.367 1.219.942 1.492l18.335 8.724c.449.213.97.213 1.419 0l18.36-8.724c.577-.274.944-.854.944-1.492V44.35l-20.014 4.32z" fill="#146288"/><path d="M20 77.08c.238-.001.476-.054.696-.158l18.36-8.724c.577-.274.944-.855.944-1.492V44.198l-20 4.47V77.08z" fill="#3896C3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M39.42 45.286l-6.145 2.903-12.849 6.068c-.278.132-.6.13-.877-.006L.567 44.957a1.012 1.012 0 01.04-1.837l8.604-3.754 10.363-4.522a1.01 1.01 0 01.822.004l19.01 8.375c.435.197.632.628.588 1.035.044.401-.147.826-.574 1.028z" fill="#8BC3DE"/><path d="M59.986 48.67L40 44.2v22.506c0 .638.367 1.219.942 1.492l18.335 8.724c.449.213.97.213 1.419 0l18.36-8.724c.577-.274.944-.854.944-1.492V44.35l-20.014 4.32z" fill="#146288"/><path d="M60 77.08c.238-.001.476-.054.696-.158l18.36-8.724c.577-.274.944-.855.944-1.492V44.352l-20 4.316v28.413z" fill="#3896C3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M79.42 45.286l-6.145 2.903-12.849 6.068c-.278.132-.6.13-.877-.006l-18.982-9.137a1.012 1.012 0 01.04-1.836l8.604-3.912 10.363-4.522a1.01 1.01 0 01.822.004l19.01 8.6a.997.997 0 01.59.84 1 1 0 01-.576.998z" fill="#8BC3DE"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h80v80H0z"/></clipPath></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

15
gulpfile.js
View File

@ -7,7 +7,7 @@ const uglify = require('gulp-uglify-es').default;
function cssTask(cb) {
return src("./src/*.css")
.pipe(postcss())
.pipe(dest("./assets/css"))
.pipe(dest("./dist/css"))
.pipe(browserSync.stream());
cb();
}
@ -24,7 +24,13 @@ function scriptsTask(cb) {
function imageminTask(cb) {
return src("./assets/images/*")
.pipe(imagemin())
.pipe(dest("./assets/images"));
.pipe(dest("./dist/assets/images"));
cb();
}
function htmlBuild(cb) {
return src("./*.html")
.pipe(dest("./dist"))
cb();
}
@ -46,9 +52,10 @@ function browsersyncReload(cb) {
function watchTask() {
watch("./**/*.html", browsersyncReload);
watch(["./src/*.css"], series(cssTask, browsersyncReload));
watch(["./src/*.js"], series(scriptsTask, browsersyncReload));
}
// Default Gulp Task
exports.default = series(cssTask, scriptsTask, browsersyncServe, watchTask);
exports.build = series(cssTask, scriptsTask, imageminTask, htmlBuild);
exports.default = series(cssTask, scriptsTask, htmlBuild, browsersyncServe, watchTask);
exports.css = cssTask;
exports.images = imageminTask;

2
package.json
View File

@ -5,7 +5,7 @@
"main": "index.html",
"scripts": {
"dev": "gulp",
"build": "NODE_ENV=production gulp css",
"build": "NODE_ENV=production gulp build",
"build-images": "gulp images"
},
"keywords": [

1
src/main.js
View File

@ -33,7 +33,6 @@ function writeCode () {
loopTimer = setTimeout('writeCode()',40);
}
function isInViewport(element) {
const rect = element.getBoundingClientRect();
return (