wip

assets/css/v2_core.css

@@ -79,7 +79,7 @@ br {
 .close--preview {
   display: block;
   top: 0.25rem;
-  right: 0.25rem;
+  left: 0.25rem;
 }
 
 .loader {

assets/css/v2_lists.css

@@ -98,3 +98,7 @@
 	font-weight: bold;
 	text-decoration: underline;
 }
+
+.list--small {
+	font-size: 0.875rem !important;
+}

assets/css/v2_media.css

@@ -75,6 +75,11 @@
     display: none;
   }
 
+  .close--preview {
+    left: unset;
+    right: 0.25rem;
+  }
+
   .footer__content {
     display: flex;
     justify-content: space-between;

assets/css/v3_app.css

@@ -1,12 +1,12 @@
-@import "v1_core.css";
-@import "v1_layout.css";
+@import "v2_core.css";
+@import "v3_layout.css";
 @import "v1_header.css";
 @import "v1_footer.css";
 
 @import "v1_links.css";
 @import "v1_buttons.css";
-@import "v1_lists.css";
+@import "v2_lists.css";
 @import "v1_swiper.css";
 @import "v1_components.css";
 @import "v1_utility.css";
-@import "v1_media.css";
+@import "v2_media.css";

assets/css/v3_layout.css

@@ -56,6 +56,7 @@
 .section__footer div:last-child {
   display: flex;
   flex-direction: column;
+  height: max-content;
 }
 
 .section__welcome {
@@ -260,6 +261,23 @@
   margin-bottom: 0.625rem;
 }
 
+.section__video {
+  display: flex;
+  width: 100%;
+  gap: 1rem;
+  flex-direction: column;
+}
+
+@media screen and (min-width: 43.75rem) {
+  .section__video {
+    flex-direction: row;
+  }
+}
+
+.section__video iframe {
+  width: 100%;
+}
+
 .section--gdpr {
   display: none;
   position: fixed;

assets/js/v1.05_app.js

@@ -127,7 +127,12 @@ function init() {
     let x = Number(data.attr('data-object'));
     let y = Number(data.attr('data-item'));
     let z = Number(data.attr('data-items'));
-    galleryControl(x,0,y,z);
+
+    if (window.innerWidth > window.innerHeight) {
+      galleryControl(x,0,y,z);
+    } else {
+      galleryControl(x,1,y,z);
+    }  
   });
 
   $('.js-preview-next').click(function() {
@@ -135,7 +140,12 @@ function init() {
     let x = Number(data.attr('data-object'));
     let y = Number(data.attr('data-item'));
     let z = Number(data.attr('data-items'));
-    galleryControl(x,1,y,z);
+
+    if (window.innerWidth > window.innerHeight) {
+      galleryControl(x,1,y,z);
+    } else {
+      galleryControl(x,0,y,z);
+    }
   });
 
   $('.js-menu-button').click(function() {
@@ -215,114 +225,130 @@ function loadGallery(item,object,maxItems){
 switch(Number(object)) {
   case 0:
     imageUrls = [
-      "img/gallery/statek/1.webp",
-      "img/gallery/statek/2.webp",
-      "img/gallery/statek/3.webp",
-      "img/gallery/statek/4.webp",
-      "img/gallery/statek/5.webp",
-      "img/gallery/statek/6.webp",
-      "img/gallery/statek/7.webp",
-      "img/gallery/statek/8.webp",
-      "img/gallery/statek/9.webp",
-      "img/gallery/statek/10.webp",
-      "img/gallery/statek/11.webp",
-      "img/gallery/statek/12.webp",
-      "img/gallery/statek/13.webp",
-      "img/gallery/statek/14.webp",
-      "img/gallery/statek/15.webp",
-      "img/gallery/statek/16.webp",
-      "img/gallery/statek/17.webp",
-      "img/gallery/statek/18.webp",
-      "img/gallery/statek/19.webp",
-      "img/gallery/statek/20.webp",
-      "img/gallery/statek/21.webp",
-      "img/gallery/statek/22.webp",
-      "img/gallery/statek/23.webp",
-      "img/gallery/statek/24.webp",
-      "img/gallery/statek/25.webp",
-      "img/gallery/statek/26.webp",
-      "img/gallery/statek/27.webp",
-      "img/gallery/statek/28.webp"
+      "img/gallery/statek/thumbs/1.webp",
+      "img/gallery/statek/thumbs/2.webp",
+      "img/gallery/statek/thumbs/3.webp",
+      "img/gallery/statek/thumbs/4.webp",
+      "img/gallery/statek/thumbs/5.webp",
+      "img/gallery/statek/thumbs/6n.webp",
+      "img/gallery/statek/thumbs/7.webp",
+      "img/gallery/statek/thumbs/30.webp",
+      "img/gallery/statek/thumbs/8.webp",
+      "img/gallery/statek/thumbs/9.webp",
+      "img/gallery/statek/thumbs/10.webp",
+      "img/gallery/statek/thumbs/11.webp",
+      "img/gallery/statek/thumbs/12.webp",
+      "img/gallery/statek/thumbs/13.webp",
+      "img/gallery/statek/thumbs/14.webp",
+      "img/gallery/statek/thumbs/15.webp",
+      "img/gallery/statek/thumbs/16.webp",
+      "img/gallery/statek/thumbs/17.webp",
+      "img/gallery/statek/thumbs/18.webp",
+      "img/gallery/statek/thumbs/19.webp",
+      "img/gallery/statek/thumbs/20.webp",
+      "img/gallery/statek/thumbs/21.webp",
+      "img/gallery/statek/thumbs/22.webp",
+      "img/gallery/statek/thumbs/23.webp",
+      "img/gallery/statek/thumbs/24.webp",
+      "img/gallery/statek/thumbs/w9n.webp",
+      "img/gallery/statek/thumbs/26.webp",
+      "img/gallery/statek/thumbs/27n.webp",
+      "img/gallery/statek/thumbs/28n.webp",
+      "img/gallery/statek/thumbs/29.webp",
+      "img/gallery/statek/thumbs/31.webp",
+      "img/gallery/statek/thumbs/32.webp"
     ];
     break;
   case 1:
     imageUrls = [
-      "img/gallery/penzion/1.webp",
-      "img/gallery/penzion/2.webp",
-      "img/gallery/penzion/3.webp",
-      "img/gallery/penzion/4.webp",
-      "img/gallery/penzion/5.webp",
-      "img/gallery/penzion/6.webp",
-      "img/gallery/penzion/7.webp",
-      "img/gallery/penzion/8.webp",
-      "img/gallery/penzion/9.webp",
-      "img/gallery/penzion/10.webp",
-      "img/gallery/penzion/11.webp",
-      "img/gallery/penzion/12.webp",
-      "img/gallery/penzion/13.webp",
-      "img/gallery/penzion/14.webp",
-      "img/gallery/penzion/15.webp",
-      "img/gallery/penzion/16.webp",
-      "img/gallery/penzion/17.webp",
-      "img/gallery/penzion/18.webp",
-      "img/gallery/penzion/19.webp",
-      "img/gallery/penzion/20.webp",
-      "img/gallery/penzion/21.webp",
-      "img/gallery/penzion/22.webp",
-      "img/gallery/penzion/23.webp",
-      "img/gallery/penzion/24.webp"
+      "img/gallery/penzion/thumbs/1.webp",
+      "img/gallery/penzion/thumbs/2.webp",
+      "img/gallery/penzion/thumbs/3.webp",
+      "img/gallery/penzion/thumbs/4.webp",
+      "img/gallery/penzion/thumbs/32.webp",
+      "img/gallery/penzion/thumbs/25.webp",
+      "img/gallery/penzion/thumbs/5.webp",
+      "img/gallery/penzion/thumbs/6.webp",
+      "img/gallery/penzion/thumbs/7.webp",
+      "img/gallery/penzion/thumbs/8.webp",
+      "img/gallery/penzion/thumbs/9.webp",
+      "img/gallery/penzion/thumbs/10.webp",
+      "img/gallery/penzion/thumbs/11.webp",
+      "img/gallery/penzion/thumbs/12.webp",
+      "img/gallery/penzion/thumbs/13.webp",
+      "img/gallery/penzion/thumbs/14.webp",
+      "img/gallery/penzion/thumbs/15.webp",
+      "img/gallery/penzion/thumbs/16.webp",
+      "img/gallery/penzion/thumbs/17.webp",
+      "img/gallery/penzion/thumbs/18.webp",
+      "img/gallery/penzion/thumbs/19.webp",
+      "img/gallery/penzion/thumbs/20.webp",
+      "img/gallery/penzion/thumbs/21.webp",
+      "img/gallery/penzion/thumbs/22.webp",
+      "img/gallery/penzion/thumbs/23.webp",
+      "img/gallery/penzion/thumbs/24.webp",
+      "img/gallery/penzion/thumbs/26.webp",
+      "img/gallery/penzion/thumbs/27.webp",
+      "img/gallery/penzion/thumbs/28.webp",
+      "img/gallery/penzion/thumbs/29.webp",
+      "img/gallery/penzion/thumbs/30.webp",
+      "img/gallery/penzion/thumbs/31.webp"
     ];
     break;
     case 2:
       imageUrls = [
-        "img/gallery/chata/1.webp",
-        "img/gallery/chata/2.webp",
-        "img/gallery/chata/3.webp",
-        "img/gallery/chata/4.webp",
-        "img/gallery/chata/5.webp",
-        "img/gallery/chata/6.webp",
-        "img/gallery/chata/7.webp",
-        "img/gallery/chata/8.webp",
-        "img/gallery/chata/9.webp",
-        "img/gallery/chata/10.webp",
-        "img/gallery/chata/11.webp",
-        "img/gallery/chata/12.webp",
-        "img/gallery/chata/13.webp",
-        "img/gallery/chata/14.webp",
-        "img/gallery/chata/15.webp",
-        "img/gallery/chata/16.webp",
-        "img/gallery/chata/17.webp",
-        "img/gallery/chata/18.webp",
-        "img/gallery/chata/19.webp",
-        "img/gallery/chata/20.webp",
-        "img/gallery/chata/21.webp",
-        "img/gallery/chata/22.webp",
-        "img/gallery/chata/23.webp",
-        "img/gallery/chata/24.webp"
+        "img/gallery/chata/thumbs/1.webp",
+        "img/gallery/chata/thumbs/2.webp",
+        "img/gallery/chata/thumbs/3.webp",
+        "img/gallery/chata/thumbs/4.webp",
+        "img/gallery/chata/thumbs/5.webp",
+        "img/gallery/chata/thumbs/6.webp",
+        "img/gallery/chata/thumbs/7.webp",
+        "img/gallery/chata/thumbs/8.webp",
+        "img/gallery/chata/thumbs/9.webp",
+        "img/gallery/chata/thumbs/10.webp",
+        "img/gallery/chata/thumbs/11.webp",
+        "img/gallery/chata/thumbs/12.webp",
+        "img/gallery/chata/thumbs/13.webp",
+        "img/gallery/chata/thumbs/14.webp",
+        "img/gallery/chata/thumbs/15.webp",
+        "img/gallery/chata/thumbs/16.webp",
+        "img/gallery/chata/thumbs/17.webp",
+        "img/gallery/chata/thumbs/18.webp",
+        "img/gallery/chata/thumbs/19.webp",
+        "img/gallery/chata/thumbs/20.webp",
+        "img/gallery/chata/thumbs/21.webp",
+        "img/gallery/chata/thumbs/22.webp",
+        "img/gallery/chata/thumbs/23.webp",
+        "img/gallery/chata/thumbs/24.webp",
+        "img/gallery/chata/thumbs/25.webp",
+        "img/gallery/chata/thumbs/26.webp",
+        "img/gallery/chata/thumbs/27.webp",
+        "img/gallery/chata/thumbs/28.webp"
       ];
       break;
   case 3:
     imageUrls = [
-      "img/gallery/statek/6.webp",
-      "img/gallery/statek/w1.webp",
-      "img/gallery/statek/w2.webp",
-      "img/gallery/statek/w6.webp",
-      "img/gallery/statek/w3.webp",
-      "img/gallery/statek/w4.webp",
-      "img/gallery/statek/3.webp",
-      "img/gallery/statek/9.webp",
-      "img/gallery/statek/8.webp",
-      "img/gallery/statek/7.webp",
-      "img/gallery/statek/11.webp",
-      "img/gallery/statek/w5.webp",
-      "img/gallery/statek/w7.webp",
-      "img/gallery/statek/w8.webp",
-      "img/gallery/statek/w9.webp",
-      "img/gallery/statek/w10.webp",
-      "img/gallery/statek/25.webp",
-      "img/gallery/statek/26.webp",
-      "img/gallery/statek/27.webp",
-      "img/gallery/statek/28.webp"
+      "img/gallery/statek/thumbs/w6.webp",
+      "img/gallery/statek/thumbs/w11.webp",
+      "img/gallery/statek/thumbs/w2.webp",
+      "img/gallery/statek/thumbs/6n.webp",
+      "img/gallery/statek/thumbs/w3.webp",
+      "img/gallery/statek/thumbs/3.webp",
+      "img/gallery/statek/thumbs/9.webp",
+      "img/gallery/statek/thumbs/8.webp",
+      "img/gallery/statek/thumbs/7.webp",
+      "img/gallery/statek/thumbs/11.webp",
+      "img/gallery/statek/thumbs/w5.webp",
+      "img/gallery/statek/thumbs/w7.webp",
+      "img/gallery/statek/thumbs/28n.webp",
+      "img/gallery/statek/thumbs/w9n.webp",
+      "img/gallery/statek/thumbs/w12.webp",
+      "img/gallery/statek/thumbs/25n.webp",
+      "img/gallery/statek/thumbs/26.webp",
+      "img/gallery/statek/thumbs/27n.webp",
+      "img/gallery/statek/thumbs/w8.webp",
+      "img/gallery/statek/thumbs/w20.webp"
     ];
 }
 
@@ -333,7 +359,7 @@ Promise.all(imageUrls.map(loadImage)).then(images => {
     if(count == maxItems){
       $(item).closest('.section').find('.section__gallery').addClass('loaded');
       $('.js-gallery-item').click(function() {
-        let z;
+        let z,q,v;
         let x = $('body').find('.section--preview');
         let y = Number($(this).attr('data-order'));
         let w = Number($(item).closest('.section').find('.section__gallery').attr('data-items'));
@@ -344,7 +370,9 @@ Promise.all(imageUrls.map(loadImage)).then(images => {
         x.attr('data-object',z);
         x.attr('data-item',y);
         x.attr('data-items',w);
-        x.find('img').attr('src',$(this).find('img').attr('src'));
+        q = $(this).find('img').attr('src').split("/");
+        if(c=="events"){v = "statek"}else{v = c;}
+        x.find('img').attr('src','img/gallery/' + v + '/' + q[4]);
         x.addClass('is-open');
       });
     }
@@ -372,74 +400,361 @@ function galleryControl(e,f,g,h) {
       object = "statek";
   }
   $('body').find('.section--preview').attr('data-item',next);
-  if(e==3){
+
+  if(e==0){
     switch(next) {
       case 1:
-        next = "6";
+        next = "1";
         break;
       case 2:
-        next = "w1";
+        next = "2";
         break;
       case 3:
-        next = "w2";
-        break;
-      case 4:
-        next = "w6";
-        break;
-      case 5:
-        next = "w3";
-        break;
-      case 6:
-        next = "w4";
-        break;
-      case 7:
         next = "3";
         break;
+      case 4:
+        next = "4";
+        break;
+      case 5:
+        next = "5";
+        break;
+      case 6:
+        next = "6n";
+        break;
+      case 7:
+        next = "7";
+        break;
       case 8:
-        next = "9";
+        next = "30";
         break;
       case 9:
         next = "8";
         break;
       case 10:
+        next = "9";
+        break;
+      case 11:
+        next = "10";
+        break;
+      case 12:
+        next = "11";
+        break;
+      case 13:
+        next = "12";
+        break;
+      case 14:
+        next = "13";
+        break;
+      case 15:
+        next = "14";
+        break;
+      case 16:
+        next = "15";
+        break;
+      case 17:
+        next = "16";
+        break;
+      case 18:
+        next = "17";
+        break;
+      case 19:
+        next = "18";
+        break;
+      case 20:
+        next = "19";
+        break;
+      case 21:
+        next = "20";
+        break;
+      case 22:
+        next = "21";
+        break;
+      case 23:
+        next = "22";
+        break;
+      case 24:
+        next = "23";
+        break;
+      case 25:
+        next = "24";
+        break;
+      case 26:
+        next = "w9n";
+        break;
+      case 27:
+        next = "26";
+        break;
+      case 28:
+        next = "27";
+        break;
+      case 29:
+        next = "28";
+        break;
+      case 30:
+        next = "29";
+        break;
+      case 31:
+        next = "31";
+        break;
+      case 32:
+        next = "32";
+      }
+  }
+
+  if(e==1){
+    switch(next) {
+            case 1:
+              next = "1";
+              break;
+            case 2:
+              next = "2";
+              break;
+            case 3:
+              next = "3";
+              break;
+            case 4:
+              next = "4";
+              break;
+            case 5:
+              next = "32";
+              break;
+            case 6:
+              next = "25";
+              break;
+            case 7:
+              next = "5";
+              break;
+            case 8:
+              next = "6";
+              break;
+            case 9:
+              next = "7";
+              break;
+            case 10:
+              next = "8";
+              break;
+            case 11:
+              next = "9";
+              break;
+            case 12:
+              next = "10";
+              break;
+            case 13:
+              next = "11";
+              break;
+            case 14:
+              next = "12";
+              break;
+            case 15:
+              next = "13";
+              break;
+            case 16:
+              next = "14";
+              break;
+            case 17:
+              next = "15";
+              break;
+            case 18:
+              next = "16";
+              break;
+            case 19:
+              next = "17";
+              break;
+            case 20:
+              next = "18";
+              break;
+            case 21:
+              next = "19";
+              break;
+            case 22:
+              next = "20";
+              break;
+            case 23:
+              next = "21";
+              break;
+            case 24:
+              next = "22";
+              break;
+            case 25:
+              next = "23";
+              break;
+            case 26:
+              next = "24";
+              break;
+            case 27:
+              next = "26";
+              break;
+            case 28:
+              next = "27";
+              break;
+            case 29:
+              next = "28";
+              break;
+            case 30:
+              next = "29";
+              break;
+            case 31:
+              next = "30";
+              break;
+            case 32:
+              next = "31";
+    } 
+  }
+  if(e==2){
+    switch(next) {
+      case 1:
+        next = "1";
+        break;
+      case 2:
+        next = "2";
+        break;
+      case 3:
+        next = "3";
+        break;
+      case 4:
+        next = "4";
+        break;
+      case 5:
+        next = "5";
+        break;
+      case 6:
+        next = "6";
+        break;
+      case 7:
         next = "7";
         break;
+      case 8:
+        next = "8";
+        break;
+      case 9:
+        next = "9";
+        break;
+      case 10:
+        next = "10";
+        break;
       case 11:
         next = "11";
         break;
       case 12:
-        next = "w5";
+        next = "12";
         break;
       case 13:
-        next = "w7";
+        next = "13";
         break;
       case 14:
-        next = "w8";
+        next = "14";
         break;
       case 15:
-        next = "w9";
+        next = "15";
         break;
       case 16:
-        next = "w10";
+        next = "16";
         break;
       case 17:
-        next = "25";
+        next = "17";
         break;
       case 18:
-        next = "26";
+        next = "18";
         break;
       case 19:
-        next = "27";
+        next = "19";
         break;
       case 20:
-        next = "28"
+        next = "20";
+        break;
+      case 21:
+        next = "21";
+        break;
+      case 22:
+        next = "22";
+        break;
+      case 23:
+        next = "23";
+        break;
+      case 24:
+        next = "24";
+        break;
+      case 25:
+        next = "25";
+        break;
+      case 26:
+        next = "26";
+        break;
+      case 27:
+        next = "27";
+        break;
+      case 28:
+        next = "28";
+    } 
+  }
+  if(e==3){
+    switch(next) {
+      case 1:
+        next = "w6";
+        break;
+      case 2:
+        next = "w11";
+        break;
+      case 3:
+        next = "w2";
+        break;
+      case 4:
+        next = "6n";
+        break;
+      case 5:
+        next = "w3";
+        break;
+      case 6:
+        next = "3";
+        break;
+      case 7:
+        next = "9";
+        break;
+      case 8:
+        next = "8";
+        break;
+      case 9:
+        next = "7";
+        break;
+      case 10:
+        next = "11";
+        break;
+      case 11:
+        next = "w5";
+        break;
+      case 12:
+        next = "w7";
+        break;
+      case 13:
+        next = "28n";
+        break;
+      case 14:
+        next = "w9n";
+        break;
+      case 15:
+        next = "w12";
+        break;
+      case 16:
+        next = "25n";
+        break;
+      case 17:
+        next = "26";
+        break;
+      case 18:
+        next = "27";
+        break;
+      case 19:
+        next = "w8";
+        break;
+      case 20:
+        next = "w20"
     } 
   }
   $('body').find('.section--preview').find('img').attr('src','img/gallery/' + object + '/' + next + '.webp');
 }
 
 function loopControl(e,f,g) {
-  if(f){if(g+1==e+1){e=1;}else{e=e+1;}}else{if(0==e-1){e=g;}else{e=e-1;}}return e;
+  if(f){if(0==e-1){e=g;}else{e=e-1;}}else{if(g+1==e+1){e=1;}else{e=e+1;}}return e;
 }
 
 function menuControl(e,f) {