<html>
    <head>
    <link rel="shortcut icon" href="/freecity/favicon.ico">
    <title>0e1f</title>
    
    </head>
    <body bgcolor="#EEEEEE" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
    <a href="/]" title="/] A door through the wall"><img border="0" src="/i/5.png" width="5%" height="5%"></a><!-- 
    --><a href="/0e2f" title="/0e2f"><img border="0" src="/i/6.png" width="90%" height="5%"></a><!--
    --><a href="/i" title="/i world map"><img border="0" src="/i/7.png" width="5%" height="5%"></a><!--
    --><table border="0" width="100%" cellspacing="0" cellpadding="0" height="96%">
    	<tr>
    		<td width="5%" align="left"><a href="/999e1f" title="/999e1f"><img border="0" src="/i/8.png" width="100%" height="100%"></a></td>
    		<td align="center" valign="top">
    <b>0e1f</b> &nbsp;&nbsp; 0 star EF Space<br> 
        <label for="ipfs-node">Select IPFS Node:</label>
        <select id="ipfs-node" onchange="updateNode()">
            <option value="https://ipfs.io/ipfs/">IPFS Public Gateway</option>
            <option value="https://gateway.pinata.cloud/ipfs/">Pinata Gateway</option>
            <option value="https://dweb.link/ipfs/">dweb.link Gateway</option>
            <option value="http://localhost:8080/ipfs/">Qora & :8080_IPFS both localhost</option>
            <option value="custom">Custom Node URL</option>
        </select>
    
        <div id="custom-node-container" style="display: none;">
            <label for="custom-ipfs-node">Enter Custom IPFS Node URL:</label>
            <input type="text" id="custom-ipfs-node" placeholder="Enter IPFS node URL" />
        </div>
    
        <div id="image-container">
            <img id="ipfs-image" width="100%" src="" alt="IPFS Image" />
        </div>
    
        <script>
            const hash = 'QmVnkHZ3JtSQzQJhPXxz3vfyvy2Z2iG5FkpuPGJfabbo9D';
            let selectedNode = 'https://ipfs.io/ipfs/'; // Default IPFS public gateway
    
            function updateNode() {
                const nodeSelect = document.getElementById('ipfs-node');
                const customNodeContainer = document.getElementById('custom-node-container');
                const customNodeInput = document.getElementById('custom-ipfs-node');
    
                if (nodeSelect.value === 'custom') {
                    customNodeContainer.style.display = 'block';
                    customNodeInput.focus();
                } else {
                    customNodeContainer.style.display = 'none';
                    selectedNode = nodeSelect.value;
                    loadImage();
                }
            }
    
            function loadImage() {
                const customNodeInput = document.getElementById('custom-ipfs-node');
                if (customNodeInput.style.display === 'block') {
                    selectedNode = customNodeInput.value.trim();
                }
    
                if (!selectedNode.endsWith('/')) {
                    selectedNode += '/';
                }
    
                const imageUrl = `${selectedNode}${hash}`;
                const img = document.getElementById('ipfs-image');
                img.src = imageUrl;
                img.alt = 'Loading image...';
            }
    
            // Load the image initially with the default node
            window.onload = loadImage;
    
            // Add event listener to the custom node input field
            document.getElementById('custom-ipfs-node').addEventListener('input', loadImage);
        </script>
      石澳, Hong Kong.
    		</td>
    		<td align="right" width="5%"><a href="/1e1f" title="/1e1f"><img border="0" src="/i/9.png" width="100%" height="100%"></a></td>
    	</tr>
    </table>
    <a href="/artists" title="/artists project"><img border="0" src="/i/10.png" width="5%" height="5%"></a><!--
    --><a href="/0e0f" title="/0e0f"><img border="0" src="/i/11.png" width="90%" height="5%"></a><!--
    --><a href="/i/a" title="/i/a The index"><img border="0" src="/i/12.png" width="5%" height="5%"></a>
    </body>
    </html>