diff --git a/assets/images/sefira/combo.png b/assets/images/sefira/combo.png new file mode 100644 index 0000000..648a9ca Binary files /dev/null and b/assets/images/sefira/combo.png differ diff --git a/assets/images/sefira/combo.psd b/assets/images/sefira/combo.psd new file mode 100644 index 0000000..261868a Binary files /dev/null and b/assets/images/sefira/combo.psd differ diff --git a/assets/images/sefira/harahaman.png b/assets/images/sefira/harahaman.png new file mode 100644 index 0000000..8d7890f Binary files /dev/null and b/assets/images/sefira/harahaman.png differ diff --git a/assets/images/sefira/menorah.svg b/assets/images/sefira/menorah.svg new file mode 100644 index 0000000..57ab0c6 --- /dev/null +++ b/assets/images/sefira/menorah.svg @@ -0,0 +1,1721 @@ + +Shvitiimage/svg+xmlShvitiThe Open Siddur Project2008בעל-הכוכבShvitihttp://cafe.themarker.com/image/659040/HebrewSVG conversion of high resolution JPEG of a Shviti."מנורה כתובה על קלףכשר ע\"י סופר סת\"ם"Orphaned work + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/js/WebsiteCalendar.js b/assets/js/WebsiteCalendar.js index 3b3dede..a4e3880 100644 --- a/assets/js/WebsiteCalendar.js +++ b/assets/js/WebsiteCalendar.js @@ -459,6 +459,14 @@ class WebsiteCalendar extends KosherZmanim.JewishCalendar { if (days == 1) dayCount.reverse() + /** + * @param {{ days: any; weeks: any; toString?: (() => string) | (() => string) | (() => string); }} data + * @param {string} connector + */ + function fullSubCount (data, connector) { + return (!weeks ? "" :[data.weeks].concat(days ? [data.days] : []).join(connector)); + } + return { info: { days, @@ -470,7 +478,7 @@ class WebsiteCalendar extends KosherZmanim.JewishCalendar { subCount: { days: getOrdinal(days, true) + " day", weeks: getOrdinal(weeks, true) + " week", - toString: function () { return (!weeks ? "" :[this.weeks].concat(days ? [this.days] : []).join(" • ")); } + toString: function () { return fullSubCount(this, " • "); } } }, et: { @@ -478,7 +486,7 @@ class WebsiteCalendar extends KosherZmanim.JewishCalendar { subCount: { days: (days == 1 ? "a day" : days + " days"), weeks: (weeks == 1 ? "is a week" : "are " + weeks + " weeks"), - toString: function () { return (!weeks ? "" : [this.weeks].concat(days ? [this.days] : []).join(" and ")) } + toString: function () { return fullSubCount(this, " and "); } } }, hb: { @@ -486,7 +494,7 @@ class WebsiteCalendar extends KosherZmanim.JewishCalendar { subCount: { days: dayCount.join(" "), weeks: weeksCount.join(" "), - toString: function () { return (!weeks ? "" : [this.weeks].concat(days ? [this.days] : []).join(" ו")) } + toString: function () { return fullSubCount(this, " " + ([2,3].includes(days) ? 'וּ' : 'וְ')); } } } } diff --git a/assets/js/flyers/omer.js b/assets/js/flyers/omer.js index 6ab1384..47e123b 100644 --- a/assets/js/flyers/omer.js +++ b/assets/js/flyers/omer.js @@ -25,6 +25,9 @@ if ((jCal.getDate().dayOfWeek == 6 || jCal.isAssurBemelacha()) && !window.locati document.getElementById("gridElement").remove(); document.getElementById("earliestTimeAlert").remove(); } else { + if (jCal.getDate().dayOfWeek == 6 || jCal.isAssurBemelacha()) { + document.getElementById("earliestTimeAlert").innerHTML = "Proper time of night" + } const elems = document.getElementsByClassName('timecalc'); for (const elem of elems) { const currentCalc = (elem.getAttribute('data-timezone') == 'Asia/Jerusalem' ? ohrHachaimCal : amudehHoraahCal); @@ -48,13 +51,13 @@ if ((jCal.getDate().dayOfWeek == 6 || jCal.isAssurBemelacha()) && !window.locati minute: '2-digit' }]; - const times = (jCal.getDate().dayOfWeek == 6 ? [currentCalc.getTzaitShabbath(), currentCalc.getTzaitRT()] : [currentCalc.getTzait()]) + const times = ((jCal.getDate().dayOfWeek == 6 || jCal.isAssurBemelacha()) ? [currentCalc.getTzaitShabbath(), currentCalc.getTzaitRT()] : [currentCalc.getTzait()]) .map(time => time.add({ minutes: (!elem.hasAttribute('data-humra') ? 0 : parseInt(elem.getAttribute('data-humra')) )})); const timeElem = elem.nextElementSibling; timeElem.innerHTML = times[0].toLocaleString(...dtF) - + (jCal.getDate().dayOfWeek == 6 ? ` (R"T: ${times[1].toLocaleString(...dtF)})` : ""); + + (jCal.getDate().dayOfWeek == 6 ? `
(R"T: ${times[1].toLocaleString(...dtF)})` : ""); } } diff --git a/pages/omer/central.html b/pages/omer/central.html index 1bae76f..60ab517 100644 --- a/pages/omer/central.html +++ b/pages/omer/central.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -42,12 +42,16 @@ justify-self: start; align-self: end; text-align: start; - font-size: 1.2em; + font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .5em; + line-height: 1.2; + padding-top: .5em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -164,41 +170,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -232,16 +282,18 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/east.html b/pages/omer/east.html index 1b52021..1d399d7 100644 --- a/pages/omer/east.html +++ b/pages/omer/east.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -42,12 +42,16 @@ justify-self: start; align-self: end; text-align: start; - font-size: 1.2em; + font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .5em; + line-height: 1.2; + padding-top: .5em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -164,41 +170,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -232,16 +282,18 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/indTown/la.html b/pages/omer/indTown/la.html index f50b82f..223bc9d 100644 --- a/pages/omer/indTown/la.html +++ b/pages/omer/indTown/la.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -42,12 +42,16 @@ justify-self: start; align-self: end; text-align: start; - font-size: 1.275em; + font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .25em; + line-height: 1.2; + padding-top: .5em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -165,41 +171,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -222,17 +272,19 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/indTown/milBasin.html b/pages/omer/indTown/milBasin.html index d095c9e..41d105d 100644 --- a/pages/omer/indTown/milBasin.html +++ b/pages/omer/indTown/milBasin.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -42,12 +42,16 @@ justify-self: start; align-self: end; text-align: start; - font-size: 1.275em; + font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .25em; + line-height: 1.2; + padding-top: .5em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -165,41 +171,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -221,17 +271,19 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/indTown/pomona.html b/pages/omer/indTown/pomona.html index e919112..8fbc067 100644 --- a/pages/omer/indTown/pomona.html +++ b/pages/omer/indTown/pomona.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -45,9 +45,13 @@ font-size: 1.275em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .75em; + line-height: 1.2; + padding-top: 1em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -75,7 +81,8 @@ justify-content: center; align-content: center; flex-wrap: wrap; - flex-direction: column; + flex-direction: row; + line-height: 1; box-shadow: 0 0 20px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.75); @@ -165,41 +172,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -221,16 +272,18 @@

ספירת העומר

-
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/indTown/queens.html b/pages/omer/indTown/queens.html index a455c49..08774c9 100644 --- a/pages/omer/indTown/queens.html +++ b/pages/omer/indTown/queens.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -45,9 +45,13 @@ font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .75em; + line-height: 1.2; + padding-top: 1em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -165,35 +171,65 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); } #deviceIcons { @@ -203,12 +239,27 @@ padding-bottom: 6rem; padding-right: .5rem; font-size: 2.75rem; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -230,20 +281,22 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file diff --git a/pages/omer/west.html b/pages/omer/west.html index c28d3a4..27ea31d 100644 --- a/pages/omer/west.html +++ b/pages/omer/west.html @@ -23,7 +23,7 @@ position: relative; display: grid; - background-image: url("/assets/images/sefira/background.png"); + background-image: url("/assets/images/sefira/combo.png"); background-size: cover; } @@ -42,12 +42,16 @@ justify-self: start; align-self: end; text-align: start; - font-size: 1.2em; + font-size: 1.375em; font-weight: 500; font-style: italic; - line-height: 1.3; - padding-bottom: .5em; + line-height: 1.2; + padding-top: .5em; padding-inline-start: .5em; + height: 6.125rem; + width: 100%; + background-color: #d2ba70; + filter: drop-shadow(0px -5px 4px rgba(0,0,0,1)); } #appIcon { @@ -55,6 +59,8 @@ align-self: end; height: 6.125em; width: 6.125em; + z-index: 3; + filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6)) } #gridElement { @@ -164,41 +170,85 @@ font-family: "Guttman Mantova"; text-align: center; unicode-bidi: plaintext; - color: #D6A03E; - font-size: 4.5em; + color: #ffd373; + font-size: 3.25em; position: absolute; - top: 42.5%; - right: 7.5%; + top: 40.75%; + right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); line-height: 1.25; + width: 65%; + font-weight: 600; } #hayom { font-family: "Guttman Mantova"; - color: black; + color: #D6A03E; align-self: end; justify-self: end; - margin-bottom: 15rem; + margin-bottom: 28.75rem; text-align: center; - font-size: 4.5em; + font-size: 4em; line-height: 1.25; - width: 70%; + width: 65%; + padding-right: 1.25%; text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); unicode-bidi: plaintext; } + .harachaman { + font-family: "Guttman Mantova"; + text-align: center; + align-self: end; + justify-self: end; + margin-bottom: 17.5rem; + color: transparent; + font-size: 3.25em; + width: 65%; + padding-right: 1.25%; + line-height: 1.25; + } + + #actualHaDisplay.harachaman { + background-image: linear-gradient(#ffd373 10%,#ffd37377 37.5%, #ffd373 55%, #ffd37377 78%); + -webkit-background-clip: text; + filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, .7)); + } + + .harachaman:not(#actualHaDisplay) { + text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8); + } + #bsD { font-family: "Frank Ruhl Libre"; justify-self: end; font-size: 2.5em; line-height: 1; padding-right: .125em; + font-weight: 700; + color: rgb(210,156,56); + } + + #menorah { + justify-self: start; + align-self: end; + width: 27.5%; + margin-left: 5%; + margin-bottom: 11%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,1)); + } + + .imgHarahaman { + width:100%; + filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); } - +
@@ -232,16 +282,18 @@

ספירת העומר

-
- בָּרוּךְ אַתָּה יְהֹוָה,
+ +
הַיּוֹם
+
\ No newline at end of file