Skip to content

Commit

Permalink
Redo Sefira flyer - add HaRahaman, change the colors, new background,…
Browse files Browse the repository at this point in the history 
… use bold Guttman Mantova, etc
  • Loading branch information
@NightScript370
NightScript370 committed May 17, 2024
1 parent e7d1aad commit 98b5b69
Show file tree
Hide file tree
Showing 13 changed files with 2,222 additions and 124 deletions.
Binary file added assets/images/sefira/combo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/sefira/combo.psd
View file
Binary file not shown.
Binary file added assets/images/sefira/harahaman.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1,721 changes: 1,721 additions & 0 deletions assets/images/sefira/menorah.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 11 additions & 3 deletions assets/js/WebsiteCalendar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand All @@ -470,23 +478,23 @@ 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: {
mainCount: this.getDayOfOmer() + " day" + (this.getDayOfOmer() >= 2 ? "s" : ''),
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: {
mainCount: hbTitle.join(" "),
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) ? 'וּ' : 'וְ')); }
}
}
}
Expand Down
7 changes: 5 additions & 2 deletions assets/js/flyers/omer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand All @@ -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 ? `<br><span style="font-size: .5em;">(R"T: ${times[1].toLocaleString(...dtF)})</span>` : "");
}
}

Expand Down
86 changes: 69 additions & 17 deletions pages/omer/central.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand All @@ -42,19 +42,25 @@
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 {
justify-self: end;
align-self: end;
height: 6.125em;
width: 6.125em;
z-index: 3;
filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6))
}

#gridElement {
Expand Down Expand Up @@ -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));
}
</style>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Rubik+Gemstones&display=swap" rel="stylesheet">
<link href="/assets/fonts/subtitle/stylesheet.css" rel="stylesheet">

<div id="wrapperElement">
Expand Down Expand Up @@ -232,16 +282,18 @@ <h1 id="shadowTitle" class="sefiraTitle">ספירת העומר</h1>
<div id="footer">
This time of "<b>צאת הכוכבים</b>" represents the opinion held by Rabbi Ovadia Yosef zt"l;<br>
confirm with your Posek if you suspect a different opinion would be followed instead.<br>
For unlisted locations, look at the <span class="inlineLogo">זמני יוסף</span> application, now on iOS and Android - royzmanim.com
For locations outside <b>Central NA</b>, use our <span class="inlineLogo">זמני יוסף</span> application for iOS and Android - royzmanim.com
</div>
<img id="appIcon" src="/assets/images/app-icon-wavy-side.png">
<div id="bracha">
בָּרוּךְ אַתָּה יְהֹוָה,<br>
<!--<div id="bracha">
בָּרוּךְ אַתָּה יְהֹוָה,
אֱלֹהֵֽינוּ מֶֽלֶךְ הָעוֹלָם<br>
אֲשֶׁר קִדְּשָֽׁנוּ בְּמִצְוֹתָיו וְצִוָּֽנוּ<br>
עַל סְפִירַת הָעֹֽמֶר:
</div>
</div> -->
<img src="/assets/images/sefira/menorah.svg" id="menorah">
<div id="hayom">הַיּוֹם </div>
<img class="imgHarahaman" src="/assets/images/sefira/harahaman.png" />
</div>

<script type="module" src="/assets/js/flyers/omer.js"></script>
86 changes: 69 additions & 17 deletions pages/omer/east.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand All @@ -42,19 +42,25 @@
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 {
justify-self: end;
align-self: end;
height: 6.125em;
width: 6.125em;
z-index: 3;
filter: drop-shadow(-3px 0 2px rgba(0,0,0,.6))
}

#gridElement {
Expand Down Expand Up @@ -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));
}
</style>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Rubik+Gemstones&display=swap" rel="stylesheet">
<link href="/assets/fonts/subtitle/stylesheet.css" rel="stylesheet">

<div id="wrapperElement">
Expand Down Expand Up @@ -232,16 +282,18 @@ <h1 id="shadowTitle" class="sefiraTitle">ספירת העומר</h1>
<div id="footer">
This time of "<b>צאת הכוכבים</b>" represents the opinion held by Rabbi Ovadia Yosef zt"l;<br>
confirm with your Posek if you suspect a different opinion would be followed instead.<br>
For unlisted locations, look at the <span class="inlineLogo">זמני יוסף</span> application, now on iOS and Android - royzmanim.com
For locations outside of <b>East NA</b>, use our <span class="inlineLogo">זמני יוסף</span> application for iOS and Android - royzmanim.com
</div>
<img id="appIcon" src="/assets/images/app-icon-wavy-side.png">
<div id="bracha">
בָּרוּךְ אַתָּה יְהֹוָה,<br>
<!--<div id="bracha">
בָּרוּךְ אַתָּה יְהֹוָה,
אֱלֹהֵֽינוּ מֶֽלֶךְ הָעוֹלָם<br>
אֲשֶׁר קִדְּשָֽׁנוּ בְּמִצְוֹתָיו וְצִוָּֽנוּ<br>
עַל סְפִירַת הָעֹֽמֶר:
</div>
</div> -->
<img src="/assets/images/sefira/menorah.svg" id="menorah">
<div id="hayom">הַיּוֹם </div>
<img class="imgHarahaman" src="/assets/images/sefira/harahaman.png" />
</div>

<script type="module" src="/assets/js/flyers/omer.js"></script>
Loading

0 comments on commit 98b5b69

Please sign in to comment.