add table of contents button
This commit is contained in:
parent
55c090ada6
commit
dd8c404cae
4 changed files with 145 additions and 3 deletions
30
index.html
30
index.html
|
|
@ -44,6 +44,36 @@
|
|||
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
||||
</div>
|
||||
|
||||
<!-- dedicated table of contents button -->
|
||||
<div class="toc">
|
||||
<button onclick="tocDropdown()" class="toc-button" alt="Table of Contents" title="Table of Contents"><i style="pointer-events:none;" class="ph-bold ph-list-bullets"></i></button>
|
||||
<div id="toc-dropdown" class="toc-content">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#sneexy">hey, i'm ruben!</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about-me">about me</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#socials-and-contacts">socials n' contacts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#fun-facts">"fun" facts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#quotes">quotes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#buttons">buttons</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#css">custom css</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- simple introduction -->
|
||||
<div id="sneexy" class="terminal">
|
||||
<!-- theres probably a much better way to do this instead of manually
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue