index.html better documentation

This commit is contained in:
Gerome Matilla 2020-06-09 18:43:44 +08:00
parent ff65622eb7
commit 60ebe8c57a

View File

@ -42,7 +42,20 @@
<div class='dockContainer'>
<div class='bar' id='dock'>
<!-- Javascript will generate a list here -->
<!-- Below is the structure of a DIV of a function button that will be generated in js/dock-buttons.js -->
<!--
<div id='buttonbuttonLaunch' class='dockButton'>
<div id='buttonImageLaunch' class='dockButtonImage'></div>
</div>
-->
<!-- Below is the structure of a DIV of a website button that will be generated in js/dock-buttons.js -->
<!--
<a class='dockLink' href='https://example.com/' tabindex='-1'>
<div id='buttonReddit' class='dockButton'>
<div id='buttonImage0' class='dockButtonImage'></div>
</div>
</a>
-->
</div>
</div>
@ -55,19 +68,12 @@
<input type='text' id='searchBox' autocomplete='off' autofocus='off' placeholder=' Search with HiddenWiki'/>
<div id='suggestionsContainer'>
<ul id='suggestions'>
<!-- Below is the structure of an LI that will be generated in js/auto-suggestion.js -->
<!--
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 1</button>
<button type='button' class='phraseButton'>Suggestion1</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 2</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 3</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 4</button>
</li>
<!-- The list above will be deleted and will be replaced by a list generated by javascript -->
-->
</ul>
</div>
@ -206,9 +212,22 @@
</div>
</div>
<div class='weatherForecast' id='forecastContainer'>
<!-- Javascript will generate a list here -->
<!-- Below is the structure of a DIV that will be generated in js/weather-screen.js -->
<!--
<div class='weatherForecastDay'>
<div class='weatherForecastDayIconContainer'>
<div class='weatherForecastDayIcon'></div>
</div>
<div class='weatherForecastDayDetails'>
<div class='weatherForecastDayDetailsTemperature'></div>
<div class='weatherForecastDayDetailsDescription'></div>
</div>
<div class='weatherForecastDayDate'>
<div class='weatherForecastDayDateHour'></div>
<div class='weatherForecastDayDateDate'></div>
</div>
</div>
-->
</div>
</div>
</div>
@ -223,9 +242,24 @@
<div id='webMenuListContainer'>
<ul id='webMenuList'>
<!-- Javascript will generate a list here -->
<!-- Below is the structure of an LI that will be generated in js/web-menu.js -->
<!--
<li>
<a href='https://example.com'>
<div class='webItem'>
<div class='webItemContainer'>
<div class='webItemBody'>
<div class='webItemIconContainer'>
<div class='webItemIcon'></div>
</div>
<div class='webItemName'></div>
</div>
</div>
</div>
</a>
</li>
-->
</ul>
</div>
</div>
</div>