jekyll-theme-conference 4.0.0 → 4.0.2

data/_sass/leaflet-easybutton/src/easy-button.css

@@ -0,0 +1,56 @@
+.leaflet-bar button,
+.leaflet-bar button:hover {
+  background-color: #fff;
+  border: none;
+  border-bottom: 1px solid #ccc;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  color: black;
+}
+
+.leaflet-bar button {
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  overflow: hidden;
+  display: block;
+}
+
+.leaflet-bar button:hover {
+  background-color: #f4f4f4;
+}
+
+.leaflet-bar button:first-of-type {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.leaflet-bar button:last-of-type {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-bottom: none;
+}
+
+.leaflet-bar.disabled,
+.leaflet-bar button.disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: .4;
+}
+
+.easy-button-button .button-state{
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+
+.leaflet-touch .leaflet-bar button {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}

data/_sass/leaflet.locatecontrol/dist/L.Control.Locate.css

@@ -0,0 +1,61 @@
+.leaflet-control-locate a {
+  cursor: pointer;
+}
+.leaflet-control-locate a .leaflet-control-locate-location-arrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
+  animation: leaflet-control-locate-spin 2s linear infinite;
+}
+.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
+  width: 100%;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 0 10px;
+}
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
+  padding: 0 5px 0 0;
+}
+
+.leaflet-control-locate-location circle {
+  animation: leaflet-control-locate-throb 4s ease infinite;
+}
+
+@keyframes leaflet-control-locate-throb {
+  0% {
+    stroke-width: 1;
+  }
+  50% {
+    stroke-width: 3;
+    transform: scale(0.8, 0.8);
+  }
+  100% {
+    stroke-width: 1;
+  }
+}
+@keyframes leaflet-control-locate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

data/_sass/theme.scss

@@ -0,0 +1,217 @@
+/**
+ * Conference Theme Styles
+ */
+
+// Import Bootstrap functions, variables, and mixins for responsive utilities
+@import "bootstrap/scss/functions";
+@import "bootstrap-variables";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+
+// Program Overview
+.program-table {
+  border-collapse: separate !important;
+  border-spacing: 0 !important;
+
+  .program-time {
+    position: sticky;
+    left: 0;
+    z-index: 900;
+
+    width: 4rem;
+    min-width: 4rem;
+    max-width: 4rem;
+  }
+
+  .program-talk {
+    width: 15rem;
+    min-width: 15rem;
+    max-width: 15rem;
+  }
+
+  .program-space {
+    width: 1rem;
+    min-width: 1rem;
+    max-width: 1rem;
+  }
+}
+
+.program-table-container {
+  scroll-snap-type: x mandatory;
+  scroll-padding-left: 4rem;
+
+  tbody .program-talk {
+    scroll-snap-align: start;
+  }
+}
+
+// Speaker Columns
+@mixin generate-col-count-classes($max-cols: 6) {
+
+  // Generate base classes without breakpoint (col-count-1, col-count-2, etc.)
+  @for $idx from 1 through $max-cols {
+    .col-count-#{$idx} {
+      column-count: $idx;
+    }
+  }
+
+  // Generate responsive classes for each breakpoint using Bootstrap's $grid-breakpoints
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @if $breakpoint !='xs' {
+      @include media-breakpoint-up($breakpoint) {
+        @for $idx from 1 through $max-cols {
+          .col-count-#{$breakpoint}-#{$idx} {
+            column-count: $idx;
+          }
+        }
+      }
+    }
+  }
+}
+
+// Call the mixin to generate all classes
+@include generate-col-count-classes();
+
+.col-count {
+  break-inside: avoid-column;
+}
+
+// Remove bottom margin on last paragraph in alert
+.alert>p:last-of-type {
+  margin-bottom: 0;
+}
+
+// Dark mode
+.mode-light {
+  display: initial;
+}
+
+.mode-dark {
+  display: none;
+}
+
+[data-bs-theme="dark"] .mode-light {
+  display: none;
+}
+
+[data-bs-theme="dark"] .mode-dark {
+  display: initial;
+}
+
+// PWA
+.d-pwa-block {
+  display: none;
+}
+
+@media (display-mode: standalone), (display-mode: fullscreen) {
+  .d-pwa-none {
+    display: none;
+  }
+
+  .d-pwa-block {
+    display: block;
+  }
+}
+
+[data-pwa="true"] {
+  .d-pwa-none {
+    display: none;
+  }
+
+  .d-pwa-block {
+    display: block;
+  }
+}
+
+// Map
+#map {
+  min-height: 400px;
+}
+
+// Live Button and Icon
+.live-button {
+  // corresponds to text-bg-dark, see
+  // https://github.com/twbs/bootstrap/blob/main/scss/helpers/_color-bg.scss
+  color: color-contrast($dark);
+  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1));
+
+  &:hover {
+    color: shade-color(color-contrast($dark), $link-shade-percentage);
+  }
+}
+
+[data-bs-theme="dark"] .live-button {
+  // corresponds to text-bg-light, see
+  // https://github.com/twbs/bootstrap/blob/main/scss/helpers/_color-bg.scss
+  color: color-contrast($light);
+  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1));
+
+  &:hover {
+    color: shade-color(color-contrast($light), $link-shade-percentage);
+  }
+}
+
+.live-icon {
+  width: 0.75em;
+  height: 0.75em;
+
+  @keyframes live-icon-pulse {
+
+    0%,
+    6% {
+      opacity: 0;
+    }
+
+    8%,
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes live-icon-arc-small {
+
+    0%,
+    8% {
+      opacity: 0;
+    }
+
+    10%,
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes live-icon-arc-large {
+
+    0%,
+    10% {
+      opacity: 0;
+    }
+
+    12%,
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .live-icon-arc-small {
+    animation: live-icon-pulse 8s ease infinite;
+  }
+
+  .live-icon-arc-medium {
+    animation: live-icon-arc-small 8s ease infinite;
+  }
+
+  .live-icon-arc-large {
+    animation: live-icon-arc-large 8s ease infinite;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+
+    .live-icon-arc-small,
+    .live-icon-arc-medium,
+    .live-icon-arc-large {
+      animation: none;
+    }
+  }
+}