https://smartify-items.github.io/script/menu-dropdown.js

1//  ☰ 
2// <img src="./smartify_100_100_trans.png"></img>
3
4document.getElementById('div-menu-dropdown').innerHTML = 
5`
6<div class="dropdown" style="display:inline; vertical-align:super;">
7    <button onclick="myFunction()" class="dropbtn" style="font-weight: bold; font-size: larger;">&nbsp;&#9776;&nbsp;</button>
8    <div id="myDropdown" class="dropdown-content">
9        <a href="index.html">Home</a>
10        <a href="mint.html">Mint</a>
11        <a href="hashtags.html">Hashtags</a>
12        <a href="creators.html">Creators</a>
13        <a href="items.html">Items</a>
14        <a href="collectors.html">Collectors</a>
15        <a href="collections.html">Collections</a>
16        <a href="assets.html">Manage Items</a>
17        <a href="transfer.html">Transfer</a>
18        <a href="contract.html">Contract</a>
19    </div>
20</div>
21&nbsp;
22<h1 class="title">${document.getElementById('h1-title').innerHTML + TESTNET_MARKER}</h1>
23`
24
25function myFunction() {
26    document.getElementById("myDropdown").classList.toggle("show");
27}
28  
29// Close the dropdown if the user clicks outside of it
30window.onclick = function(event) {
31    if (!event.target.matches('.dropbtn')) {
32        var dropdowns = document.getElementsByClassName("dropdown-content");
33        var i;
34        for (i = 0; i < dropdowns.length; i++) {
35        var openDropdown = dropdowns[i];
36        if (openDropdown.classList.contains('show')) {
37            openDropdown.classList.remove('show');
38        }
39        }
40    }
41}