Introducing nutty’s clock widget

It’s a clock. I don’t know what else you want me to tell you.

How To Install

1. Simply add a new browser source in OBS Studio

   1. Right click and Add > Browser

      

   2. Paste in the URL **https://nuttylmao.github.io/clock-widget**

      

   3. (Optional) The date format can be customized by adding ?dateFormat= to the URL.

      Below are some examples:

      Example	?dateFormat=	URL
      Sun 10 Nov 2024 06:44:03 AM	ddd DD MMM yyyy hh:mm:ss A	Click Here
      11/10/2024 06:44 AM	MM/DD/yy hh:mm A	Click Here
      2024-10-11 06:44	yyyy-DD-MM HH:mm	Click Here
      10th of November 2024	Do [of] MMMM yyyy	Click Here

      <aside> ℹ️

      For more formatting options, refer to **https://momentjs.com/docs/#/displaying/**

      </aside>

   <aside> ✅

   Congratulations! You have now successfully installed nutty’s clock widget!

   </aside>

Custom CSS Template (Optional)

body {
	background-color: rgba(0, 0, 0, 0);
	margin: 0px auto;
	overflow: hidden;
}

#timeLabel {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

#mainContainer {
	text-align: center;
}