Minor improvements

Added more clearer instructions about module height
Switched to a more slimmer version of the logo
Minor layout changes
This commit is contained in:
Ace 2020-12-05 17:55:14 +01:00 committed by GitHub
parent 2c18e37cbe
commit 360f0935af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,15 +9,15 @@
<!-- heading -->
<h3>Inkycal-Setup v.2.0.0</h3>
<!-- Inkycal logo -->
<img class="img-fluid" src="https://raw.githubusercontent.com/aceisace/Inky-Calendar/development/Gallery/logo-banner.png" alt="Inkycal Logo">
<br><br>
<!-- project link-->
<div class="alert alert-light" role="alert">
<a href="https://github.com/aceisace/Inky-Calendar">For Inkycal Project of ace innovation laboratory - aceinnolab.com - by aceisace</a><br>
</div>
<!-- Inkycal logo -->
<img class="img-fluid" src="https://github.com/aceisace/Inky-Calendar/blob/development/Gallery/logo.png?raw=true" alt="Inkycal Logo">
<br><br>
<!-- Instructions -->
<div class="alert alert-primary" role="alert">
@ -141,7 +141,7 @@
<input type="number" class="form-control" id="info_section_height" name="info_section_height" value=30 min=0 max=100>
</div>
</div>
</div><br>
<h4> Common module settings </h4>
@ -263,11 +263,10 @@
<div class="alert alert-primary" role="alert">
Fields marked with an asterisk(*) are required <br>
<hr>
Module height is calculated by ratio (parts) e.g. <br>
module 1 = 20 parts, module 2 = 30 parts -> total of 50 parts <br>
If your display has a height of 400 px, then each part is: 400/50 = 8px <br>
Module 1 with 30 parts will have 20 * 8px = 160 px <br>
Module 2 with 50 parts will have 30 * 8px = 240 px <br>
Module height is calculated by percentage or ratio.<br>
If all heights add up to 100, then heights are calculated by percentage.<br>
To assign the same height to all modules, the same number on all heights, e.g. 1:1:1 means all three modules will have the same height <br>
You can assign a different ratio too, e.g. 1:1:3, the third module has 3x the height of the first two modules.<br>
</div>
<!-- Basic template to choose module -->