Easy Integration, Customizable Designs for Every Website
Find out more about every widget’s features and settings on their homepages
Calendar Widget by CalendarLabs
Embed code
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="//widget.calendarlabs.com/v1/calendar.php?cid=1001&ver=1.2&uid=8758893651&c=8&l=en&cbg=C3D9FF&cfg=000000&hfg=000000&hfg1=000000&ct=1&cb=1&cbc=2275FF&cf=verdana&cp=&sw=0&hp=t&ib=0&ibc=&i=" width="170" height="155" marginwidth=0 marginheight=0 frameborder=0 scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#333;">Calendar Widget by <a href="https://www.calendarlabs.com/" target="_blank" rel="nofollow" style="font-size:10px;text-decoration:none;color:#333;">CalendarLabs</a></div></div><!-------Do not change above this line------->
Calendar Widget by CalendarLabs
Embed code
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="//widget.calendarlabs.com/v1/calendar.php?cid=1002&ver=1.2&uid=8060756526&c=8&l=en&cbg=FFCCCC&cfg=003300&hfg=003300&hfg1=003300&ct=60&cb=0&cbc=003300&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=003300&i=images/fruits.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#333;">Calendar Widget by <a href="https://www.calendarlabs.com/" target="_blank" rel="nofollow" style="font-size:10px;text-decoration:none;color:#333;">CalendarLabs</a></div></div><!-------Do not change above this line------->
Embed code
<div class="icalwidg" style="font-family:'Trebuchet Ms', Arial, sans-serif;margin:20px auto; min-width: 150px; max-width: 300px; overflow: hidden; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07); border-radius: 5px; font-size:20px;"> <a title="This calendar on your site with iCalendars.net" href="https://icalendars.net" rel="nofollow" style="position: absolute;color: rgba(255,255,255,0.8);font-size: 11px;text-decoration: none;text-align: right;top: 134px;right: 2px;">iCalendars </a> <div style="width: 100%; aspect-ratio: 2; background: linear-gradient(90deg, #e53b47 0%, #e53b47 35%, #d13382 100%); font-size: 1.2em; line-height: 1.1; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #fff;"> <div style="font-weight: 600;"> <script> (function () { window.glbf = false; window.caldate = new Date(Date.now()); var a = document.getElementsByTagName('a'); var b = a.length; var c, att, tl, i, k, hrefValue; for (i = 0; i < b; i++) { c = a[i]; att = c.attributes; tl = att.length; for (k = 0; k < tl; k++) { if ("href" === att[k].name) { hrefValue = att[k].value; if (0 === hrefValue.indexOf('https://icalendars.net')) { window.glbf = true; i = b } k = tl } } } })(); (function () { if (window.glbf) { let d = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]; document.write(d[window.caldate.getDay()]); } })(); </script> </div> <div style="font-size: 2.0833em;font-weight: 900; font-family: 'Tahoma', 'Verdana', sans-serif;"> <script >(function () { if (window.glbf) { let a = window.caldate.getDate(); if (a < 10) { a = "0" + a } document.write("" + a); } })();</script> </div> <div style="font-weight: 600;"> <script> (function () { let a = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; document.write(a[window.caldate.getMonth()] + ' ' + window.caldate.getFullYear()) })(); </script> </div> </div> <div style=" margin: 0.7em 0 0.75em; display: grid; grid-template-columns: 1fr 7px 1fr; grid-column-gap: 0.3em; grid-row-gap: 0.4em; text-align: center; position: relative; font-size: 0.7em;"> <div style="text-align: right;"> Week <script> (function () { if (window.glbf) { Date.prototype.getWeek = function () { var e = new Date(this.valueOf()); var t = (this.getDay() + 6) % 7; e.setDate(e.getDate() - t + 3); var n = e.valueOf(); e.setMonth(0, 1); if (e.getDay() !== 4) { e.setMonth(0, 1 + (4 - e.getDay() + 7) % 7) } return 1 + Math.ceil((n - e) / 6048e5) }; document.write((new Date()).getWeek()) } })(); </script> </div> <div style="font-weight: 800; font-size: 1.1em; text-align: center; line-height: 1.3em;">• </div> <div style="text-align: left;"> <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(6A(){c f={"1":{"1":"6z","2":"6y","3":"6x","4":"6w","5":"6v","6":"6u","7":"6t","8":"6s","9":"6r","10":"6q","11":"6p","12":"6o","13":"6n","14":"6m","15":"6l","16":"6k","17":"6j","18":"6i","19":"6h","20":"6g","21":"6f","22":"6e","23":"6d","24":"6c","25":"6b","26":"6a","27":"69","28":"68","29":"67","30":"66","31":"65"},"2":{"1":"64","2":"63","3":"62","4":"61","5":"60","6":"5Z","7":"5Y","8":"5X","9":"5W","10":"5V","11":"5U","12":"5T","13":"5S","14":"5R","15":"5Q","16":"5P","17":"5O","18":"5N","19":"5M","20":"5L","21":"5K","22":"5J","23":"5I","24":"5H","25":"5G","26":"5F","27":"5E","28":"5D","29":"5C"},"3":{"1":"5B","2":"5A","3":"5z","4":"5y","5":"5x","6":"5w","7":"5v","8":"5u","9":"5t","10":"5s","11":"5r","12":"5q","13":"5p","14":"5o","15":"5n","16":"5m","17":"5l","18":"5k","19":"5j","20":"5i","21":"5h","22":"5g","23":"5f","24":"5e","25":"5d","26":"5c","27":"5b","28":"5a","29":"59","30":"58","31":"57"},"4":{"1":"56","2":"55","3":"54","4":"53","5":"52","6":"51","7":"50","8":"4Z","9":"4Y","10":"4X","11":"4W","12":"4V","13":"4U","14":"4T","15":"4S","16":"4R","17":"4Q","18":"4P","19":"4O","20":"4N","21":"4M","22":"4L","23":"4K","24":"4J","25":"4I","26":"4H","27":"4G","28":"4F","29":"4E","30":"4D"},"5":{"1":"4C","2":"4B","3":"4A","4":"4z","5":"4y","6":"4x","7":"4w","8":"4v","9":"4u","10":"4t","11":"4s","12":"4r","13":"4q","14":"4p","15":"4o","16":"4n","17":"4m","18":"4l","19":"4k","20":"4j","21":"4i","22":"4h","23":"4g","24":"4f","25":"4e","26":"4d","27":"4c","28":"4b","29":"4a","30":"49","31":"48"},"6":{"1":"47","2":"46","3":"45","4":"44","5":"43","6":"42","7":"41","8":"40","9":"3Z","10":"3Y","11":"3X","12":"3W","13":"3V","14":"3U","15":"3T","16":"3S","17":"3R","18":"3Q","19":"3P","20":"3O","21":"3N","22":"3M","23":"3L","24":"3K","25":"3J","26":"3I","27":"3H","28":"3G","29":"3F","30":"3E"},"7":{"1":"3D","2":"3C","3":"3B","4":"3A","5":"3z","6":"3y","7":"3x","8":"3w","9":"3v","10":"3u","11":"3t","12":"3s","13":"3r","14":"3q","15":"3p","16":"3o","17":"3n","18":"3m","19":"3l","20":"3k","21":"3j","22":"3i","23":"3h","24":"3g","25":"3f","26":"3e","27":"3d","28":"3c","29":"3b","30":"3a","31":"39"},"8":{"1":"38","2":"37","3":"36","4":"35","5":"34","6":"33","7":"32","8":"2Z","9":"2Y","10":"2X","11":"2W","12":"2V","13":"2U","14":"2T","15":"2S","16":"2R","17":"2Q","18":"2P","19":"2O","20":"2N","21":"2M","22":"2L","23":"2K","24":"2J","25":"2I","26":"2H","27":"2G","28":"2F","29":"2E","30":"2D","31":"2C"},"9":{"1":"2B","2":"2A","3":"2z","4":"2y","5":"2x","6":"2w","7":"2v","8":"2u","9":"2t","10":"2s","11":"2r","12":"2q","13":"2p","14":"2o","15":"2n","16":"2m","17":"2l","18":"2k","19":"2j","20":"2i","21":"2h","22":"2g","23":"2f","24":"2e","25":"2d","26":"2c","27":"2b","28":"2a","29":"1Z","30":"1Y"},"10":{"1":"1X","2":"1W","3":"1V","4":"1U","5":"1T","6":"1S","7":"1R","8":"1Q","9":"1P","10":"1O","11":"1N","12":"1M","13":"1L","14":"1K","15":"1J","16":"1I","17":"1H","18":"1G","19":"1F","20":"1E","21":"1D","22":"1C","23":"1B","24":"1A","25":"1z","26":"1y","27":"1x","28":"1w","29":"1v","30":"1u","31":"1t"},"11":{"1":"1s","2":"1r","3":"1q","4":"1p","5":"1o","6":"1n","7":"1m","8":"1l","9":"1k","10":"1j","11":"1i","12":"1h","13":"1g","14":"1f","15":"1e","16":"1d","17":"1c","18":"1b","19":"1a","20":"Z","21":"Y","22":"X","23":"W","24":"V","25":"U","26":"T","27":"S","28":"R","29":"Q","30":"P"},"12":{"1":"O","2":"N","3":"M","4":"L","5":"K","6":"J","7":"I","8":"H","9":"G","10":"F","11":"E","12":"D","13":"C","14":"B","15":"A","16":"z","17":"y","18":"x","19":"w","20":"v","21":"u","22":"t","23":"s","24":"r","25":"q","26":"p","27":"o","28":"n","29":"m","30":"l","31":"k"}};j(0.i){c a=f[0.b.h()+1][0.b.g()];e.d(a)}})();',62,409,'window||||||||||tod|caldate|var|write|document||getDate|getMonth|glbf|if|Sylvester|Kelsey|David|Woody|Alvin|Steve|Holly|Adam|Hartman|Tristan|Vance|Roxanne|Darius|Russell|Lazarus|Adele|Mirella|Boyden|Cindy|Fiona|Arthur|Emily|Kirk|Spencer|Jasmine|Nicolas|Wallace|Barbie|Malcolm|Taylor|Eli|Andreas|Dahlia|Nolan|Pharrell|Mallory|Caitlyn|Zackary|Clemence|Abigail|Kayden|Edmond|||||||||||Elizabeth|Odelia|Hildy|Chase|Leopold|Cristal|Bruce|Kyle|Chandler|Justin|Sullivan|Geoffrey|Graham|Mackenzie|Swain|Carroll|Winnie|Tobias|Summer|Flynn|Xena|Garrison|Simon|Theodore|Maddock|Denzel|Raphael|Josie|Delia|Ursula|Hogan|Cleo|Luke|Bradley|Noah|Terrence|Dwight|Eddie|Christopher|Kimberley|Daniel|Dennis|Stuart|Miranda|Bronson|Chester|Frank|Kelvin|Forest|Rhea|Jerome|Michael|||||||||||Preston|Damian|Renee|Barry|Scott|Lynn|Morris|Mira|Haylee|Morgan|Clint|Lambert|Cornelia|Keisha|Dolores|Orlando|Guy|Glenn|Arnold|Jade|Adrien|Regina|Bertram|Burt|Rebecca|Phoebe|Brooke|Debra|Ayden|Rose|Sabrina|Austin|Sheryl|Trevis|Lenny|Owen|Gina|Heather|Jane|Rey|Sally|Ellen|Jacinda|Craig|Maria|Tara|Radford|Claire|Leila|Laurence|Felim|Victoria|||Claudia|Lucy|Naomi|Barack|Lyle|Alfonso|Faith|Reed|Henry|Beatrice|Lysander|Lily|Anita|Jack|Christina|Roman|Magda|Westley|Elliot|Wayne|Freddy|Codie|Carmen|Donald|Cameron|Natalie|Oscar|Oliver|Manuel|Junior|Easton|Randall|Jamaal|Grace|Calvin|Lindsay|Penelope|Aaron|Leanna|Emmett|Daria|Skyler|Harlan|William|Ian|Shania|Albion|Winston|Earl|Jarvis|Marina|Harvey|Aurel|Allison|Basil|Ivy|Mohamed|Barnett|Maggie|Cole|Kane|Whitney|Dante|Sancho|Homer|Kevin|Elma|Marilyn|Camilia|Joanna|Dwayne|Bevis|Brody|Philip|Marlene|Chelsea|Desire|Joleen|Keaton|Bennett|Duncan|Eric|Turner|Brandon|Sonia|Ashley|Peyton|Kellen|Irving|Gordon|Casandra|Harold|Dexter|Mya|Jody|Monica|Troy|Zoe|May|Miles|Hugh|Valerian|Samantha|Clarence|Marc|Wilfred|Brian|Kaylee|Selma|Ramsey|Garrett|Anthea|Hardy|Melvin|Tucker|Hudson|Thomas|Destiny|Ariel|Tori|Courtney|Gillian|Armand|Celestine|Irene|Cedric|Richard|Garnet|April|Amos|Adonis|Pearl|Gwen|Monty|Hunter|Tina|Gabriel|Pamela|Lee|Benedict|Dylan|Donovan|Sybil|Patrick|Bailey|Louise|Matilda|Rodney|Greg|Connie|Lesly|Kelly|Humfrey|Dewey|Carlton|Kerry|Humbert|Alex|Chad|Seth|Oswald|Macy|Leandra|Levi|Weldon|Mattias|Riley|Isabel|Douglas|Sidney|Conrad|Bentley|Jordan|Sonny|Susan|Valentina|Darcy|Abraham|Alvaro|Meredith|Carson|Clive|Beverly|Dorothy|Agatha|Gilbert|Baxter|Alita|Clark|Scarlett|Franklin|Sheldon|Charlene|Keith|Connor|Gwayne|Timothy|Rachel|Vincent|Ethan|Sebastian|Robert|Fraser|Anthony|Priscilla|Martin|Hilary|Veronica|Alan|Nora|Darby|Mindy|Elvis|Miller|Tiffany|Ladd|Angel|Jennifer|Abel|Paul|function'.split('|'),0,{}))
</script> </div> <div style="grid-column: 1/span 3;"> <span class="mphabg" style="display: inline-block; width: 18px; height:18px; background-position: 0 0; vertical-align: middle; margin-top: -2px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAkBAMAAADbS/oRAAAAMFBMVEUAAAA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1STLyxAAAAEHRSTlMAd+7/iCJmzKozVZkRu0TdLxRlLgAAAu1JREFUeAHs0wFklHEcxvHnZXe3297WuzITVLwCJt2ebbfbai4hBGcDQGMAEKUYMQoIZkFAZwHAZQFgXBRBWSRBGoDYjCRJ97+353+/n6AE0Bf4fW6397md4X9/1nhOXm79s5QnyflTsCUnyJmJv5TqPYbqbS+dcS+chZMdLsLJ80ungfKZQwx6tDiBcs51L0d0Mj+xRic7LKpvOqlj5I6TWcBLE1aSmV2EPv+AelkDgIfke8mrIEf0kpBWHlMteMmQOJkFnNQBI+k7Ldtu6o/4NUzsP69t5YhOwmIjYxyUOZkCtiQaFCUnlwAj1zv4VekuivazYmpO1qJokJG9cEs0TyQprtKhkTBIskXyAJBE7/diA6HqEoqu6LNW56BBRkoMSUo5TW0r9fBgiQZJ9H5JpYNYeguh5VUMPvNCXzINspIwJDlG2zknLWBEokGFDId7ExjIVZiWPwLAW50VktMtAB+gQVYqDEnWaFt0kgF4INGgKNPhkJQaMCUHAMrfdQ6xV6cnU3GQlW44JHpRtSR6fSWKBknmwyEZ7cD2BcDxVV3l4t0S/T7Jk3BIxuhrWrkBYDiKBklq4ZB0N2GbBLANVWWvGeDTrhskORkOyRB9ZwvRAYxE0SDJXDgkk3B1W8AzqJTFN3wNbpBkJxySCn0NKxcBpFE0SLIUDsl9uCqrwDfE8uJ/YN0PkuyRjNKlbyGKFqxLNEjSABDlNlyjTaT6cS1opw1zGrlJUoIV+mpRtOBNX3RKdErOw5VsoHoBRXpkJtGgIDol2P9tkERfytO+aIFEp6QBV/IaY2bQz10GW8aH4SC+we+gQRdlgy5R0zLba2Fk+18Y2f4Xeranb8G4G6Ng3I1WMNK56liEUXUsQqs6Bl3lOuiaH2Q30HiJaaCVkN5AG2xNWAoa+ZPxNvIvgCk+WMEgTGwjf7B1gwZpR5GBB6MrzYPRleYhpSv9i8yuNNUHG0IoH2ygfDhmI8pwjDywuJSjYDiGMBgFANAmaH32mB1ZAAAAAElFTkSuQmCC); background-size: 144px;"></span> <script type="text/javascript"> function moon_day(e) { var t = function (e) { return e - Math.floor(e) }; var n = e.getJulian(); var r = e.getFullYear(); var i = 3.14159265 / 180; var s, o, u, a, f, l, c, h, p, d; s = Math.floor((r - 1900) * 12.3685); o = (r - 1899.5) / 100; u = o * o; a = o * o * o; f = 2415020 + 29 * s; l = 1178e-7 * u - 1.55e-7 * a + (.75933 + .53058868 * s) - (837e-6 * o + 335e-6 * u); c = 360 * t(s * .08084821133) + 359.2242 - 333e-7 * u - 347e-8 * a; h = 360 * t(s * .07171366128) + 306.0253 + .0107306 * u + 1236e-8 * a; p = 360 * t(s * .08519585128) + 21.2964 - .0016528 * u - 239e-8 * a; var v = 0; var m = 0; while (m < n) { var g = l + 1.530588 * v; var y = (c + v * 29.10535608) * i; var b = (h + v * 385.81691806) * i; var w = (p + v * 390.67050646) * i; g -= .4068 * Math.sin(b) + (.1734 - 393e-6 * o) * Math.sin(y); g += .0161 * Math.sin(2 * b) + .0104 * Math.sin(2 * w); g -= .0074 * Math.sin(y - b) - .0051 * Math.sin(y + b); g += .0021 * Math.sin(2 * y) + .001 * Math.sin(2 * w - b); g += .5 / 1440; d = m; m = f + 28 * v + Math.floor(g); v++ } return (n - d) / 29.53059 } Date.prototype.getJulian = function () { return this / 864e5 - this.getTimezoneOffset() / 1440 + 2440587.5 }; var today = new Date; var names = ["New Moon", "Waxing Crescent", "First Quarter", "Waxing Gibbous", "Full Moon", "Waning Gibbous", "Third quarter", "Waning crescent", "New Moon"]; var bgpos = [0, -18, -36, -54, -72, -90, -108, -126, 0]; var moonphIndex = Math.floor((moon_day(today) + .0625) * 8); document.querySelectorAll('.icalwidg .mphabg').forEach((mp) => { mp.style.backgroundPosition = bgpos[moonphIndex] + "px 0"; }); document.write(names[moonphIndex]) </script> </div> <script> window.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('.icalwidg').forEach(function (widgetDiv) { let widthUsed = widgetDiv.clientWidth; if (widthUsed === 0) { widthUsed = 300; } else if(widthUsed < 150) { widthUsed = 150; } widgetDiv.style.fontSize = (widthUsed / 15) + "px"; }); }); </script> </div></div>