Qora Web

website
<html>
<head>
<link rel="shortcut icon" href="/freecity/favicon.ico">
<title>999e0f</title>

</head>
<body bgcolor="#198964" 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="2%" height="2%"></a><!-- 
--><a href="/999e1f" title="/999e1f"><img border="0" src="/i/6.png" width="96%" height="2%"></a><!--
--><a href="/i" title="/i world map"><img border="0" src="/i/7.png" width="2%" height="2%"></a><!--
--><table border="0" width="100%" cellspacing="0" cellpadding="0" height="96%">
	<tr>
		<td width="2%" align="left"><a href="/998e0f" title="/998e0f"><img border="0" src="/i/8.png" width="100%" height="100%"></a></td>
		<td align="center" valign="top">
<b>[999e0f]</b> &nbsp;&nbsp; A 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="http://localhost:8080/ipfs/">Default IPFS 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 = 'QmVewPGbrLP1UsYLfZm48nQeEoYSA69VjGNLw8xqP4f1Ly';
        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>
  Mercury, Venus, Jupiter. 28-05-2013 8.02PM Singapore
		</td>
		<td align="right" width="2%"><a href="/0e0f" title="/0e0f"><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="2%" height="2%"></a><!--
--><a href="/999e999f" title="/999e999f"><img border="0" src="/i/11.png" width="96%" height="2%"></a><!--
--><a href="/i/a" title="/i/a The index"><img border="0" src="/i/12.png" width="2%" height="2%"></a>
</body>
</html>
website
