jrtechs-HomeBrewPlex/html/footer.html

<br><br>
<!-- Footer -->
<!-- Footer -->
<footer class="text-center bg-secondary">
    <br><br>
    <div class="footer-above">
        <div class="container">
            <div class="row">
                <div class="footer-col col-md-4">
                    <h3>Location</h3>
                    <p>Rochester Institute of Technology
                        <br>1 Lomb Memorial Dr, Rochester, NY 14623</p>
                </div>
                <div class="footer-col col-md-4">
                    <h3>Around the Web</h3>
                    <ul class="list-inline p-4">
                        <li class="list-inline-item">
                            <a class="badge badge-secondary" href="https://www.youtube.com/c/JrtechsNet">
                                <svg id="i-video" viewBox="0 0 32 32" width="50" height="50" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                                    <path d="M22 13 L30 8 30 24 22 19 Z M2 8 L2 24 22 24 22 8 Z" />
                                </svg>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="badge badge-secondary" href="https://github.com/jrtechs">
                                <svg id="i-github" viewBox="0 0 64 64" width="50" height="50">
                                    <path stroke-width="0" fill="currentColor" d="M32 0 C14 0 0 14 0 32 0 53 19 62 22 62 24 62 24 61 24 60 L24 55 C17 57 14 53 13 50 13 50 13 49 11 47 10 46 6 44 10 44 13 44 15 48 15 48 18 52 22 51 24 50 24 48 26 46 26 46 18 45 12 42 12 31 12 27 13 24 15 22 15 22 13 18 15 13 15 13 20 13 24 17 27 15 37 15 40 17 44 13 49 13 49 13 51 20 49 22 49 22 51 24 52 27 52 31 52 42 45 45 38 46 39 47 40 49 40 52 L40 60 C40 61 40 62 42 62 45 62 64 53 64 32 64 14 50 0 32 0 Z" />
                                </svg>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="badge badge-secondary" href="https://jrtechs.me">
                                <svg id="i-portfolio" viewBox="0 0 32 32" width="50" height="50" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                                    <path d="M29 17 L29 28 3 28 3 17 M2 8 L30 8 30 16 C30 16 24 20 16 20 8 20 2 16 2 16 L2 8 Z M16 22 L16 18 M20 8 C20 8 20 4 16 4 12 4 12 8 12 8" />
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-col col-md-4">
                    <h3>About This Website</h3>
                    <p>Check out the source code for this website on my github.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-below bg-dark">
        <br>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <p class="m-0 text-center text-white"><a href="https://www.mozilla.org/en-US/MPL/" target="_blank">MPL 2.0</a> <a href="jrtechs.net">Jrtechs</a></p>
                    <br>
                </div>
            </div>
        </div>
    </div>
</footer>
<script>
    /**
     * This is some simple JS to get the navbar working on a small/mobile screen
     * without using the entire boostrap JS library.
     */
    const e = document.querySelector(".navbar-toggler");
    const t = document.querySelector(".navbar-collapse");

    e.onclick = function()
    {
        if (e.getAttribute("aria-expanded") == "false")
        {
            t.classList.remove('collapse');
            e.setAttribute('aria-expanded', true);
        }
        else
        {
            e.setAttribute("aria-expanded", false);
            t.classList.add('collapse');
        }
    }
</script>

</body>

</html>