61 lines
1.7 KiB
Markdown
61 lines
1.7 KiB
Markdown
**UPDATE:** New version of DCD!
|
|
So... This is really insecure. Everyone can look at your .js file and steal all IDs.
|
|
New version of DCD is available [here](https://github.com/sadorowo/dynamic-content-delivery).
|
|
|
|
## Dynamic Content Delivery
|
|
|
|
A static website that returns appropriate content to the website user based on the provided ID.
|
|
|
|
### ATTENTION!
|
|
This site is not secure at all! If you want to store private information, do not use this repository, because anyone can access **all available IDs**! This is mainly a hobby project.
|
|
|
|
## Which files am I allowed to edit?
|
|
- [template section of index.html](index.html)
|
|
- all files in `data` directory:
|
|
- [data-source.js](data/data-source.js)
|
|
- [custom-style.css](data/custom-style.css)
|
|
|
|
## How to use
|
|
Firstly, create template for your webpage. Go to [index.html](index.html) and edit code **only between these lines**:
|
|
```html
|
|
<!-- TEMPLATE BEGINS -->
|
|
|
|
<!-- TEMPLATE ENDS -->
|
|
```
|
|
This is the **template section** of the HTML file.
|
|
|
|
Example:
|
|
```html
|
|
<!-- TEMPLATE BEGINS -->
|
|
<p id="name">Hi!</p>
|
|
<!-- TEMPLATE ENDS -->
|
|
```
|
|
|
|
Then, using your template, modify your data in [data-source.js](data/data-source.js).
|
|
How to do this?
|
|
|
|
1. This is base template of the `DATA` object:
|
|
```js
|
|
"<id>": {
|
|
"<selector 1>": () => { ... },
|
|
"<selector 2>": () => { ... },
|
|
...
|
|
}
|
|
```
|
|
2. View example [here](data/data-source.example.js).
|
|
|
|
Example based on HTML provided above:
|
|
```js
|
|
const DATA = {
|
|
"example-id": {
|
|
"#name": (element) => {
|
|
element.textContent = "Hi, Lisa! Your ID is example-id."
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
## Custom styles
|
|
This website supports custom CSS. Just edit [this](data/custom-style.css) file.
|
|
If provided style doesn't work, try adding `!important` to the end of CSS rule.
|