Code to paste on your website
Create function 'moon_widget_loaded' for the Moon throughout the month.
Example:
<div id="ex_moon_1" style="text-align:center"><!-- row 1 --></div>
<div id="ex_moon_2" style="text-align:center"><!-- row 2 --></div>
<script>
function moon_widget_loaded(moon){
/* row 1 */
var html='<div>'+moon.nameMonth[moon.month]+' '+moon.year+'</div>'
for (i=1;i<=moon.daysMonth;i++){
if (moon.phase[i].isPhaseLimit){
html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">'
html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i
html+='<div>'+moon.phase[i].svg+'</div>'
html+="<div>"+moon.phase[i].phaseName + "</div>"
html+="</div>"
}
}
document.getElementById("ex_moon_1").innerHTML=html
/* row 2 */
html="";
var days =[1,15,moon.daysMonth]
for (day in days){
i=days[day]
html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">'
html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i
html+='<div>'+moon.phase[i].svg+'</div>'
html+="<div>"+moon.phase[i].phaseName + "</div>"
if (!moon.phase[i].isPhaseLimit)html+=Math.round(moon.phase[i].lighting)+"%"
html+="</div>"
}
document.getElementById("ex_moon_2").innerHTML=html
}
</script>