Making table of contents look better

main
TitanElectrons 1 year ago
parent 7c5043a4ea
commit bbb2119c92

@ -26,8 +26,9 @@
<li> <li>
<ul class="pane" style="list-style-type: none;"> <ul class="pane" style="list-style-type: none;">
<li>Basic</li> <li>Basic</li>
<li>.....</li>
<li> <li>
<ul class="pane" style="list-style-type:none;"> <ul class="pane" style="list-style-type:none;padding:0;margin:0;">
<li><a style="color:#ff79c6" href="#os"><i class="fa fa-linux" aria-hidden="true"></i>Operating System (Linux Distribution)</a></li> <li><a style="color:#ff79c6" href="#os"><i class="fa fa-linux" aria-hidden="true"></i>Operating System (Linux Distribution)</a></li>
<li><a style="color:#ff79c6" href="#wm"><i class="fa fa-window-maximize" aria-hidden="true"></i>Window Manager</a></li> <li><a style="color:#ff79c6" href="#wm"><i class="fa fa-window-maximize" aria-hidden="true"></i>Window Manager</a></li>
<li><a style="color:#ff79c6" href="#terminal"><i class="fa fa-terminal" aria-hidden="true"></i>Terminal Emulator</a></li> <li><a style="color:#ff79c6" href="#terminal"><i class="fa fa-terminal" aria-hidden="true"></i>Terminal Emulator</a></li>
@ -36,21 +37,26 @@
<li><a style="color:#ff79c6" href="#web"><i class="fa fa-firefox" aria-hidden="true"></i>Web Browser</a></li> <li><a style="color:#ff79c6" href="#web"><i class="fa fa-firefox" aria-hidden="true"></i>Web Browser</a></li>
<li><a style="color:#ff79c6" href="#password"><i class="fa fa-key" aria-hidden="true"></i>Password Manager</a></li> <li><a style="color:#ff79c6" href="#password"><i class="fa fa-key" aria-hidden="true"></i>Password Manager</a></li>
<li><a style="color:#ff79c6" href="#notes"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes</a></li> <li><a style="color:#ff79c6" href="#notes"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes</a></li>
<li>.........</li>
</ul> </ul>
</li> </li>
<li>Utilities</li> <li>Utilities</li>
<ul class="pane" style="list-style-type:none;"> <li>.........</li>
<ul class="pane" style="list-style-type:none;padding:0;margin:0;">
<li><a style="color:#ff79c6" href="#files"><i class="fa fa-folder" aria-hidden="true"></i>File Manager</a></li> <li><a style="color:#ff79c6" href="#files"><i class="fa fa-folder" aria-hidden="true"></i>File Manager</a></li>
<li><a style="color:#ff79c6" href="#media"><i class="fa fa-video-camera" aria-hidden="true"></i>Media Player</a></li> <li><a style="color:#ff79c6" href="#media"><i class="fa fa-video-camera" aria-hidden="true"></i>Media Player</a></li>
<li><a style="color:#ff79c6" href="#rss"><i class="fa fa-rss" aria-hidden="true"></i>RSS Reader</a></li> <li><a style="color:#ff79c6" href="#rss"><i class="fa fa-rss" aria-hidden="true"></i>RSS Reader</a></li>
<li><a style="color:#ff79c6" href="#pdf"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>PDF Viewer</a></li> <li><a style="color:#ff79c6" href="#pdf"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>PDF Viewer</a></li>
<li><a style="color:#ff79c6" href="#image"><i class="fa fa-file-image-o" aria-hidden="true"></i>Image Viewer</a></li> <li><a style="color:#ff79c6" href="#image"><i class="fa fa-file-image-o" aria-hidden="true"></i>Image Viewer</a></li>
<li>...........</li>
</ul> </ul>
<li>Production</li> <li>Production</li>
<ul class="pane" style="list-style-type:none;"> <li>..........</li>
<ul class="pane" style="list-style-type:none;margin:0;padding:0">
<li><a style="color:#ff79c6" href="#rec"><i class="fa fa-desktop" aria-hidden="true"></i>Recording and Streaming</a></li> <li><a style="color:#ff79c6" href="#rec"><i class="fa fa-desktop" aria-hidden="true"></i>Recording and Streaming</a></li>
<li><a style="color:#ff79c6" href="#writing"><i class="fa fa-pencil" aria-hidden="true"></i>Writing</a></li> <li><a style="color:#ff79c6" href="#writing"><i class="fa fa-pencil" aria-hidden="true"></i>Writing</a></li>
<li><a style="color:#ff79c6" href="#image-editing"><i class="fa fa-picture-o" aria-hidden="true"></i>Image Editing</a></li> <li><a style="color:#ff79c6" href="#image-editing"><i class="fa fa-picture-o" aria-hidden="true"></i>Image Editing</a></li>
<li>...........</li>
</ul> </ul>
</ul> </ul>
</li> </li>

Loading…
Cancel
Save