daily.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <title id="title">Daily Events | Brihat</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Daily Events of Nepal" />
  <meta name="keywords"
    content="brihat, ratna, bajracharya, events, lunar, national, international, holidays, brihat events" />
  <meta name="author" content="Brihat Ratna Bajracharya" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta property="og:title" content="Brihat Ratna Bajracharya" />
  <meta property="og:image" content="./assets/brihat_events_logo.png" />
  <meta property="og:type" content="blog" />
  <meta property="og:site_name" content="Brihat Daily Events" />
  <meta property="og:url" content="https://events.brihatrb.com.np/daily" />
  <meta property="og:description" content="Brihat Daily Events" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@Brihat9" />
  <meta name="twitter:title" content="Brihat Daily Events" />
  <meta name="twitter:description" content="Daily Events" />
  <meta name="twitter:image" content="./assets/brihat_events_logo.png" />
  <meta name="twitter:image:alt" content="Brihat Daily Events" />

  <link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />

  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
    integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"
    preload />
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
    preload />
  <link href="https://fonts.googleapis.com/css2?family=Laila&display=swap" rel="stylesheet" preload>
  <link rel="stylesheet" href="./css/loading.css" />
  <link rel="stylesheet" href="./css/daily.css" />
  <link rel="stylesheet" href="./css/scroll.css" />
</head>

<body id="body_element" onload="return hide_anim();" class="text-center">
  <div id="loading" class="lds-grid">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
  <div id="event_here">
    <!-- <div><br></div> -->
    <div class="bg-dark">
      <span>
        <mark class="bg-white rounded text-dark display-6">नेपाली मिति, बार</mark>
      </span>
    </div>
    <div id="all_events">
      <div id="date_info">
        तिथि तथा अन्य मिति
      </div>
      <div id="lunar_events">
        <div id="ltopic" class="p-1">
          <mark id="lunar_mark" class="rounded text-white">Lunar Event(s)</mark>
        </div>
        <div id="flex_lunar">
          <div>तिथि पर्वहरू</div>
        </div>
      </div>

      <div id="national_event">
        <div id="ntopic" class="p-1">
          <mark class="rounded bg-success text-white">National Event(s)</mark>
        </div>
        <div id="flex_national">
          <div>राष्ट्रिय दिवसहरू</div>
        </div>
      </div>

      <div id="international_event">
        <div id="itopic" class="p-1">
          <mark class="rounded bg-info text-white">International Event(s)</mark>
        </div>
        <div id="flex_international">
          <div>अन्तर्राष्ट्रिय दिवसहरू</div>
        </div>
      </div>

      <div id="other_event">
        <div id="otopic" class="p-1">
          <mark class="rounded bg-dark text-white">Other Event(s)</mark>
        </div>
        <div id="flex_other">
          <div>अन्य दिवसहरू</div>
        </div>
      </div>
      <div id="solar_ns_event">
        <div id="snstopic" class="p-1">
          <mark class="rounded bg-secondary text-white">Solar Nepal Sambat Event(s)</mark>
        </div>
        <div id="flex_solar">
          <div>सौर्य नेपाल सम्वत् दिवसहरू</div>
        </div>
      </div>
      <div id="holiday_event" class="specific">
        <div id="phtopic" class="p-1">
          <mark class="rounded bg-primary text-white">Holiday Info(s)</mark>
        </div>
        <div id="flex_ph">
          <div>सार्वजनिक बिदा सूची</div>
        </div>
      </div>
    </div>
    <div id='sunrise_sunset_info' class='bg-dark'>
      <div id='sunrise' class='fs-5 fw-bold text-white'><i class='fa fa-sun-o' aria-hidden='true'></i>&ensp;सूर्योदय
      </div>
      <div class='fs-6 lh-lg fw-bold text-white'>Brihat</div>
      <div id='sunset' class='fs-5 fw-bold text-white'><i class='fa fa-moon-o' aria-hidden='true'></i>&ensp;सूर्यास्त
      </div>
    </div>
  </div>

  <div id="controls">
    <div id="prev_year" title="Press PageUp Key to view previous year">PG UP: PREV YEAR</div> |
    <div id="prev_month" title="Press UP Arrow Key to view previous month">&uArr;: PREV MONTH</div> |
    <div id="prev_day" title="Press LEFT Arrow Key to view previous day">&lArr;: PREV DAY</div> |
    <div id="go_to_today" title="Press ENTER to view today">&#9166;: TODAY</a></div> |
    <!-- <div id="event_list"><a href="https://events.brihatrb.com.np/index_list">LIST OF EVENTS</a></div> | -->
    <div id="next_day" title="Press RIGHT Arrow Key to view next day">&rArr;: NEXT DAY</div> |
    <div id="next_month" title="Press DOWN Arrow Key to view next month">&dArr;: NEXT MONTH</div> |
    <div id="next_year" title="Press PageDown Key to view next year">PG DN: NEXT YEAR</div>
  </div>

  <div id="mobile_controls">
    <div id="swipe_right_prev_day" title="Swipe RIGHT to view previous day">SWIPE RIGHT: PREV DAY</div> |
    <div id="click_event_list"><a href="https://events.brihatrb.com.np/index_list">LIST OF EVENTS</a></div> |
    <div id="swipe_left_next_day" title="Swipe LEFT to view next day">SWIPE LEFT: NEXT DAY</div>
  </div>

  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/brihat-rb/brihat_calendar/js/base/NS.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/brihat-rb/brihat_calendar/js/base/NS_BS.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/brihat-rb/brihat_calendar/js/base/NS_AD.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/brihat-rb/brihat_calendar/js/base/AD_BS.js"></script>
  <script type="text/javascript" src="./js/init_script.js"></script>
  <script type="text/javascript" src="./js/navigation_functions.js"></script>
  <script type="text/javascript" src="./js/daily.js"></script>
  <script type="text/javascript" src="./js/daily_keypress_actions.js"></script>
  <script type="text/javascript" src="./js/daily_swipe_actions.js"></script>
  <script>
    function hide_anim() {
      document.getElementById("loading").style.display = "none";
    }
  </script>
</body>

</html>