divan/GanjooRazor/Pages/_FooterPartial.cshtml

@model GanjooRazor.Pages._FooterPartialModel

<div id="footer">
    <div class="footer-contents">
        <ul class="link-list-internals">
            <li><a href="/"><i class="notranslate material-icons">home</i> خانه</a></li>
            <li><a href="/random"><i class="notranslate material-icons">casino</i> بیت تصادفی</a></li>
            <li><a href="https://jadval.ganjoor.net"><i class="notranslate material-icons">apps</i> جدول شعر</a></li>
            <li><a href="https://faal.ganjoor.net"><i class="notranslate material-icons">casino</i> فال حافظ</a></li>
            <li><a href="/mundex"><i class="notranslate material-icons">music_note</i> نمایهٔ موسیقی</a></li>
            <li><a href="/hashieha"><i class="notranslate material-icons">forum</i> حاشیه‌ها</a></li>
            <li><a href="/simi"><i class="notranslate material-icons">plagiarism</i> مشابه‌یابی</a></li>
            <li><a href="https://blog.ganjoor.net"><i class="notranslate material-icons">newspaper</i> تازه‌های گنجور</a></li>
        </ul>
        <ul class="link-list-tools">
            <li><a href="https://c.ganjoor.net"><i class="notranslate material-icons">code</i> کدهای گنجور</a></li>
            <li><a href="https://dg.ganjoor.net"><i class="notranslate material-icons">computer</i> گنجور رومیزی</a></li>
            <li><a href="http://pozh.org/saaghar"><i class="notranslate material-icons">laptop_mac</i> ساغر</a></li>
            <li><a href="https://epub.ganjoor.net"><i class="notranslate material-icons">menu_book</i> کتابخانهٔ گنجور</a></li>
            <li><a href="https://museum.ganjoor.net"><i class="notranslate material-icons">filter_vintage</i> گنجینهٔ گنجور</a></li>
            <li><a href="https://abjad.ganjoor.net"><i class="notranslate material-icons">calculate</i> محاسبه‌گر ابجد</a></li>
            <li><a href="https://ava.ganjoor.net"><i class="notranslate material-icons">hearing</i> آوای گنجور</a></li>
            <li><a href="https://gaudiopanel.ganjoor.net"><i class="notranslate material-icons">mic_none</i> پیشخان خوانشگران</a></li>
            <li><a href="https://blog.ganjoor.net/1402/12/03/pishkhan-the-spelling/"><i class="notranslate material-icons">help_outline</i> پیشخان یا پیشخوان؟</a></li>
            <li><a href="https://naskban.ir"><i class="notranslate material-icons">auto_stories</i> نسکبان</a></li>
        </ul>
        <ul class="link-list-about">
            <li><a href="/about"><i class="notranslate material-icons">hail</i> معرفی</a></li>
            <li><a href="/vazn"><i class="notranslate material-icons">query_stats</i> آمار</a></li>
            <li><a href="/sources"><i class="notranslate material-icons">local_library</i> منابع</a></li>
            <li><a href="/photos"><i class="notranslate material-icons">face_5</i> چهره‌ها</a></li>
            <li><a href="/faq"><i class="notranslate material-icons">help</i> پرسش‌های متداول</a></li>
            <li><a href="/donate"><i class="notranslate material-icons">volunteer_activism</i> کمک</a></li>
            <li><a href="/contact"><i class="notranslate material-icons">mail</i> تماس</a></li>
            <li><a href="/privacy"><i class="notranslate material-icons">privacy_tip</i> حریم خصوصی</a></li>
        </ul>
    </div>
</div>

<a href="javascript:toggleColorScheme();">
    <span id="icon-sun"><i class="notranslate material-icons">sunny</i></span>
    <span id="icon-moon"><i class="notranslate material-icons">dark_mode</i></span>
</a>

<script>
    applyPreferredColorScheme(getPreferredColorScheme());
</script>

@if (Model.StickyEnabled)
{
    <script>
        // When the user scrolls the page, execute stickyFunction
        window.onscroll = function () { stickyFunction() };

        // Get the navbar
        var navbar = document.getElementById("main-navbar");

        // Get the offset position of the navbar
        var sticky = navbar.offsetTop;

        if (sticky != null) {
            var btnSticky = document.getElementById("pin_button");
            if (stickyEnabled) {
                btnSticky.classList.remove("color-disabled");
                btnSticky.classList.add("color-white");
            }
            else {
                btnSticky.classList.remove("color-white");;
                btnSticky.classList.add("color-disabled")
            }
        }


        // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
        function stickyFunction() {
            if (stickyEnabled && window.pageYOffset >= sticky) {
                navbar.classList.add("sticky");
            } else {
                navbar.classList.remove("sticky");
            }
        }

        function switchSticky() {
            stickyEnabled = !stickyEnabled;
            setCookie("stickyEnabled", stickyEnabled ? "true" : "false", 365);
            var btnSticky = document.getElementById("pin_button");
            if (stickyEnabled) {
                btnSticky.classList.remove("color-disabled");
                btnSticky.classList.add("color-white");
            }
            else {
                btnSticky.classList.remove("color-white");;
                btnSticky.classList.add("color-disabled")
            }
            stickyFunction();
        }
    </script>
}

@if (Model.GanjoorPage != null && Model.GanjoorPage.Poem != null)
{
    <script>
        var btnLineNumbers = document.getElementById("bnum-button");
        if (lineNumbers) {
            btnLineNumbers.classList.remove("color-disabled");
            btnLineNumbers.classList.add("color-white");
        }
        else {
            btnLineNumbers.classList.remove("color-white");;
            btnLineNumbers.classList.add("color-disabled")
        }

        if (playerScrollLock) {
            const lockButtons = document.querySelectorAll('.recitation-scrollunlock');
            lockButtons.forEach(function (lockButton) {
                lockButton.classList.toggle('recitation-scrollunlock');
                lockButton.classList.toggle('recitation-scrolllock');
            });
        }
        else {
            const lockButtons = document.querySelectorAll('.recitation-scrolllock');
            lockButtons.forEach(function (lockButtons) {
                lockButtons.classList.toggle('recitation-scrollunlock');
                lockButtons.classList.toggle('recitation-scrolllock');
            });
        }
    </script>
}