From 9ff4487ee8fa1f2fd3958aeca5fdcd647728b9bb Mon Sep 17 00:00:00 2001
From: NightScript <18664762+NightScript370@users.noreply.github.com>
Date: Sun, 8 Dec 2024 22:14:09 -0500
Subject: [PATCH] Add pictures of Sha'are Tefila's caterer
---
assets/css/marquee.css | 107 +++++++-----------
.../shul-wall/sha'areh-tefila-queens-big.html | 26 ++++-
2 files changed, 64 insertions(+), 69 deletions(-)
diff --git a/assets/css/marquee.css b/assets/css/marquee.css
index 1c7ceab..c029046 100644
--- a/assets/css/marquee.css
+++ b/assets/css/marquee.css
@@ -1,68 +1,43 @@
/* Marquee styles */
.marquee {
- position: relative;
- overflow: hidden;
- user-select: none;
- }
-
- .marquee__content {
- flex-shrink: 0;
- min-width: 100%;
- }
-
- @keyframes scroll {
- from {
- transform: translateY(0);
- }
- to {
- transform: translateY(-100%);
- }
- }
-
- /* Pause animation when reduced-motion is set */
- @media (prefers-reduced-motion: reduce) {
- .marquee__content {
- animation-play-state: paused !important;
- }
- }
-
- /* Enable animation */
- .marquee .marquee__content {
- animation: scroll var(--length, 10s) linear infinite;
- }
-
- /* Reverse animation */
- .marquee--reverse .marquee__content {
- animation-direction: reverse;
- }
-
- /* Pause on hover */
- .marquee--hover-pause:hover .marquee__content {
- animation-play-state: paused;
- }
-
- /* Attempt to size parent based on content. Keep in mind that the parent width is equal to both content containers that stretch to fill the parent. */
- .marquee--fit-content {
- max-width: fit-content;
- }
-
- /* A fit-content sizing fix: Absolute position the duplicate container. This will set the size of the parent wrapper to a single child container. Shout out to Olavi's article that had this solution 👏 @link: https://olavihaapala.fi/2021/02/23/modern-marquee.html */
- .marquee--pos-absolute .marquee__content:last-child {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- /* Enable position absolute animation on the duplicate content (last-child) */
- .enable-animation .marquee--pos-absolute .marquee__content:last-child {
- animation-name: scroll-abs;
- }
-
- @keyframes scroll-abs {
- from {
- transform: translateX(100%);
- }
- to {
- transform: translateX(0);
- }
- }
\ No newline at end of file
+ position: relative;
+ overflow: hidden;
+ user-select: none;
+}
+
+.marquee__content {
+ min-width: 100%;
+ animation: scroll var(--length, 10s) linear infinite;
+}
+
+.marqueeHorizontal {
+ --gap: .25rem;
+ display: flex;
+ gap: var(--gap);
+}
+
+.marqueeHorizontal .marquee__content {
+ display: flex;
+ gap: var(--gap);
+ flex-shrink: 0;
+ justify-content: space-around;
+ animation: scrollX var(--length, 10s) linear infinite;
+}
+
+@keyframes scroll {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(-100%);
+ }
+}
+
+@keyframes scrollX {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(-100%);
+ }
+}
\ No newline at end of file
diff --git a/pages/shul-wall/sha'areh-tefila-queens-big.html b/pages/shul-wall/sha'areh-tefila-queens-big.html
index 310ae93..e376455 100644
--- a/pages/shul-wall/sha'areh-tefila-queens-big.html
+++ b/pages/shul-wall/sha'areh-tefila-queens-big.html
@@ -126,14 +126,13 @@
z-index: 5;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
- grid-template-rows: 1fr auto;
+ grid-template-rows: 1fr auto auto;
align-items: center;
row-gap: 16px;
column-gap: 2vw;
}
- #dataGrid > *:not(#megaline):not(.wideView) {
- height: 100%;
+ #dataGrid > *:not(#megaline):not(.wideView):not(.marquee) {
background: rgba(0,0,0,.75);
border-top-left-radius: 50% 15%;
border-top-right-radius: 50% 15%;
@@ -144,6 +143,10 @@
font-size: 1.55rem;
}
+ #dataGrid > *:not(#megaline):not(.wideView):not(.marquee):not(:nth-child(2)) {
+ height: 100%;
+ }
+
#dataGrid > *:not(#limudSection) .list-group-item {
--bs-list-group-item-padding-y: .25rem;
--bs-list-group-border-color: #49505799;
@@ -295,6 +298,10 @@
--bs-card-bg: transparent;
border: none;
}
+
+ .marquee__content > img {
+ height: 10vh;
+ }
@@ -303,6 +310,7 @@
+
@@ -488,6 +496,10 @@
+
{% for item in site.data.tv.simpleTVZman %}
\ No newline at end of file