Puede que te interese el widget la luna de hoy en tu web

Fases de la luna API (con imágenes svg)

Function load_moon_phases

Usa esta función junto con el codigo de los ejemplos que desees. Investiga despues si quieres.
Esta función (AJAX) obtiene el objeto 'moon' y lo envia a la función 'callback' definida por el usuario.

Las preferencias de salida se pasan a la función load_moon_phases con un objeto.

En verde se marcan los valores que se aceptan.
var configMoon = { lang : 'en', // (*) month : new Date().getMonth() + 1, // 1 - 12 year : new Date().getFullYear(), // year size : 100, // "100%" - pixels lightColor : "#FFFF88", //CSS color shadeColor : "black", // CSS color texturize : false, // true - false }
(*) Idiomas de salida disponibles del API: en English ; es Español ; fr Française ; zh 中国 ; ru русский ; ca Català ; it Italiano ; pt Português ; de Deutsch ; pl Polski ;

Ejemplo 1 - La Luna hoy.

Ejemplo 2 - Fases máximas del mes

Ver (editar) el ejemplo en Codepen.

Ejemplo 3 - La Luna de todo el mes.

Ver (editar) el ejemplo en Codepen.

Ejemplo 4 - Marcar las fases lunares en tu calendario como imagen de fondo (background-image).

Ver (editar) el ejemplo en Codepen.
Aviso: Puedes manipular lo que quieras excepto el link al calendario lunar del mes.