A dynamic php based advent calendar which can be easily configured via a json-config file
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Michael Reber a2171f6597 Fix some documentation errors 6 months ago
_gifts adding screenshot and gitignore file 6 months ago
css Fix snow effect 6 months ago
fonts Initail commit 6 months ago
images Initail commit 6 months ago
README.md Fix some documentation errors 6 months ago
adventCalendar.php implement snow canvas effect 6 months ago
calendar_dev.json Fix snow effect 6 months ago
calendar_prod.json Fix snow effect 6 months ago
favicon.ico Initail commit 6 months ago
index.php Fix snow effect 6 months ago

README.md

web advent calendar

A dynamic php based advent calendar which can be easily configured via a json-config file

image

Configuration

There are two different and identical configuration files. One is the "calendar_prod.json" which is loaded by default and the other is the "calendar_dev.json" which is only loaded in development mode

Enable development-mode:

Add the following switch at the end of the URL of the web application to activate the deverlopmend mode

/index.php?dev=1

The application now reads the config file "calendar_dev.json" and unlocks all doors because the values unlockDate in this file are in the past.

Configuration parameter

Set configuration parameters for the calendar:

...
"config": {
    "calendarWidth": "472",
    "calendarHeight": "827",
    "useModal": "true",
    "showExtras": "true",
    "enableSnow": "true"
  },
...

Modify entries for the individual days

...
"entries": [
    {
      "unlockDate": "2020-12-19",
      "doorWidth": "118",
      "doorHeight": "118",
      "positionTop": "0",
      "positionLeft": "0",
      "doorImageLeft": "images/19.png",
      "backgroundImage": "images/background1x1.png",
      "url": "adv19"
    },
    ...
]
...

Browser support

Unfortunately, older versions of Internet Explorer do not support CSS3 that well. The example calendar uses a fallback where the calendar doors are just hidden on hover.