Add description in the back!

ALSO: Auto print

assets/js/features/print-export.js

@@ -331,4 +331,5 @@ for (let mIndex = 1; mIndex < plainDateForLoop.monthsInYear + 1; mIndex++) {
 }
 
 header.parentElement.remove();
-baseTable.remove();
+baseTable.remove();
+window.print();

pages/omer/indTown/queens.html

@@ -0,0 +1,249 @@
+---
+title: Sefirat Haomer - Queens
+permalink: /omer/queens
+breakout: true
+website: true
+---
+
+<style>
+    .maxWidthContainer {
+        width: clamp(16rem, 90vw, 90rem);
+        font-family: 'Neutro', 'Frank Ruhl Libre';
+        color: #30344F;
+    }
+
+    #sidebar, .navbar {
+        display: none !important;
+    }
+
+    #wrapperElement {
+        width: 100%;
+        aspect-ratio: 1/1;
+
+        position: relative;
+        display: grid;
+
+        background-image: url("/assets/images/sefira/background.png");
+        background-size: cover;
+    }
+
+    #wrapperElement > * {
+        grid-area: 1/1;
+    }
+
+    .inlineLogo {
+        display: inline-block;
+        font-family: 'Guttman Mantova-Decor', 'Courier New', Courier, monospace;
+        vertical-align: text-top;
+        font-size: 1.1em;
+    }
+
+    #footer {
+        justify-self: start;
+        align-self: end;
+        text-align: start;
+        font-size: 1.375em;
+        font-weight: 500;
+        font-style: italic;
+        line-height: 1.3;
+        padding-bottom: .75em;
+        padding-inline-start: .5em;
+    }
+
+    #appIcon {
+        justify-self: end;
+        align-self: end;
+        height: 6.125em;
+        width: 6.125em;
+    }
+
+    #gridElement {
+        justify-self: center;
+        align-self: center;
+        grid-template-columns: 1fr;
+        row-gap: 1em;
+        display: grid;
+        margin-block-end: 30em;
+    }
+
+    #gridElement > * {
+        text-align: center;
+        width: 11.75rem;
+        height: 4rem;
+        font-weight: 700;
+        display: flex;
+        justify-content: center;
+        align-content: center;
+        flex-wrap: wrap;
+        flex-direction: column;
+
+        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);
+        -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.75);
+    }
+
+    .timecalc {
+        background-color: #F3E5A6;
+        font-size: 1.25vw;
+        z-index: 3;
+    }
+
+    #gridElement > .timeBox {
+        background-color: #DAC06B;
+        font-size: 2.5vw;
+        z-index: 2;
+        transform: scale(2);
+    }
+
+    .twoLine {
+        line-height: 1;
+    }
+
+    .sml {
+        font-size: 14px;
+    }
+
+    .sefiraTitle {
+        position: absolute;
+        line-height: 1;
+        justify-self: center;
+        font-size: 13.5rem;
+        font-weight: 900;
+    }
+
+    #mainTitle {
+        padding-top: 3.5rem;
+        background: radial-gradient(circle, rgba(210,156,56,1) 0%, rgba(152,100,27,1) 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        z-index: 3;
+    }
+
+    #shadowTitle {
+        padding-top: 3.75rem;
+        padding-left: .25rem;
+        color: black;
+        filter: blur(.25rem)
+    }
+
+    #dayPointer {
+        width: 46rem;
+        height: 3.75rem;
+        justify-self: center;
+        margin-top: 1.25rem;
+        border-radius: 1rem;
+        color: #976520;
+        display: flex;
+        padding: .5rem 2rem;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 1.75em;
+        background: white;
+    }
+
+    #dayPointer b {
+        color: black;
+        text-transform: uppercase;
+    }
+
+    #earliestTimeAlert {
+        margin-block-end: 45rem;
+        background-color: #DAC06B;
+        justify-self: center;
+        align-self: center;
+        text-transform: uppercase;
+        font-weight: 700;
+        padding: .5rem .25rem;
+        font-size: 1.75rem;
+        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);
+        -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.75);
+    }
+
+    #bracha {
+        font-family: "Guttman Mantova";
+        text-align: center;
+        unicode-bidi: plaintext;
+        color: #D6A03E;
+        font-size: 4.5em;
+        position: absolute;
+        top: 42.5%;
+        right: 7.5%;
+        text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8);
+        line-height: 1.25;
+    }
+
+    #hayom {
+        font-family: "Guttman Mantova";
+        color: black;
+        align-self: end;
+        justify-self: end;
+        margin-bottom: 15rem;
+        text-align: center;
+        font-size: 4.5em;
+        line-height: 1.25;
+        width: 70%;
+        text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8);
+        unicode-bidi: plaintext;
+    }
+
+    #bsD {
+        font-family: "Frank Ruhl Libre";
+        justify-self: end;
+        font-size: 2.5em;
+        line-height: 1;
+        padding-right: .125em;
+    }
+
+    #deviceIcons {
+        color: white;
+        justify-self: end;
+        align-self: end;
+        padding-bottom: 6rem;
+        padding-right: .5rem;
+        font-size: 2.75rem;
+    }
+</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="/assets/fonts/subtitle/stylesheet.css" rel="stylesheet">
+
+<div id="wrapperElement">
+    <div id="bsD">בס"ד</div>
+    <h1 id="mainTitle" class="sefiraTitle">ספירת העומר</h1>
+    <h1 id="shadowTitle" class="sefiraTitle">ספירת העומר</h1>
+    <div id="dayPointer">
+        <div id="nightOf"><b>Night of: </b></div>
+        <div id="omerCount"><b>Omer count: </b></div>
+    </div>
+    <div id="earliestTimeAlert">Earliest time to count*</div>
+    <div id="gridElement">
+        <div class="timecalc d-none"
+            data-lat="40.729397" data-lng="-73.847694"
+            data-timezone="America/New_York"
+            data-format="h12">
+        </div>
+        <div class="timeBox"></div>
+    </div>
+    <div id="footer">
+        The time above is when Halachic nightfall (צאת הכוכבים) would occur in <b>Queens, NY</b>, as calculated through the <span class="inlineLogo">זמני יוסף</span> application.<br>
+        Use it for all of R' Ovadiah's זמנים accross the world, as held by local Rabbanim, R' Emanuel Shimonov & R' Leeor Dahan
+    </div>
+    <div id="deviceIcons">
+        <i class="fa fa-apple"></i>
+        <i class="fa fa-android"></i>
+    </div>
+    <img id="appIcon" src="/assets/images/app-icon-wavy-side.png">
+    <div id="bracha">
+        בָּרוּךְ אַתָּה יְהֹוָה,<br>
+        אֱלֹהֵֽינוּ מֶֽלֶךְ הָעוֹלָם<br>
+        אֲשֶׁר קִדְּשָֽׁנוּ בְּמִצְוֹתָיו וְצִוָּֽנוּ<br>
+        עַל סְפִירַת הָעֹֽמֶר:
+    </div>
+    <div id="hayom">הַיּוֹם </div>
+</div>
+
+<script type="module" src="/assets/js/flyers/omer.js"></script>