About,
An informative website about a trustworthy opportunty to create a passive income.
This md file,
Here I will focus just on the html, javascript and css that is used.
html,
It is a simple and responsive layout that is feeded with js templates.
css,
This is vanilla css and there aren't any frameworks involved.
javascript,
This is vanilla js and there aren't any frameworks involved.
svg
the icons, bg images are made with svg.
structure
README.md
index.html
- assets
- graphics
- icons
- images
- scripts
- index.js
- factory
- js files
- modules
- callbacks
- js files
- templates
- js files
- views
- js files
- htmlManager
- js files
- callbacks
- styles
- index.css
- modules
- css files
- graphics
It is a fast and stable website.
I have built it from the ground up myself.
It has a modular approach, no globals and built with reusable js functions.
In future I want to add a database, rest api, a contact form to it and enhance it more...
About the topic, you're welcome. There is a lot in it!
At last a little snippet here and it makes that the body allways fit within the viewport.
const vp_handler = ()=>{
const vp_height = elems.vp.height;
const vp_width = elems.vp.width;
return ()=>{
elems.body.style.height = `${vp_height}px`;
elems.body.style.width = `${vp_width}px`;
};
};
vp_handler()();
window.visualViewport.addEventListener('resize',()=>{
vp_handler()();
});