j1-template 2024.3.22 → 2024.3.24

data/assets/theme/j1/adapter/js/gallery.js

@@ -6,7 +6,7 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/adapter/js/gallery.js
+ # ~/assets/theme/j1/adapter/js/gallery.js (1)
  # Liquid template to create the J1 Adapter for J1 Gallery
  #
  # Product/Info:
@@ -54,7 +54,7 @@ regenerate:                             true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/adapter/js/gallery.js
+ # ~/assets/theme/j1/adapter/js/gallery.js (1)
  # JS Adapter for J1 Gallery
  #
  # Product/Info:
@@ -62,7 +62,7 @@ regenerate:                             true
  # https://github.com/miromannino/Justified-Gallery
  #
  # Copyright (C) 2020 Miro Mannino
- # Copyright (C) 2023 Sachin Neravath
+ # Copyright (C) 2025 Sachin Neravath
  # Copyright (C) 2023-2025 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
@@ -270,6 +270,17 @@ j1.adapter.gallery = ((j1, window) => {
                     {{option[0] | json}}: {{option[1] | json}},
                     {% endfor %}
                     "origin": "origin"
+                  },
+                  {% endif %}
+
+                  {% if gallery.video == 'youtube' and gallery.lightGallery.videojsOptions.enabled %}
+                  "videojsOptions": {
+                    {% for option in gallery.lightGallery.videojsOptions %}
+                    {% if option[0] contains "enabled" %}
+                    {% continue %}
+                    {% endif %}
+                    {{option[0] | json}}: {{option[1] | json}},
+                    {% endfor %}
                   }
                   {% endif %}
 

data/assets/theme/j1/adapter/js/themes.js

@@ -267,44 +267,6 @@ j1.adapter.themes = (function (j1, window) {
 
           logger.info('cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
 
-          // load previously selected theme from cookie (preferred)
-          // if (user_state.theme_css !== '') {
-          //   user_state.theme_name       = default_theme_name;
-          //   user_state.theme_css        = default_theme_css;
-          //   user_state.theme_author     = default_theme_author;
-          //   user_state.theme_author_url = default_theme_author_url;
-
-          //   cookie_written = j1.writeCookie({
-          //     name:     cookie_names.user_state,
-          //     data:     user_state,
-          //     secure:   secure,
-          //     expires:  365
-          //   });
-
-          //   if (!cookie_written) {
-          //     logger.error('failed to write cookie: ' + cookie_names.user_consent);
-          //   }
-          // } // END load previously selected theme
-
-          // load default theme (j1_config and NO theme given with (user_state) cookie
-          // if (user_state.theme_css === '' && default_theme_css.theme_css !== '') {
-          //   user_state.theme_name       = default_theme_name;
-          //   user_state.theme_css        = default_theme_css;
-          //   user_state.theme_author     = default_theme_author;
-          //   user_state.theme_author_url = default_theme_author_url;
-
-          //   cookie_written = j1.writeCookie({
-          //     name:     cookie_names.user_state,
-          //     data:     user_state,
-          //     secure:   secure,
-          //     expires:  365
-          //   });
-
-          //   if (!cookie_written) {
-          //     logger.error('failed to write cookie: ' + cookie_names.user_consent);
-          //   }
-          // } // END load default theme
-
           // load default theme if NO theme given with (user_state) cookie
           if (user_state.theme_css === '') {
             user_state.theme_name       = default_theme_name;
@@ -322,41 +284,51 @@ j1.adapter.themes = (function (j1, window) {
             if (!cookie_written) {
              logger.error('failed to write cookie: ' + cookie_names.user_consent);
             }
-          } // END oad default theme
+          } // END load default theme
 
           // set the theme switcher state
           user_state.theme_switcher = themesOptions.enabled;
           if (themesOptions.enabled) {
-             // enable BS ThemeSwitcher
-             logger.info('themes detected as: ' + themesOptions.enabled);
-             logger.info('remote themes are being initialized');
-
-             /* eslint-disable */
-             // load list of remote themes
-             $('#remote_themes').ThemeSwitcher.defaults = {
-               debug:                    themesOptions.debug,
-               saveToCookie:             themesOptions.saveToCookie,
-               cssThemeLink:             themesOptions.cssThemeLink,
-               cookieThemeName:          themesOptions.cookieThemeName,
-               cookieDefaultThemeName:   themesOptions.cookieDefaultThemeName,
-               cookieThemeCss:           themesOptions.cookieThemeCss,
-               cookieThemeExtensionCss:  themesOptions.cookieThemeExtensionCss,
-               cookieExpiration:         themesOptions.cookieExpiration,
-               cookiePath:               themesOptions.cookiePath,
-               defaultCssFile:           themesOptions.defaultCssFile,
-               bootswatchApiUrl:         themesOptions.bootswatchApiUrl,
-               bootswatchApiVersion:     themesOptions.bootswatchApiVersion,
-               loadFromBootswatch:       themesOptions.loadFromBootswatch,
-               localFeed:                themesOptions.localThemes,
-               excludeBootswatch:        themesOptions.excludeBootswatch,
-               includeBootswatch:        themesOptions.includeBootswatch,
-               skipIncludeBootswatch:    themesOptions.skipIncludeBootswatch
-             };
-             /* eslint-enable */
-           } else {
-             logger.debug('themes detected as: disabled');
-             logger.debug('no remote themes are available');
-          } // END if themesOptions enabled
+            // enable BS ThemeSwitcher
+            logger.info('themes detected as: ' + themesOptions.enabled);
+            logger.info('remote themes are being initialized');
+
+            // validate if theme api json can be loaded
+            var bootswatchApiJson = `${themesOptions.bootswatchApiUrl}/${themesOptions.bootswatchApiVersion}.json`;
+            urlExists(bootswatchApiJson, function(success) {
+              // load theme
+              if (success) {
+                logger.debug('LOAD remote themes from: ' + bootswatchApiJson);
+                // continue processing if ap json is available
+                /* eslint-disable */
+                // load list of remote themes (api json file)
+                $('#remote_themes').ThemeSwitcher.defaults = {
+                  debug:                    themesOptions.debug,
+                  saveToCookie:             themesOptions.saveToCookie,
+                  cssThemeLink:             themesOptions.cssThemeLink,
+                  cookieThemeName:          themesOptions.cookieThemeName,
+                  cookieDefaultThemeName:   themesOptions.cookieDefaultThemeName,
+                  cookieThemeCss:           themesOptions.cookieThemeCss,
+                  cookieThemeExtensionCss:  themesOptions.cookieThemeExtensionCss,
+                  cookieExpiration:         themesOptions.cookieExpiration,
+                  cookiePath:               themesOptions.cookiePath,
+                  defaultCssFile:           themesOptions.defaultCssFile,
+                  bootswatchApiUrl:         themesOptions.bootswatchApiUrl,
+                  bootswatchApiVersion:     themesOptions.bootswatchApiVersion,
+                  loadFromBootswatch:       themesOptions.loadFromBootswatch,
+                  localFeed:                themesOptions.localThemes,
+                  excludeBootswatch:        themesOptions.excludeBootswatch,
+                  includeBootswatch:        themesOptions.includeBootswatch,
+                  skipIncludeBootswatch:    themesOptions.skipIncludeBootswatch
+                };
+                /* eslint-enable */
+              } else {
+                // failed to load oad list of remote themes (api json file)
+                // TODO: create fallback strategy
+                logger.error('failed to LOAD remote themes from: ' + bootswatchApiJson);
+              } // END if success
+            }); // END urlExists
+          } // END if themesOptions.enabled
 
           // validate theme to be loaded
           urlExists(user_state.theme_css, function(success) {

data/assets/theme/j1/core/css/themes/unolight/bootstrap.css

@@ -13988,6 +13988,19 @@ textarea.form-control-lg {
  # NOTE: This is the (SASS) entry point for all Bootstrap Overloads
  # -----------------------------------------------------------------------------
 */
+/*
+ # -----------------------------------------------------------------------------
+ # ~/scss/theme_uno/bootstrap/_root.scss
+ # Add MD colors
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023-2025 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
 :root {
   --md-red: #F44336;
   --md-red-50: #FFEBEE;
@@ -16217,6 +16230,22 @@ table.tableblock > .title {
   padding-left: 5px !important;
 }
 
+.table {
+  --bs-table-bg: var(--md-gray-50);
+}
+
+.table th {
+  background-color: var(--md-gray-300);
+}
+
+.table-striped {
+  --bs-table-striped-bg: var(--md-gray-50);
+}
+
+.table-striped > tbody > tr:nth-of-type(even) {
+  --bs-table-accent-bg: var(--md-gray-200);
+}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_tooltip.scss
@@ -27087,8 +27116,8 @@ span.badge > a {
  # -----------------------------------------------------------------------------
 */
 .caption {
-  display: none; /* hidden for default */
-  position: absolute; /* positions set by translate */
+  display: none; /* hidden by default */
+  position: relative; /* positions set by translate/transform */
   margin-top: 1px; /* place caption top position */
   padding: 10px 5px 10px 5px; /* space around a caption */
   color: #E0E0E0; /* caption text color */
@@ -27100,30 +27129,14 @@ span.badge > a {
   z-index: 1;
 }
 
-/* jadams, 2024-11-15: Unused
-.caption-video {
-  display: none;
-  position: absolute;
-  padding: 10px 5px 10px 5px;
-  color: #E0E0E0;
-  background: rgba(0, 0, 0, 1);
-  width: 100%;
-  font-size: 12px;
-  font-weight: 300;
-  font-family: sans-serif;
-  z-index: 1;
+.caption:hover {
+  display: block; /* show caption */
 }
-*/
+
 .top .caption {
+  display: none; /* hidden by default */
   top: 0;
-  transform: translate(-100%, -50%); /* move hidden caption */
-  -moz-transform: translate(-100%, -50%);
-  -webkit-transform: translate(-100%, -50%);
-}
-
-.top:hover .caption {
-  display: block; /* show caption */
-  transform: translate(0, 0); /* move visible caption */
+  transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
   transition: all 0.25s;
@@ -27134,16 +27147,14 @@ span.badge > a {
   -webkit-transition-delay: 0.25s;
 }
 
+.top:hover .caption {
+  display: block; /* show caption */
+}
+
 /* jadams, 2024-11-11: ToDo (fix) */
 /* workaround: make cover images +1 pixel higher for caption text overlay */
 .bottom .caption {
-  transform: translate(0, 0);
-  -moz-transform: translate(0, 0);
-  -webkit-transform: translate(0, 0);
-}
-
-.bottom:hover .caption {
-  display: block;
+  display: none; /* hidden by default */
   transform: translate(0, -100%);
   -moz-transform: translate(0, -100%);
   -webkit-transform: translate(0, -100%);
@@ -27152,32 +27163,13 @@ span.badge > a {
   -webkit-transition: all 0.25s;
 }
 
-.bottom .caption-video {
-  top: 100%;
-  transform: translate(0, 0);
-  -moz-transform: translate(0, 0);
-  -webkit-transform: translate(0, 0);
-}
-
-.bottom:hover .caption-video {
-  display: block;
-  transform: translate(0, -100%);
-  -moz-transform: translate(0, -100%);
-  -webkit-transform: translate(0, -100%);
-  transition: all 0.25s;
-  -moz-transition: all 0.25s;
-  -webkit-transition: all 0.25s;
+.bottom:hover .caption {
+  display: block; /* show caption */
 }
 
 .center .caption {
+  display: none; /* hidden by default */
   top: 50%;
-  transform: translate(-100%, -50%);
-  -moz-transform: translate(-100%, -50%);
-  -webkit-transform: translate(-100%, -50%);
-}
-
-.center:hover .caption {
-  display: block;
   transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
@@ -27189,6 +27181,10 @@ span.badge > a {
   -webkit-transition-delay: 0.25s;
 }
 
+.center:hover .caption {
+  display: block; /* show caption */
+}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/extensions/_cards.scss