j1-template 2024.3.19 → 2024.3.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +192 -163
  4. data/assets/data/swiper_app.2.html +757 -0
  5. data/assets/data/swiper_app.4.html +769 -0
  6. data/assets/data/swiper_app.html +171 -27
  7. data/assets/theme/j1/adapter/js/amplitude.js +1104 -216
  8. data/assets/theme/j1/adapter/js/swiper.js +63 -15
  9. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
  10. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
  11. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
  12. data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  13. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
  14. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  15. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +177 -216
  16. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  17. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +220 -339
  18. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
  19. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +324 -491
  20. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
  21. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +70 -60
  22. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  23. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2074 -843
  24. data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
  25. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
  26. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
  27. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
  28. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
  29. data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
  30. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
  31. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
  32. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
  33. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
  34. data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
  35. data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
  36. data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
  37. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
  38. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
  39. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
  40. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
  41. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
  42. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
  43. data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
  44. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
  45. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
  46. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
  47. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
  48. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
  49. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
  50. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
  51. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
  52. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
  53. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
  54. data/lib/j1/version.rb +1 -1
  55. data/lib/starter_web/README.md +5 -5
  56. data/lib/starter_web/_config.yml +1 -1
  57. data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
  58. data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
  59. data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +73 -26
  60. data/lib/starter_web/_data/modules/swiper_app.yml +356 -155
  61. data/lib/starter_web/_data/modules/swiper_playlists.yml +77 -1
  62. data/lib/starter_web/_data/resources.yml +6 -2
  63. data/lib/starter_web/_data/templates/feed.xml +1 -1
  64. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  65. data/lib/starter_web/_plugins/filter/filters.rb +1 -11
  66. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  67. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  68. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  69. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  70. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  71. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  72. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  73. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  74. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  75. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  76. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  77. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  78. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  79. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  80. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  81. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  82. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  83. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  84. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  85. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
  86. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
  87. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
  88. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
  89. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
  90. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  91. data/lib/starter_web/index.html +3 -3
  92. data/lib/starter_web/package.json +1 -1
  93. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  94. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +69 -36
  95. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +65 -18
  96. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  97. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
  98. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  99. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +51 -86
  100. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  101. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +18 -17
  102. metadata +52 -17
  103. data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
  104. data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
  105. data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
  106. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
  107. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
  108. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
  109. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
  110. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
  111. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
  112. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
  113. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -65,8 +65,8 @@ $caret-width: .3em !default;
65
65
  $caret-width-lg: $caret-width !default;
66
66
  */
67
67
  /*!
68
- * Bootstrap v5.3.3 (https://getbootstrap.com/)
69
- * Copyright 2011-2024 The Bootstrap Authors
68
+ * Bootstrap v5.3.6 (https://getbootstrap.com/)
69
+ * Copyright 2011-2025 The Bootstrap Authors
70
70
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
71
71
  */
72
72
  :root,
@@ -580,8 +580,8 @@ legend {
580
580
  width: 100%;
581
581
  padding: 0;
582
582
  margin-bottom: 0.5rem;
583
- font-size: calc(1.275rem + 0.3vw);
584
583
  line-height: inherit;
584
+ font-size: calc(1.275rem + 0.3vw);
585
585
  }
586
586
  @media (min-width: 1200px) {
587
587
  legend {
@@ -659,9 +659,9 @@ progress {
659
659
  }
660
660
 
661
661
  .display-1 {
662
- font-size: calc(1.625rem + 4.5vw);
663
662
  font-weight: 300;
664
663
  line-height: 1.2;
664
+ font-size: calc(1.625rem + 4.5vw);
665
665
  }
666
666
  @media (min-width: 1200px) {
667
667
  .display-1 {
@@ -670,9 +670,9 @@ progress {
670
670
  }
671
671
 
672
672
  .display-2 {
673
- font-size: calc(1.575rem + 3.9vw);
674
673
  font-weight: 300;
675
674
  line-height: 1.2;
675
+ font-size: calc(1.575rem + 3.9vw);
676
676
  }
677
677
  @media (min-width: 1200px) {
678
678
  .display-2 {
@@ -681,9 +681,9 @@ progress {
681
681
  }
682
682
 
683
683
  .display-3 {
684
- font-size: calc(1.525rem + 3.3vw);
685
684
  font-weight: 300;
686
685
  line-height: 1.2;
686
+ font-size: calc(1.525rem + 3.3vw);
687
687
  }
688
688
  @media (min-width: 1200px) {
689
689
  .display-3 {
@@ -692,9 +692,9 @@ progress {
692
692
  }
693
693
 
694
694
  .display-4 {
695
- font-size: calc(1.475rem + 2.7vw);
696
695
  font-weight: 300;
697
696
  line-height: 1.2;
697
+ font-size: calc(1.475rem + 2.7vw);
698
698
  }
699
699
  @media (min-width: 1200px) {
700
700
  .display-4 {
@@ -703,9 +703,9 @@ progress {
703
703
  }
704
704
 
705
705
  .display-5 {
706
- font-size: calc(1.425rem + 2.1vw);
707
706
  font-weight: 300;
708
707
  line-height: 1.2;
708
+ font-size: calc(1.425rem + 2.1vw);
709
709
  }
710
710
  @media (min-width: 1200px) {
711
711
  .display-5 {
@@ -714,9 +714,9 @@ progress {
714
714
  }
715
715
 
716
716
  .display-6 {
717
- font-size: calc(1.375rem + 1.5vw);
718
717
  font-weight: 300;
719
718
  line-height: 1.2;
719
+ font-size: calc(1.375rem + 1.5vw);
720
720
  }
721
721
  @media (min-width: 1200px) {
722
722
  .display-6 {
@@ -862,7 +862,7 @@ progress {
862
862
  }
863
863
 
864
864
  .col {
865
- flex: 1 0 0%;
865
+ flex: 1 0 0;
866
866
  }
867
867
 
868
868
  .row-cols-auto > * {
@@ -1121,7 +1121,7 @@ progress {
1121
1121
 
1122
1122
  @media (min-width: 576px) {
1123
1123
  .col-sm {
1124
- flex: 1 0 0%;
1124
+ flex: 1 0 0;
1125
1125
  }
1126
1126
  .row-cols-sm-auto > * {
1127
1127
  flex: 0 0 auto;
@@ -1330,7 +1330,7 @@ progress {
1330
1330
  }
1331
1331
  @media (min-width: 768px) {
1332
1332
  .col-md {
1333
- flex: 1 0 0%;
1333
+ flex: 1 0 0;
1334
1334
  }
1335
1335
  .row-cols-md-auto > * {
1336
1336
  flex: 0 0 auto;
@@ -1539,7 +1539,7 @@ progress {
1539
1539
  }
1540
1540
  @media (min-width: 992px) {
1541
1541
  .col-lg {
1542
- flex: 1 0 0%;
1542
+ flex: 1 0 0;
1543
1543
  }
1544
1544
  .row-cols-lg-auto > * {
1545
1545
  flex: 0 0 auto;
@@ -1748,7 +1748,7 @@ progress {
1748
1748
  }
1749
1749
  @media (min-width: 1200px) {
1750
1750
  .col-xl {
1751
- flex: 1 0 0%;
1751
+ flex: 1 0 0;
1752
1752
  }
1753
1753
  .row-cols-xl-auto > * {
1754
1754
  flex: 0 0 auto;
@@ -1957,7 +1957,7 @@ progress {
1957
1957
  }
1958
1958
  @media (min-width: 1400px) {
1959
1959
  .col-xxl {
1960
- flex: 1 0 0%;
1960
+ flex: 1 0 0;
1961
1961
  }
1962
1962
  .row-cols-xxl-auto > * {
1963
1963
  flex: 0 0 auto;
@@ -2864,9 +2864,11 @@ textarea.form-control-lg {
2864
2864
  top: 0;
2865
2865
  left: 0;
2866
2866
  z-index: 2;
2867
+ max-width: 100%;
2867
2868
  height: 100%;
2868
2869
  padding: 1rem 0;
2869
2870
  overflow: hidden;
2871
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2870
2872
  text-align: start;
2871
2873
  text-overflow: ellipsis;
2872
2874
  white-space: nowrap;
@@ -2902,18 +2904,19 @@ textarea.form-control-lg {
2902
2904
  .form-floating > .form-select {
2903
2905
  padding-top: 1.625rem;
2904
2906
  padding-bottom: 0.625rem;
2907
+ padding-left: 0;
2905
2908
  }
2906
2909
  .form-floating > .form-control:focus ~ label,
2907
2910
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2908
2911
  .form-floating > .form-control-plaintext ~ label,
2909
2912
  .form-floating > .form-select ~ label {
2910
- color: rgba(var(--bs-body-color-rgb), 0.65);
2911
2913
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2912
2914
  }
2913
- .form-floating > .form-control:focus ~ label::after,
2914
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2915
- .form-floating > .form-control-plaintext ~ label::after,
2916
- .form-floating > .form-select ~ label::after {
2915
+ .form-floating > .form-control:-webkit-autofill ~ label {
2916
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2917
+ }
2918
+ .form-floating > textarea:focus ~ label::after,
2919
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2917
2920
  position: absolute;
2918
2921
  inset: 1rem 0;
2919
2922
  z-index: -1;
@@ -2922,9 +2925,8 @@ textarea.form-control-lg {
2922
2925
  background-color: rgba(0, 0, 0, 0);
2923
2926
  border-radius: 0;
2924
2927
  }
2925
- .form-floating > .form-control:-webkit-autofill ~ label {
2926
- color: rgba(var(--bs-body-color-rgb), 0.65);
2927
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2928
+ .form-floating > textarea:disabled ~ label::after {
2929
+ background-color: var(--bs-secondary-bg);
2928
2930
  }
2929
2931
  .form-floating > .form-control-plaintext ~ label {
2930
2932
  border-width: var(--bs-border-width) 0;
@@ -2933,10 +2935,6 @@ textarea.form-control-lg {
2933
2935
  .form-floating > .form-control:disabled ~ label {
2934
2936
  color: #757575;
2935
2937
  }
2936
- .form-floating > :disabled ~ label::after,
2937
- .form-floating > .form-control:disabled ~ label::after {
2938
- background-color: var(--bs-secondary-bg);
2939
- }
2940
2938
 
2941
2939
  .input-group {
2942
2940
  position: relative;
@@ -3019,7 +3017,7 @@ textarea.form-control-lg {
3019
3017
  border-bottom-right-radius: 0;
3020
3018
  }
3021
3019
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
3022
- margin-left: calc(var(--bs-border-width) * -1);
3020
+ margin-left: calc(-1 * var(--bs-border-width));
3023
3021
  border-top-left-radius: 0;
3024
3022
  border-bottom-left-radius: 0;
3025
3023
  }
@@ -3061,7 +3059,7 @@ textarea.form-control-lg {
3061
3059
  .was-validated .form-control:valid, .form-control.is-valid {
3062
3060
  border-color: var(--bs-form-valid-border-color);
3063
3061
  padding-right: calc(1.5em + 0.875rem);
3064
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3062
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
3065
3063
  background-repeat: no-repeat;
3066
3064
  background-position: right calc(0.375em + 0.21875rem) center;
3067
3065
  background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
@@ -3080,7 +3078,7 @@ textarea.form-control-lg {
3080
3078
  border-color: var(--bs-form-valid-border-color);
3081
3079
  }
3082
3080
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
3083
- --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3081
+ --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
3084
3082
  padding-right: 0;
3085
3083
  background-position: right 0 center, center right 0;
3086
3084
  background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
@@ -3994,7 +3992,7 @@ textarea.form-control-lg {
3994
3992
  }
3995
3993
  .btn-group > :not(.btn-check:first-child) + .btn,
3996
3994
  .btn-group > .btn-group:not(:first-child) {
3997
- margin-left: calc(var(--bs-border-width) * -1);
3995
+ margin-left: calc(-1 * var(--bs-border-width));
3998
3996
  }
3999
3997
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
4000
3998
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4048,14 +4046,15 @@ textarea.form-control-lg {
4048
4046
  }
4049
4047
  .btn-group-vertical > .btn:not(:first-child),
4050
4048
  .btn-group-vertical > .btn-group:not(:first-child) {
4051
- margin-top: calc(var(--bs-border-width) * -1);
4049
+ margin-top: calc(-1 * var(--bs-border-width));
4052
4050
  }
4053
4051
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
4054
4052
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4055
4053
  border-bottom-right-radius: 0;
4056
4054
  border-bottom-left-radius: 0;
4057
4055
  }
4058
- .btn-group-vertical > .btn ~ .btn,
4056
+ .btn-group-vertical > .btn:nth-child(n+3),
4057
+ .btn-group-vertical > :not(.btn-check) + .btn,
4059
4058
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4060
4059
  border-top-left-radius: 0;
4061
4060
  border-top-right-radius: 0;
@@ -4179,8 +4178,8 @@ textarea.form-control-lg {
4179
4178
 
4180
4179
  .nav-justified > .nav-link,
4181
4180
  .nav-justified .nav-item {
4182
- flex-basis: 0;
4183
4181
  flex-grow: 1;
4182
+ flex-basis: 0;
4184
4183
  text-align: center;
4185
4184
  }
4186
4185
 
@@ -4281,8 +4280,8 @@ textarea.form-control-lg {
4281
4280
  }
4282
4281
 
4283
4282
  .navbar-collapse {
4284
- flex-basis: 100%;
4285
4283
  flex-grow: 1;
4284
+ flex-basis: 100%;
4286
4285
  align-items: center;
4287
4286
  }
4288
4287
 
@@ -4784,7 +4783,7 @@ textarea.form-control-lg {
4784
4783
  flex-flow: row wrap;
4785
4784
  }
4786
4785
  .card-group > .card {
4787
- flex: 1 0 0%;
4786
+ flex: 1 0 0;
4788
4787
  margin-bottom: 0;
4789
4788
  }
4790
4789
  .card-group > .card + .card {
@@ -4795,24 +4794,24 @@ textarea.form-control-lg {
4795
4794
  border-top-right-radius: 0;
4796
4795
  border-bottom-right-radius: 0;
4797
4796
  }
4798
- .card-group > .card:not(:last-child) .card-img-top,
4799
- .card-group > .card:not(:last-child) .card-header {
4797
+ .card-group > .card:not(:last-child) > .card-img-top,
4798
+ .card-group > .card:not(:last-child) > .card-header {
4800
4799
  border-top-right-radius: 0;
4801
4800
  }
4802
- .card-group > .card:not(:last-child) .card-img-bottom,
4803
- .card-group > .card:not(:last-child) .card-footer {
4801
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4802
+ .card-group > .card:not(:last-child) > .card-footer {
4804
4803
  border-bottom-right-radius: 0;
4805
4804
  }
4806
4805
  .card-group > .card:not(:first-child) {
4807
4806
  border-top-left-radius: 0;
4808
4807
  border-bottom-left-radius: 0;
4809
4808
  }
4810
- .card-group > .card:not(:first-child) .card-img-top,
4811
- .card-group > .card:not(:first-child) .card-header {
4809
+ .card-group > .card:not(:first-child) > .card-img-top,
4810
+ .card-group > .card:not(:first-child) > .card-header {
4812
4811
  border-top-left-radius: 0;
4813
4812
  }
4814
- .card-group > .card:not(:first-child) .card-img-bottom,
4815
- .card-group > .card:not(:first-child) .card-footer {
4813
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4814
+ .card-group > .card:not(:first-child) > .card-footer {
4816
4815
  border-bottom-left-radius: 0;
4817
4816
  }
4818
4817
  }
@@ -4829,11 +4828,11 @@ textarea.form-control-lg {
4829
4828
  --bs-accordion-btn-padding-y: 1rem;
4830
4829
  --bs-accordion-btn-color: var(--bs-body-color);
4831
4830
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4832
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23424242' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4831
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23424242' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4833
4832
  --bs-accordion-btn-icon-width: 1.25rem;
4834
4833
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4835
4834
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4836
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2813.2, 60, 97.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4835
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2813.2, 60, 97.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4837
4836
  --bs-accordion-btn-focus-box-shadow: none;
4838
4837
  --bs-accordion-body-padding-x: 1.25rem;
4839
4838
  --bs-accordion-body-padding-y: 1rem;
@@ -4943,16 +4942,15 @@ textarea.form-control-lg {
4943
4942
  .accordion-flush > .accordion-item:last-child {
4944
4943
  border-bottom: 0;
4945
4944
  }
4946
- .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4947
- border-radius: 0;
4948
- }
4949
- .accordion-flush > .accordion-item > .accordion-collapse {
4945
+ .accordion-flush > .accordion-item > .accordion-collapse,
4946
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4947
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4950
4948
  border-radius: 0;
4951
4949
  }
4952
4950
 
4953
4951
  [data-bs-theme=dark] .accordion-button::after {
4954
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28121.8, 192, 247.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4955
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28121.8, 192, 247.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4952
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28121.8, 192, 247.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4953
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28121.8, 192, 247.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4956
4954
  }
4957
4955
 
4958
4956
  .breadcrumb {
@@ -5056,7 +5054,7 @@ textarea.form-control-lg {
5056
5054
  }
5057
5055
 
5058
5056
  .page-item:not(:first-child) .page-link {
5059
- margin-left: calc(0 * -1);
5057
+ margin-left: calc(-1 * 0);
5060
5058
  }
5061
5059
  .page-item:first-child .page-link {
5062
5060
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -5205,7 +5203,7 @@ textarea.form-control-lg {
5205
5203
 
5206
5204
  @keyframes progress-bar-stripes {
5207
5205
  0% {
5208
- background-position-x: 1rem;
5206
+ background-position-x: var(--bs-progress-height);
5209
5207
  }
5210
5208
  }
5211
5209
  .progress,
@@ -5300,22 +5298,6 @@ textarea.form-control-lg {
5300
5298
  counter-increment: section;
5301
5299
  }
5302
5300
 
5303
- .list-group-item-action {
5304
- width: 100%;
5305
- color: var(--bs-list-group-action-color);
5306
- text-align: inherit;
5307
- }
5308
- .list-group-item-action:hover, .list-group-item-action:focus {
5309
- z-index: 1;
5310
- color: var(--bs-list-group-action-hover-color);
5311
- text-decoration: none;
5312
- background-color: var(--bs-list-group-action-hover-bg);
5313
- }
5314
- .list-group-item-action:active {
5315
- color: var(--bs-list-group-action-active-color);
5316
- background-color: var(--bs-list-group-action-active-bg);
5317
- }
5318
-
5319
5301
  .list-group-item {
5320
5302
  position: relative;
5321
5303
  display: block;
@@ -5352,6 +5334,22 @@ textarea.form-control-lg {
5352
5334
  border-top-width: var(--bs-list-group-border-width);
5353
5335
  }
5354
5336
 
5337
+ .list-group-item-action {
5338
+ width: 100%;
5339
+ color: var(--bs-list-group-action-color);
5340
+ text-align: inherit;
5341
+ }
5342
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5343
+ z-index: 1;
5344
+ color: var(--bs-list-group-action-hover-color);
5345
+ text-decoration: none;
5346
+ background-color: var(--bs-list-group-action-hover-bg);
5347
+ }
5348
+ .list-group-item-action:not(.active):active {
5349
+ color: var(--bs-list-group-action-active-color);
5350
+ background-color: var(--bs-list-group-action-active-bg);
5351
+ }
5352
+
5355
5353
  .list-group-horizontal {
5356
5354
  flex-direction: row;
5357
5355
  }
@@ -5611,19 +5609,19 @@ textarea.form-control-lg {
5611
5609
 
5612
5610
  .btn-close {
5613
5611
  --bs-btn-close-color: #000000;
5614
- --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
5612
+ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
5615
5613
  --bs-btn-close-opacity: 0.5;
5616
5614
  --bs-btn-close-hover-opacity: 0.75;
5617
5615
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
5618
5616
  --bs-btn-close-focus-opacity: 1;
5619
5617
  --bs-btn-close-disabled-opacity: 0.25;
5620
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5621
5618
  box-sizing: content-box;
5622
5619
  width: 1em;
5623
5620
  height: 1em;
5624
5621
  padding: 0.25em 0.25em;
5625
5622
  color: var(--bs-btn-close-color);
5626
5623
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5624
+ filter: var(--bs-btn-close-filter);
5627
5625
  border: 0;
5628
5626
  border-radius: 0.125rem;
5629
5627
  opacity: var(--bs-btn-close-opacity);
@@ -5645,11 +5643,16 @@ textarea.form-control-lg {
5645
5643
  }
5646
5644
 
5647
5645
  .btn-close-white {
5648
- filter: var(--bs-btn-close-white-filter);
5646
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5649
5647
  }
5650
5648
 
5651
- [data-bs-theme=dark] .btn-close {
5652
- filter: var(--bs-btn-close-white-filter);
5649
+ :root,
5650
+ [data-bs-theme=light] {
5651
+ --bs-btn-close-filter: ;
5652
+ }
5653
+
5654
+ [data-bs-theme=dark] {
5655
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5653
5656
  }
5654
5657
 
5655
5658
  .toast {
@@ -5724,7 +5727,7 @@ textarea.form-control-lg {
5724
5727
  --bs-modal-width: 500px;
5725
5728
  --bs-modal-padding: 1rem;
5726
5729
  --bs-modal-margin: 0.5rem;
5727
- --bs-modal-color: ;
5730
+ --bs-modal-color: var(--bs-body-color);
5728
5731
  --bs-modal-bg: var(--bs-body-bg);
5729
5732
  --bs-modal-border-color: var(--bs-border-color-translucent);
5730
5733
  --bs-modal-border-width: var(--bs-border-width);
@@ -5760,8 +5763,8 @@ textarea.form-control-lg {
5760
5763
  pointer-events: none;
5761
5764
  }
5762
5765
  .modal.fade .modal-dialog {
5763
- transition: transform 0.3s ease-out;
5764
5766
  transform: translate(0, -50px);
5767
+ transition: transform 0.3s ease-out;
5765
5768
  }
5766
5769
  @media (prefers-reduced-motion: reduce) {
5767
5770
  .modal.fade .modal-dialog {
@@ -5837,7 +5840,10 @@ textarea.form-control-lg {
5837
5840
  }
5838
5841
  .modal-header .btn-close {
5839
5842
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5840
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
5843
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5844
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
5845
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5846
+ margin-left: auto;
5841
5847
  }
5842
5848
 
5843
5849
  .modal-title {
@@ -6358,6 +6364,7 @@ textarea.form-control-lg {
6358
6364
  color: #ffffff;
6359
6365
  text-align: center;
6360
6366
  background: none;
6367
+ filter: var(--bs-carousel-control-icon-filter);
6361
6368
  border: 0;
6362
6369
  opacity: 0.5;
6363
6370
  transition: opacity 0.15s ease;
@@ -6396,11 +6403,11 @@ textarea.form-control-lg {
6396
6403
  }
6397
6404
 
6398
6405
  .carousel-control-prev-icon {
6399
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
6406
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
6400
6407
  }
6401
6408
 
6402
6409
  .carousel-control-next-icon {
6403
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
6410
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
6404
6411
  }
6405
6412
 
6406
6413
  .carousel-indicators {
@@ -6426,7 +6433,7 @@ textarea.form-control-lg {
6426
6433
  margin-left: 3px;
6427
6434
  text-indent: -999px;
6428
6435
  cursor: pointer;
6429
- background-color: #ffffff;
6436
+ background-color: var(--bs-carousel-indicator-active-bg);
6430
6437
  background-clip: padding-box;
6431
6438
  border: 0;
6432
6439
  border-top: 10px solid transparent;
@@ -6450,31 +6457,27 @@ textarea.form-control-lg {
6450
6457
  left: 15%;
6451
6458
  padding-top: 1.25rem;
6452
6459
  padding-bottom: 1.25rem;
6453
- color: #ffffff;
6460
+ color: var(--bs-carousel-caption-color);
6454
6461
  text-align: center;
6455
6462
  }
6456
6463
 
6457
- .carousel-dark .carousel-control-prev-icon,
6458
- .carousel-dark .carousel-control-next-icon {
6459
- filter: invert(1) grayscale(100);
6460
- }
6461
- .carousel-dark .carousel-indicators [data-bs-target] {
6462
- background-color: #000000;
6463
- }
6464
- .carousel-dark .carousel-caption {
6465
- color: #000000;
6464
+ .carousel-dark {
6465
+ --bs-carousel-indicator-active-bg: #000000;
6466
+ --bs-carousel-caption-color: #000000;
6467
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6466
6468
  }
6467
6469
 
6468
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
6469
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
6470
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
6471
- filter: invert(1) grayscale(100);
6472
- }
6473
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
6474
- background-color: #000000;
6470
+ :root,
6471
+ [data-bs-theme=light] {
6472
+ --bs-carousel-indicator-active-bg: #ffffff;
6473
+ --bs-carousel-caption-color: #ffffff;
6474
+ --bs-carousel-control-icon-filter: ;
6475
6475
  }
6476
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
6477
- color: #000000;
6476
+
6477
+ [data-bs-theme=dark] {
6478
+ --bs-carousel-indicator-active-bg: #000000;
6479
+ --bs-carousel-caption-color: #000000;
6480
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6478
6481
  }
6479
6482
 
6480
6483
  .spinner-grow,
@@ -7030,7 +7033,10 @@ textarea.form-control-lg {
7030
7033
  }
7031
7034
  .offcanvas-header .btn-close {
7032
7035
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
7033
- margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
7036
+ margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
7037
+ margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
7038
+ margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
7039
+ margin-left: auto;
7034
7040
  }
7035
7041
 
7036
7042
  .offcanvas-title {
@@ -7396,6 +7402,10 @@ textarea.form-control-lg {
7396
7402
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7397
7403
  position: absolute !important;
7398
7404
  }
7405
+ .visually-hidden *,
7406
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7407
+ overflow: hidden !important;
7408
+ }
7399
7409
 
7400
7410
  .stretched-link::after {
7401
7411
  position: absolute;