@Neoxenos I love your effort YES! And the calculations you do are useful. Maybe you could add some other ones, too, like calculating voltage loss over a cable which is needed when buying the (expensive!) cables for these lovely systems based on rechargeable batteries (*details below, you can search it). Add a full set of calculations, maybe divided in categories.
What others say is correct. I could suggest you to make a plan, a design, of what your site should contain -all of the contents. Then organize a top menu and a footer and show contents in the middle. All of the calculators (make a nice list of them) could, for e.g., be in a menu all by themselves.
But I could suggest you a few things (I had a team of webdesigners for 3 years which made nearly 30 websites for the TOP fashion stylist in the world... yes, you can name them LOL and I learnt so much from that experience, both about layouts and CSS and of the design world!):
- For now don't worry about minifying your html/css/js!
- You must have a look at some modern layouts, good ones, very clean ones. And do some test for your new attractive layout, simple, clean and functional.
- Choose a set of colors, for background (I must like it not you LOL), text, borders, alerts, menus, selected stuff and so on (a few colours, but good ones with the correct contrast -no blue on yellow!). Colour set will be used in a consistent way in all pages.
- Use multiple pages; one for the home and the presentation; one for "about us" (will be the last entry on the right side of the top menu).
- Write/Draw down your navigation schema: all the pages, all the links in the page; I click here and this comes up; click there and this page comes up, etc.
- Make the full navigation skeleton first, then fill the pages.
- Don't publish incomplete pages nor "in construction", just give the user what's available.
- Important stuff must be in the visible part of the screen (the top!).
And last but not least: keep everything simple, from DOM to CSS to JS... and layout!
Please updates us!
jes
*Voltage drop based on cable length/materials/amps
First: calculate resistance for the cable having length L, cable section S, cable material resistivity;
formula is R=K*L/S, for copper resistance K is 0.02ohm/meter, so for my 10mt copper cable with 6mm2 section I will have
R=0.02*10/6=0.033ohm
Now I can calculate something even better, the voltage drop, should remain under 4%, the lower the better;
formula is well known V=I*R (LOL), I will carry 29.2amperes on the cable (three solar panels on a 6mm2 cable), so I will have
V=29.2*0.033=0.96V voltage drop on a 10mt cable.
I will maybe use a bigger cable to reduce voltage drop!
P.S. don't take what I say for correct, check everything out yourself!