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
• all files in data directory:
  • data-source.js
  • custom-style.css

How to use

Firstly, create template for your webpage. Go to index.html and edit code only between these lines:

<!-- TEMPLATE BEGINS -->
 
<!-- TEMPLATE ENDS -->

This is the template directory of the HTML file.

Example:

<!-- TEMPLATE BEGINS -->
<p id="name">Hi!</p>           
<!-- TEMPLATE ENDS -->

Then, using your template, modify your data in data-source.js. How to do this?

1. This is base template of the DATA object:

"<id>": {
    "<selector 1>": () => { ... },
    "<selector 2>": () => { ... },
    ...
}

2. View example here.

Example based on HTML provided above:

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 file. If provided style doesn't work, try adding !important to the end of CSS rule.