You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.5 KiB
Markdown
58 lines
1.5 KiB
Markdown
# web advent calendar
|
|
|
|
A dynamic php based advent calendar which can be easily configured via a json-config file
|
|
|
|
![image](/attachments/22fe9e10-d5c9-4229-81e0-9b0e52e5396b)
|
|
|
|
|
|
## 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:
|
|
|
|
```json
|
|
...
|
|
"config": {
|
|
"calendarWidth": "472",
|
|
"calendarHeight": "827",
|
|
"useModal": "true",
|
|
"showExtras": "true",
|
|
"enableSnow": "true"
|
|
},
|
|
...
|
|
```
|
|
|
|
Modify entries for the individual days
|
|
```json
|
|
...
|
|
"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. |