Apption - Embed Notion The moon today Widget

The moon today

76.1K

Display full featured live lunar. Moon figure, Lunar Date, Customizable Color.

Try in your page ! (demo)

paste the url into your Notion page's /embed block.

Quick Tutorial

live demo visit website

1. Visit the website and create your Airtable. 2. Customize your Embed and copy the Embed code.

3. Generate Notion Embedable URL with your Embed code from Step 2. 4. Paste the URL into your Notion page's Embed block.

13 comments

nin

doesnt work!! followed all instructions

almost 3 years ago

Sel

it doesn't work for me :( gives an error

almost 3 years ago

Dorothy

how do we change it so that it matches the light notion background?

almost 3 years ago

where do we post code so it matches a custom background

about 3 years ago

Sustosss xd

how do we change the date?

about 3 years ago

MINA

the moon today<3

(function(){var d=new Date().getDate();var m=document.querySelectorAll("#contain_moon div");var a=new XMLHttpRequest();var url="https://www.icalendar37.net/lunar/api/?lang=en&month="+(new Date().getMonth()+1)+"&year="+(new Date().getFullYear())+"&size=100&lightColor=rgb(245,245,245)&shadeColor=rgb(75,80,104)&t&LDZ="+new Date(new Date().getFullYear(),new Date().getMonth(),1)/1000+"";m[1].style.height="100px";a.onreadystatechange=function(){if(a.readyState==4&&a.status==200){var b=JSON.parse(a.responseText);m[1].innerHTML=b.phase[d].svg;if(typeof moon_widget_loaded=="function")moon_widget_loaded(b);m[2].innerHTML=b.phase[d].npWidget;m[3].innerHTML="next full moon<br>"+b.nextFullMoon}};a.open("GET",url,true);a.send()})()

over 3 years ago