/
index.html
1 lines (1 loc) · 8.84 KB
/
index.html
1
<!DOCTYPE html><html class="h-100"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>One Page Calendar</title><link rel="icon" type="image/png" href="img/favicon.png"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" integrity="sha384-Ay26V7L8bsJTsX9Sxclnvsn+hkdiwRnrjZJXqKmkIDobPgIIWBOVguEcQQLDuhfN" crossorigin="anonymous"><link rel="stylesheet" href="css/main.min.css"></head><body class="h-100 bg-dark text-light" data-dark-mode='["bg-dark text-light", "bg-light text-dark"]'><div class="h-100 container-fluid d-flex flex-column justify-content-between align-items-center"><div id="top-buttons" class="button-toolbar justify-self-start align-self-end mt-2 d-print-none"><div class="btn-group me-2"><button id="toggle-darkmode-button" class="btn btn-outline-light rounded-circle" data-dark-mode='["btn-outline-light","btn-outline-dark"]' data-bs-toggle="tooltip" title="Toggle Dark Mode"><i class="bi bi-sun-fill d-none"></i> <i class="bi bi-moon-fill"></i></button></div><div id="launch-print-modal-button-container" class="btn-group me-2"><button id="launch-print-modal-button" class="btn btn-outline-light rounded-circle" data-dark-mode='["btn-outline-light","btn-outline-dark"]' data-bs-toggle="tooltip" title="Print the calendar"><i class="bi bi-printer-fill"></i></button></div><div id="launch-cant-print-modal-button-container" class="btn-group me-2 d-none"><button id="launch-cant-print-modal-button" class="btn btn-outline-light rounded-circle" data-dark-mode='["btn-outline-light","btn-outline-dark"]' data-bs-toggle="tooltip" title="Cannot print"><i class="bi bi-printer text-danger"></i></button></div><div class="btn-group"><a href="https://github.com/BreadMaker/one-page-calendar/" class="btn btn-outline-light rounded-circle d-flex" data-dark-mode='["btn-outline-light","btn-outline-dark"]' data-bs-toggle="tooltip" title="Fork me in GitHub!" role="button"><i class="bi bi-github align-self-center"></i></a></div></div><div id="one-page-calendar-container" class="container-md table-responsive my-2 p-0"><table id="one-page-calendar" class="table table-bordered align-middle text-center border-light text-light" data-dark-mode='["border-light text-light","border-dark text-dark"]'><tbody><tr class="months"><td colspan="5" rowspan="3"><h5 id="date" class="m-0 d-print-none"></h5><h3 id="year" class="m-0 d-none d-print-block"></h3></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td></tr><tr class="months"><td class="d-none"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td></tr><tr class="months"><td class="d-none"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td><td class="month position-relative"></td></tr><tr class="days"><td class="date">1</td><td class="date">8</td><td class="date">15</td><td class="date">22</td><td class="date">29</td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">2</td><td class="date">9</td><td class="date">16</td><td class="date">23</td><td class="date">30</td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">3</td><td class="date">10</td><td class="date">17</td><td class="date">24</td><td class="date">31</td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">4</td><td class="date">11</td><td class="date">18</td><td class="date">25</td><td></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">5</td><td class="date">12</td><td class="date">19</td><td class="date">26</td><td></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">6</td><td class="date">13</td><td class="date">20</td><td class="date">27</td><td></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr><tr class="days"><td class="date">7</td><td class="date">14</td><td class="date">21</td><td class="date">28</td><td></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td><td class="day"></td></tr></tbody><caption id="copyleft" class="pt-1 pb-0"><div class="d-flex w-100 align-items-center justify-content-end"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Cc.logo.circle.svg" alt="CC" style="height:1em"> <span class="ps-1">BY-SA BreadMaker</span></div></caption></table></div><div id="bottom-credits" class="d-print-none d-flex text-nowrap align-items-center"><span>One Page Calendar</span> <img src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Cc.logo.circle.svg" alt="CC" class="px-1" style="height:1em"> <span>BY-SA BreadMaker</span> <span class="px-1">2018 -</span> <span id="copyleft-year"></span><form class="d-inline px-1" action="https://www.paypal.com/donate" method="post" target="_top"><input type="hidden" name="business" value="RPBVSWU9ZRPQU"> <input type="hidden" name="item_name" value="C.T.M. Corp"> <input type="hidden" name="currency_code" value="USD"> <button type="submit" class="btn btn-link p-0 align-baseline">Donate</button></form></div></div><div id="print-modal" class="modal fade d-print-none" tabindex="-1"><div class="modal-dialog modal-dialog-centered"><div class="modal-content bg-dark text-light" data-dark-mode='["bg-dark text-light", "bg-light text-dark"]'><div class="modal-header bg-success"><h5 class="modal-title text-light"><i class="bi bi-recycle"></i> Before we do that...</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1)"></button></div><div class="modal-body"><p>I'm humbled to know you want to have a copy of this calendar on your wall, however, please consider if that's really necessary.</p><p class="m-0">You can always access the calendar by bookmarking this page.</p></div><div class="modal-footer"><button type="button" class="btn btn-success" data-bs-dismiss="modal"><i class="bi bi-tree-fill"></i> Don't print</button> <button id="print-calendar-button" type="button" class="btn btn-primary" data-bs-dismiss="modal"><i class="bi bi-printer-fill"></i> Print</button></div></div></div></div><div id="vertical-mobile-modal" class="modal fade d-print-none" tabindex="-1"><div class="modal-dialog"><div class="modal-content bg-dark text-light" data-dark-mode='["bg-dark text-light", "bg-light text-dark"]'><div class="modal-header bg-warning"><h5 class="modal-title text-dark"><i class="bi bi-phone"></i> Kind of a tight spot, doesn't it?</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><p>Due to the nature of this calendar format, it's highly recommended that you watch this page with your phone horizontally.</p><div class="form-check"><input class="form-check-input" type="checkbox" id="dont-bother-checkbox"> <label class="form-check-label" for="dont-bother-checkbox">Don't bother me about this ever again.</label></div></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal"><i class="bi bi-check-lg"></i> Got it.</button></div></div></div></div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script><script src="https://unpkg.com/moment@2.29.1/min/moment-with-locales.min.js" integrity="sha384-IFyOtsSJQkqd1kMlhelCNzXIOub/YQewnLE43aaVvkbMDQMBbg7WApLMjn9yuW9M" crossorigin="anonymous"></script><script src="js/main.min.js"></script></body></html>