clean scss compiling process with gulp

This commit is contained in:
Raphael Martin 2024-02-08 17:35:42 +01:00
parent b1ae7952b1
commit bd7220ff20
22 changed files with 602 additions and 1759 deletions

View File

@ -1,2 +1,10 @@
[
"https://travel.altogether.at/fileadmin/_processed_/f/e/csm_20220522_075119_f7f59f1947.jpg",
"https://travel.altogether.at/fileadmin/_processed_/c/4/csm_20220522_085437_6878ca9c79.jpg",
"https://travel.altogether.at/fileadmin/_processed_/a/e/csm_283250228_686175499137323_4942479361100056197_n_0f723df57f.jpg",
"https://travel.altogether.at/fileadmin/travel_blog/RaMa/AuthorSeite/282494555_2983554695217426_1326172026026569453_n.jpg",
"https://travel.altogether.at/fileadmin/_processed_/7/a/csm_285725297_181441544337054_6388859613749282169_n_1a54978bd2.jpg",
"https://travel.altogether.at/fileadmin/_processed_/9/6/csm_20220521_143042_e08fe4a244.jpg",
"https://travel.altogether.at//fileadmin/_processed_/8/f/csm_Hermanus6_362e5b53cf.jpg",
"https://travel.altogether.at/fileadmin/_processed_/4/c/csm_Hermanus-2_c1aa521e7d.jpg"
]

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
const swName="RaMemoryMM",addResourcesToCache=async function(a){await(await caches.open(swName)).addAll(a)},putInCache=async function(a,n){await(await caches.open(swName)).put(a,n)},enableNavigationPreload=async function(){self.registration.navigationPreload&&await self.registration.navigationPreload.enable()},limitCacheSize=(self.addEventListener("activate",function(a){a.waitUntil(enableNavigationPreload())}),self.addEventListener("install",function(a){a.waitUntil(addResourcesToCache(["./index.html","./JavaScript/Css.min.js","./JavaScript/PWA.min.js","./JavaScript/Firework.min.js","./JavaScript/Memory.min.js","./JavaScript/main.min.js","./Css/Firework.min.css","./Css/main.min.css","./fonts/TextMeOne-Regular.ttf","./config/emoji-categories.min.json","./config/emojis.min.json","./config/images.json","./media/frog512x512.png","./media/altogether-logo.png","./media/altogether-logo-inverted.png","./media/dark_intro.webm","./media/light_intro.webm","./media/dark_intro.mp4","./media/light_intro.mp4","./media/light_emoji.png","./favicon/site.webmanifest","./media/green_string.png","./favicon/favicon.ico","./favicon/favicon-32x32.png","./favicon/favicon-16x16.png","./favicon/android-chrome-192x192.png","./favicon/android-chrome-512x512.png","./favicon/maskable/maskable_icon.png","./favicon/maskable/maskable_icon_x48.png","./favicon/maskable/maskable_icon_x72.png","./favicon/maskable/maskable_icon_x96.png","./favicon/maskable/maskable_icon_x128.png","./favicon/maskable/maskable_icon_x192.png","./favicon/maskable/maskable_icon_x384.png","./favicon/maskable/maskable_icon_x512.png"]))}),self.addEventListener("fetch",function(e){0===e.request.url.indexOf("http")&&e.respondWith(caches.match(e.request).then(function(a){return a||fetch(e.request).then(function(n){cache.open(swName).then(function(a){return a.put(e.request.url,n.clone()),limitCacheSize(swName,200),n})})}).catch(function(){caches.match("/fallback")}))}),function(e,i){caches.open(e).then(function(n){n.keys().then(function(a){a.length>i&&n.delete(a[0]).then(limitCacheSize(e,i))})})});
const swName="RaMemoryMM",addResourcesToCache=async function(a){await(await caches.open(swName)).addAll(a)},putInCache=async function(a,n){await(await caches.open(swName)).put(a,n)},enableNavigationPreload=async function(){self.registration.navigationPreload&&await self.registration.navigationPreload.enable()},limitCacheSize=(self.addEventListener("activate",function(a){a.waitUntil(enableNavigationPreload())}),self.addEventListener("install",function(a){a.waitUntil(addResourcesToCache(["./index.html","./JavaScript/Css.min.js","./JavaScript/PWA.min.js","./JavaScript/Firework.min.js","./JavaScript/Memory.min.js","./JavaScript/main.min.js","./Css/Firework.min.css","./Css/main.min.css","./fonts/TextMeOne-Regular.ttf","./config/emoji-categories.min.json","./config/emojis.min.json","./config/images.json","./media/frog512x512.png","./media/altogether-logo.png","./media/altogether-logo-inverted.png","./media/light_emoji.png","./favicon/site.webmanifest","./media/green_string.png","./favicon/favicon.ico","./favicon/favicon-32x32.png","./favicon/favicon-16x16.png","./favicon/android-chrome-192x192.png","./favicon/android-chrome-512x512.png","./favicon/maskable/maskable_icon.png","./favicon/maskable/maskable_icon_x48.png","./favicon/maskable/maskable_icon_x72.png","./favicon/maskable/maskable_icon_x96.png","./favicon/maskable/maskable_icon_x128.png","./favicon/maskable/maskable_icon_x192.png","./favicon/maskable/maskable_icon_x384.png","./favicon/maskable/maskable_icon_x512.png"]))}),self.addEventListener("fetch",function(e){0===e.request.url.indexOf("http")&&e.respondWith(caches.match(e.request).then(function(a){return a||fetch(e.request).then(function(n){cache.open(swName).then(function(a){return a.put(e.request.url,n.clone()),limitCacheSize(swName,200),n})})}).catch(function(){caches.match("/fallback")}))}),function(e,i){caches.open(e).then(function(n){n.keys().then(function(a){a.length>i&&n.delete(a[0]).then(limitCacheSize(e,i))})})});

View File

@ -1,3 +1,5 @@
'use strict';
const gulp = require('gulp');
const concat = require('gulp-concat');
const cleanCss = require('gulp-clean-css');
@ -6,112 +8,112 @@ const uglify = require('gulp-uglify');
const del = require('del');
const htmlmin = require('gulp-htmlmin');
const copy = require('gulp-copy');
const sass = require('gulp-sass')(require('sass'));
// Concat and minify CSS files
gulp.task('build-css', () => {
return gulp.src('src/Css/main.css')
.pipe(concat('index.css'))
.pipe(cleanCss())
.pipe(gulp.dest('build/css'));
gulp.task('build-css', function () {
return gulp.src('src/Scss/main.scss')
.pipe(sass().on('error', sass.logError))
.pipe(concat('index.css'))
.pipe(cleanCss())
.pipe(gulp.dest('build/css'));
});
// Concat and minify application specific JS files
gulp.task('build-js', function () {
return gulp.src(['src/JavaScript/Css.js',
'src/JavaScript/Firework.js',
'src/JavaScript/PWA.js',
'src/JavaScript/Memory.js',
'src/JavaScript/main.js'])
.pipe(concat('index.js'))
.pipe(uglify())
.pipe(gulp.dest('build/js'));
return gulp.src(['src/JavaScript/Css.js',
'src/JavaScript/Firework.js',
'src/JavaScript/PWA.js',
'src/JavaScript/Memory.js',
'src/JavaScript/main.js'])
.pipe(concat('index.js'))
.pipe(uglify())
.pipe(gulp.dest('build/js'));
});
// Concat and minify application specific JS files
gulp.task('build-sw', function () {
return gulp.src(['src/sw.js'])
.pipe(concat('sw.js'))
.pipe(uglify())
.pipe(gulp.dest('build'));
.pipe(concat('sw.js'))
.pipe(uglify())
.pipe(gulp.dest('build'));
});
gulp.task('minify-html', () => {
return gulp.src('src/index.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(gulp.dest('build'));
return gulp.src('src/index.html')
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest('build'));
});
gulp.task('copy-sitemap', function() {
return gulp.src('src/sitemap.xml')
.pipe(gulp.dest('build'));
gulp.task('copy-sitemap', function () {
return gulp.src('src/sitemap.xml')
.pipe(gulp.dest('build'));
});
gulp.task('copy-robots', function() {
return gulp.src('src/robots.txt')
.pipe(gulp.dest('build'));
gulp.task('copy-robots', function () {
return gulp.src('src/robots.txt')
.pipe(gulp.dest('build'));
});
gulp.task('copy-media', function() {
return gulp.src('src/media/*')
.pipe(gulp.dest('build/media'));
gulp.task('copy-media', function () {
return gulp.src('src/media/*')
.pipe(gulp.dest('build/media'));
});
gulp.task('copy-data', function() {
return gulp.src('src/config/*.json')
.pipe(gulp.dest('build/config'));
gulp.task('copy-data', function () {
return gulp.src('src/config/*.json')
.pipe(gulp.dest('build/config'));
});
gulp.task('copy-fonts', function() {
return gulp.src('src/fonts/*')
.pipe(gulp.dest('build/fonts'));
gulp.task('copy-fonts', function () {
return gulp.src('src/fonts/*')
.pipe(gulp.dest('build/fonts'));
});
gulp.task('copy-favicon', function() {
return gulp.src('src/favicon/*')
.pipe(gulp.dest('build/favicon'));
gulp.task('copy-favicon', function () {
return gulp.src('src/favicon/*')
.pipe(gulp.dest('build/favicon'));
});
gulp.task('copy-favicon-maskable', function() {
return gulp.src('src/favicon/maskable/*')
.pipe(gulp.dest('build/favicon/maskable'));
gulp.task('copy-favicon-maskable', function () {
return gulp.src('src/favicon/maskable/*')
.pipe(gulp.dest('build/favicon/maskable'));
});
gulp.task('clean', async () => {
return del.sync('build');
return del.sync('build');
});
// Start session
gulp.task("clean build", (cb) => {
return gulp.series('clean',
'build-css', 'build-js', 'build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon','copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
)(cb);
'build-css', 'build-js', 'build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
)(cb);
});
// Start session
gulp.task("session-start", (cb) => {
return gulp.series('clean','build-css', 'build-js','build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon','copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap')(cb);
return gulp.series('clean',
'build-css', 'build-js', 'build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
)(cb);
});
// Start session
gulp.task("build", (cb) => {
return gulp.series('build-css', 'build-js','build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon','copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap')(cb);
return gulp.series(
'build-css', 'build-js', 'build-sw', 'minify-html',
'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
)(cb);
});
// static server and watching CSS/JS/HTML files for changes
gulp.task("server", (done) => {
browsersync.init({
server: './build',
directory: true
});
browsersync.init({
server: './build',
directory: true
});
// Watch for file changes
gulp.watch('./src/Css/*.css', gulp.series('session-start'), browsersync.reload);
gulp.watch('./src/JavaScript/*.js', gulp.series('session-start'), browsersync.reload);
gulp.watch('./src/*.html', gulp.series('session-start'), browsersync.reload);
// Watch for file changes
gulp.watch('./src/Scss/*.scss', gulp.series('session-start'), browsersync.reload);
gulp.watch('./src/JavaScript/*.js', gulp.series('session-start'), browsersync.reload);
gulp.watch('./src/*.html', gulp.series('session-start'), browsersync.reload);
});

543
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -16,10 +16,12 @@
"gulp": "^4.0.2",
"gulp-clean-css": "^4.3.0",
"gulp-concat": "^2.6.1",
"gulp-copy": "^4.0.1",
"gulp-htmlmin": "^5.0.1",
"gulp-minify-css": "^1.2.4",
"gulp-sass": "^5.1.0",
"gulp-uglify": "^3.0.2",
"gulp-copy": "^4.0.1"
"sass": "^1.70.0"
},
"main": "gulpfile.js",
"directories": {
@ -29,7 +31,5 @@
"test": "echo \"Error: no test specified\" && exit 1"
},
"license": "ISC",
"description": "",
"dependencies": {
}
"description": ""
}

View File

@ -1,310 +0,0 @@
.firework {
position: absolute;
width: 5px;
height: 5px;
opacity: 1; }
@keyframes launchFirework {
to {
opacity: 0; } }
@keyframes launchFirework1 {
to {
transform: translate(-51px, -77px); } }
.firework1 {
animation: launchFirework 1140ms linear forwards, launchFirework1 1158ms linear forwards; }
@keyframes launchFirework2 {
to {
transform: translate(65px, -33px); } }
.firework2 {
animation: launchFirework 1428ms linear forwards, launchFirework2 1051ms linear forwards; }
@keyframes launchFirework3 {
to {
transform: translate(51px, -73px); } }
.firework3 {
animation: launchFirework 1156ms linear forwards, launchFirework3 1326ms linear forwards; }
@keyframes launchFirework4 {
to {
transform: translate(49px, 44px); } }
.firework4 {
animation: launchFirework 847ms linear forwards, launchFirework4 523ms linear forwards; }
@keyframes launchFirework5 {
to {
transform: translate(68px, -9px); } }
.firework5 {
animation: launchFirework 1485ms linear forwards, launchFirework5 962ms linear forwards; }
@keyframes launchFirework6 {
to {
transform: translate(46px, 7px); } }
.firework6 {
animation: launchFirework 1230ms linear forwards, launchFirework6 1410ms linear forwards; }
@keyframes launchFirework7 {
to {
transform: translate(-32px, -28px); } }
.firework7 {
animation: launchFirework 1242ms linear forwards, launchFirework7 796ms linear forwards; }
@keyframes launchFirework8 {
to {
transform: translate(-24px, -95px); } }
.firework8 {
animation: launchFirework 753ms linear forwards, launchFirework8 517ms linear forwards; }
@keyframes launchFirework9 {
to {
transform: translate(-92px, -82px); } }
.firework9 {
animation: launchFirework 567ms linear forwards, launchFirework9 1344ms linear forwards; }
@keyframes launchFirework10 {
to {
transform: translate(3px, 27px); } }
.firework10 {
animation: launchFirework 1413ms linear forwards, launchFirework10 660ms linear forwards; }
@keyframes launchFirework11 {
to {
transform: translate(-50px, -15px); } }
.firework11 {
animation: launchFirework 1378ms linear forwards, launchFirework11 1170ms linear forwards; }
@keyframes launchFirework12 {
to {
transform: translate(39px, -81px); } }
.firework12 {
animation: launchFirework 848ms linear forwards, launchFirework12 1404ms linear forwards; }
@keyframes launchFirework13 {
to {
transform: translate(-17px, 78px); } }
.firework13 {
animation: launchFirework 670ms linear forwards, launchFirework13 926ms linear forwards; }
@keyframes launchFirework14 {
to {
transform: translate(86px, 98px); } }
.firework14 {
animation: launchFirework 1340ms linear forwards, launchFirework14 702ms linear forwards; }
@keyframes launchFirework15 {
to {
transform: translate(-80px, -36px); } }
.firework15 {
animation: launchFirework 1417ms linear forwards, launchFirework15 930ms linear forwards; }
@keyframes launchFirework16 {
to {
transform: translate(86px, -45px); } }
.firework16 {
animation: launchFirework 1402ms linear forwards, launchFirework16 877ms linear forwards; }
@keyframes launchFirework17 {
to {
transform: translate(29px, 100px); } }
.firework17 {
animation: launchFirework 1050ms linear forwards, launchFirework17 575ms linear forwards; }
@keyframes launchFirework18 {
to {
transform: translate(13px, -78px); } }
.firework18 {
animation: launchFirework 1404ms linear forwards, launchFirework18 1209ms linear forwards; }
@keyframes launchFirework19 {
to {
transform: translate(82px, -94px); } }
.firework19 {
animation: launchFirework 1418ms linear forwards, launchFirework19 1049ms linear forwards; }
@keyframes launchFirework20 {
to {
transform: translate(82px, -24px); } }
.firework20 {
animation: launchFirework 522ms linear forwards, launchFirework20 1458ms linear forwards; }
@keyframes launchFirework21 {
to {
transform: translate(-28px, -61px); } }
.firework21 {
animation: launchFirework 723ms linear forwards, launchFirework21 709ms linear forwards; }
@keyframes launchFirework22 {
to {
transform: translate(99px, -12px); } }
.firework22 {
animation: launchFirework 757ms linear forwards, launchFirework22 688ms linear forwards; }
@keyframes launchFirework23 {
to {
transform: translate(-67px, -96px); } }
.firework23 {
animation: launchFirework 523ms linear forwards, launchFirework23 917ms linear forwards; }
@keyframes launchFirework24 {
to {
transform: translate(5px, -5px); } }
.firework24 {
animation: launchFirework 1263ms linear forwards, launchFirework24 1086ms linear forwards; }
@keyframes launchFirework25 {
to {
transform: translate(-30px, -81px); } }
.firework25 {
animation: launchFirework 1082ms linear forwards, launchFirework25 1421ms linear forwards; }
@keyframes launchFirework26 {
to {
transform: translate(5px, 33px); } }
.firework26 {
animation: launchFirework 632ms linear forwards, launchFirework26 1163ms linear forwards; }
@keyframes launchFirework27 {
to {
transform: translate(33px, 51px); } }
.firework27 {
animation: launchFirework 1091ms linear forwards, launchFirework27 992ms linear forwards; }
@keyframes launchFirework28 {
to {
transform: translate(46px, 34px); } }
.firework28 {
animation: launchFirework 1032ms linear forwards, launchFirework28 711ms linear forwards; }
@keyframes launchFirework29 {
to {
transform: translate(98px, 41px); } }
.firework29 {
animation: launchFirework 559ms linear forwards, launchFirework29 1255ms linear forwards; }
@keyframes launchFirework30 {
to {
transform: translate(92px, -2px); } }
.firework30 {
animation: launchFirework 952ms linear forwards, launchFirework30 741ms linear forwards; }
@keyframes launchFirework31 {
to {
transform: translate(4px, 28px); } }
.firework31 {
animation: launchFirework 940ms linear forwards, launchFirework31 649ms linear forwards; }
@keyframes launchFirework32 {
to {
transform: translate(75px, -22px); } }
.firework32 {
animation: launchFirework 646ms linear forwards, launchFirework32 1275ms linear forwards; }
@keyframes launchFirework33 {
to {
transform: translate(-88px, -69px); } }
.firework33 {
animation: launchFirework 1054ms linear forwards, launchFirework33 1413ms linear forwards; }
@keyframes launchFirework34 {
to {
transform: translate(-78px, -62px); } }
.firework34 {
animation: launchFirework 963ms linear forwards, launchFirework34 916ms linear forwards; }
@keyframes launchFirework35 {
to {
transform: translate(-5px, 11px); } }
.firework35 {
animation: launchFirework 1341ms linear forwards, launchFirework35 1193ms linear forwards; }
@keyframes launchFirework36 {
to {
transform: translate(79px, -63px); } }
.firework36 {
animation: launchFirework 922ms linear forwards, launchFirework36 972ms linear forwards; }
@keyframes launchFirework37 {
to {
transform: translate(11px, -35px); } }
.firework37 {
animation: launchFirework 948ms linear forwards, launchFirework37 1209ms linear forwards; }
@keyframes launchFirework38 {
to {
transform: translate(-29px, -94px); } }
.firework38 {
animation: launchFirework 785ms linear forwards, launchFirework38 586ms linear forwards; }
@keyframes launchFirework39 {
to {
transform: translate(-28px, -51px); } }
.firework39 {
animation: launchFirework 796ms linear forwards, launchFirework39 934ms linear forwards; }
@keyframes launchFirework40 {
to {
transform: translate(74px, -51px); } }
.firework40 {
animation: launchFirework 1370ms linear forwards, launchFirework40 1418ms linear forwards; }
@keyframes launchFirework41 {
to {
transform: translate(-55px, -85px); } }
.firework41 {
animation: launchFirework 594ms linear forwards, launchFirework41 884ms linear forwards; }
@keyframes launchFirework42 {
to {
transform: translate(-72px, 51px); } }
.firework42 {
animation: launchFirework 1438ms linear forwards, launchFirework42 899ms linear forwards; }
@keyframes launchFirework43 {
to {
transform: translate(36px, 0px); } }
.firework43 {
animation: launchFirework 1319ms linear forwards, launchFirework43 1271ms linear forwards; }
@keyframes launchFirework44 {
to {
transform: translate(48px, -45px); } }
.firework44 {
animation: launchFirework 729ms linear forwards, launchFirework44 1451ms linear forwards; }
@keyframes launchFirework45 {
to {
transform: translate(67px, -39px); } }
.firework45 {
animation: launchFirework 1027ms linear forwards, launchFirework45 702ms linear forwards; }
@keyframes launchFirework46 {
to {
transform: translate(22px, 23px); } }
.firework46 {
animation: launchFirework 950ms linear forwards, launchFirework46 1009ms linear forwards; }
@keyframes launchFirework47 {
to {
transform: translate(-28px, -43px); } }
.firework47 {
animation: launchFirework 514ms linear forwards, launchFirework47 881ms linear forwards; }
@keyframes launchFirework48 {
to {
transform: translate(-15px, -20px); } }
.firework48 {
animation: launchFirework 1215ms linear forwards, launchFirework48 1467ms linear forwards; }
@keyframes launchFirework49 {
to {
transform: translate(37px, 80px); } }
.firework49 {
animation: launchFirework 1180ms linear forwards, launchFirework49 637ms linear forwards; }
@keyframes launchFirework50 {
to {
transform: translate(25px, 67px); } }
.firework50 {
animation: launchFirework 1205ms linear forwards, launchFirework50 818ms linear forwards; }
/*# sourceMappingURL=Firework.css.map */

View File

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "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",
"sources": ["../Scss/Firework.scss"],
"names": [],
"file": "Firework.css"
}

View File

@ -1,71 +0,0 @@
#won {
bottom: 2rem;
height: 80px; }
#memory {
display: flex;
flex-wrap: wrap;
justify-content: center; }
#memory > .memory-flip-card {
font-size: 8px;
width: 230px;
height: 230px;
margin: 0.3rem;
background-color: transparent;
perspective: 1000px;
opacity: 1;
-webkit-transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
transition: opacity 2s ease-in-out; }
#memory > .memory-flip-card > .inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d; }
#memory > .memory-flip-card > .inner > .front {
cursor: pointer;
background-color: #333;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
#memory > .memory-flip-card > .inner > .front.style-one {
background-image: url("../media/frog512x512.png"); }
#memory > .memory-flip-card > .inner > .front.style-two {
background-image: url("../media/altogether-logo.png"); }
#memory > .memory-flip-card > .inner > .front.style-two.bg-black, #memory > .memory-flip-card > .inner > .front.style-two.bg-blue {
background-image: url("../media/altogether-logo-inverted.png"); }
#memory > .memory-flip-card > .inner > .back {
font-size: 8px;
transform: rotateY(180deg);
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
#memory > .memory-flip-card > .inner > .front, #memory > .memory-flip-card > .inner > .back {
-webkit-user-select: none;
/* Safari */
-ms-user-select: none;
/* IE 10 and IE 11 */
user-select: none;
/* Standard syntax */
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
#memory > .memory-flip-card.found {
opacity: 0.7; }
#memory > .memory-flip-card.found > .inner > .back {
border: solid 1px #bcce43; }
#memory > .memory-flip-card.active > .inner, #memory > .memory-flip-card.found > .inner {
transform: rotateY(180deg); }
@media (min-width: 750px) {
#memory > .card {
font-size: 20px; }
#memory > .card > .inner > .back {
font-size: 20px; } }
/*# sourceMappingURL=Memory.css.map */

View File

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAAA,IAAK;EACD,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;;AAEhB,OAAO;EACH,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,eAAe,EAAE,MAAM;EAEvB,2BAAmB;IAEf,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,gBAAgB,EAAE,WAAW;IAC7B,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,CAAC;IACV,kBAAkB,EAAE,sBAAsB;IAC1C,eAAe,EAAE,sBAAsB;IACvC,UAAU,EAAE,sBAAsB;IAClC,oCAAS;MACL,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,UAAU,EAAE,MAAM;MAClB,UAAU,EAAE,cAAc;MAC1B,eAAe,EAAE,WAAW;MAC5B,6CAAS;QACL,MAAM,EAAE,OAAO;QACf,gBAAgB,EAAE,IAAI;QACtB,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,OAAO;QACxB,mBAAmB,EAAE,MAAM;QAC3B,uDAAW;UACP,gBAAgB,EAAE,+BAA+B;QAGrD,uDAAW;UACP,gBAAgB,EAAE,mCAAmC;UACrD,iIAAqB;YACjB,gBAAgB,EAAE,4CAA4C;MAK1E,4CAAQ;QACJ,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,eAAe;QAC1B,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,KAAK;QACtB,mBAAmB,EAAE,MAAM;MAE/B,2FAAkB;QACd,mBAAmB,EAAE,IAAI;QAAE,YAAY;QACvC,eAAe,EAAE,IAAI;QAAE,qBAAqB;QAC5C,WAAW,EAAE,IAAI;QAAE,qBAAqB;QACxC,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,2BAA2B,EAAE,MAAM;QACnC,mBAAmB,EAAE,MAAM;QAC3B,UAAU,EAAE,qCAAqC;IAGzD,iCAAO;MACH,OAAO,EAAE,GAAG;MAER,kDAAO;QACH,MAAM,EAAE,iBAAiB;IAKjC,uFAAQ;MACJ,SAAS,EAAE,eAAe;;AAM1C,yBAA0B;EACtB,eAAe;IACX,SAAS,EAAE,IAAI;IACf,gCAAiB;MACb,SAAS,EAAE,IAAI",
"sources": ["../Scss/Memory.scss"],
"names": [],
"file": "Memory.css"
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,5 @@
'use strict';
const Css = {
classes: {
displayNone: "d-none",

View File

@ -1,3 +1,5 @@
'use strict';
const Firework = {
set: 0,
intervalIds: [],
@ -9,11 +11,11 @@ const Firework = {
return min + Math.random() * (max + 1 - min);
},
create: function () {
const xPos = Firework.random(40, 60),
let xPos = Firework.random(40, 60),
yPos = Firework.random(40, 60),
colour = '#' + Math.random().toString(16).substr(2, 6);
for (let i = 1; i <= 30; i++) {
const firework = document.createElement('div');
let firework = document.createElement('div');
firework.className = Firework.fireworkClass;
firework.classList.add(Firework.fireworkClass + i);
firework.classList.add("set" + this.set);
@ -25,29 +27,25 @@ const Firework = {
this.set++;
},
delete: function () {
const setToDelete = this.set - 1;
let setToDelete = this.set - 1;
if (this.set >= 0) {
const oldFireworks = document.getElemntsByClassName("set" + setToDelete);
let oldFireworks = document.getElemntsByClassName("set" + setToDelete);
oldFireworks.forEach(firework => {
firework.remove();
});
}
},
start: function () {
_this = Firework;
let _this = Firework;
_this.create();
_this.intervalIds.push(setInterval(Firework.create, _this.fireworkTime));
_this.intervalIds.push(setInterval(Firework.delete, _this.fireworkTime * 3));
setTimeout(_this.stop, _this.autoRemoveFfireworkTime);
},
stop: function () {
_this = Firework;
let _this = Firework;
for (let i = 0; i < _this.intervalIds.length; i++) {
clearInterval(_this.intervalIds[i]);
}
let leftOvers = document.getElementsByClassName(_this.fireworkClass);
while(leftOvers.length>0){
leftOvers[leftOvers.length-1].remove();
}
}
};

View File

@ -1,3 +1,5 @@
'use strict';
const Memory = {
memoryId: "memory",
wonId: "won",

View File

@ -1,3 +1,5 @@
'use strict';
const PWA = {
installBtnClass: "btn-install-as-app",
deferredPrompt: null,

View File

@ -1,3 +1,5 @@
'use strict';
const RaMemoryPage = {
howToPlayId: "how-to-play",
aboutId: "about",

View File

@ -17,7 +17,6 @@
@import "Firework.scss";
@import "Memory.scss";
.rounded-top{
border-radius: 0.5rem 0.5rem 0 0;
}
@ -155,7 +154,7 @@ body {
margin-bottom: 5rem;
}
body {
body, html {
background: var(--bkg-color);
color: var(--text-color);
overflow-x: hidden;
@ -213,7 +212,6 @@ html{
height: auto;
margin-left: auto;
margin-right: auto;
/*max-width: 890px;*/
}
.container{
@ -231,7 +229,6 @@ input, select {
}
.user-select-none {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */

View File

@ -1,2 +1,10 @@
[
"https://travel.altogether.at/fileadmin/_processed_/f/e/csm_20220522_075119_f7f59f1947.jpg",
"https://travel.altogether.at/fileadmin/_processed_/c/4/csm_20220522_085437_6878ca9c79.jpg",
"https://travel.altogether.at/fileadmin/_processed_/a/e/csm_283250228_686175499137323_4942479361100056197_n_0f723df57f.jpg",
"https://travel.altogether.at/fileadmin/travel_blog/RaMa/AuthorSeite/282494555_2983554695217426_1326172026026569453_n.jpg",
"https://travel.altogether.at/fileadmin/_processed_/7/a/csm_285725297_181441544337054_6388859613749282169_n_1a54978bd2.jpg",
"https://travel.altogether.at/fileadmin/_processed_/9/6/csm_20220521_143042_e08fe4a244.jpg",
"https://travel.altogether.at//fileadmin/_processed_/8/f/csm_Hermanus6_362e5b53cf.jpg",
"https://travel.altogether.at/fileadmin/_processed_/4/c/csm_Hermanus-2_c1aa521e7d.jpg"
]

View File

@ -384,7 +384,7 @@
<button class="btn-imprint rounded-top">IMPRINT</button>
</div>
<div>
<a title="git.altogether.at" target="_blank" class="ms-2 btn btn-git to-top position-relative rounded-top" href="https://git.altogether.at">git</a>
<a title="git.altogether.at" target="_blank" class="ms-2 btn btn-git to-top position-relative rounded-top" href="https://git.altogether.at/rama/RaMemory">git</a>
</div>
</div>
<div class="d-flex justify-content-space-between user-select-none">