Qora Web

website
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Qora2 NFT info">
<title>/i3731</title>
<link rel="shortcut icon" href="/freecity/favicon.ico">
 <script>
    (async function loadCSS() {
      try {
        // same-origin, so no CORS issues
        const res = await fetch('/style.css', { cache: 'no-store' });
        if (!res.ok) throw new Error('HTTP ' + res.status);
        const css = await res.text();

        const style = document.createElement('style');
        style.setAttribute('data-source', '/style.css');
        style.append(css);
        document.head.append(style);
      } catch (err) {
        console.error('Failed to load CSS:', err);
      }
    })();
  </script>
</head>
<body>

<nav class="banner-container">
  <a class="top-link" href="/i" title="/i World Map"><img src="/world.png" alt="World Map"></a>
  <a class="top-link" href="/flags/asia" title="/flags List"><img src="/qing.png" alt="Qing flag"></a>
  <a class="top-link" href="/" title="Qora Home Page"><img src="/2ndtest/qora.png" alt="Qora Home"></a>
  <a class="top-link" href="/opensea/1" title="/opensea/1 NFT List"><img src="/i/700.png" alt="/freecity"></a>
  <a class="top-link" href="/index/blog.html?blogname=okchai2" title="Qora Blog : okchai2"><img src="/okchai/timahpulai.jpg" alt="okchai2 Blog"></a>
</nav>

<div class="split-container">
  
  <section class="left-graphic-pane">
    <div id="tuju-pane" class="pane-img-card">
    </div>
    <div class="pane-img-card">
 <a href="/i" class="content-link" title="/i World Map">
      <img src="/world.png" alt="/world.png">
     </a>
    </div>
<p align="center">800 Qora2 NFTs on the /i World Map !</p>
  </section>

  <main class="right-text-pane">
    <a name="qora2nft"><h1 class="article-title">Qora2 NFT</h1></a>
    <div class="article-meta">
      By <span class="author">O. K. Chai</span> using OpenSea
      <span class="divider">•</span>
    </div>
    
<p>Linked Qora Name : <a href="/antarctica91" class="content-link" title="Qora /antarctica91">
/antarctica91</a> on /i World Map</p>
    
    <div class="blockquote-container">
      <p class="blockquote-text">

"If a man crosses a river<br>
and an empty boat collides with his own skiff,<br>
Even though he be bad tempered man,<br>
He will not become very angry.<br>
But if he sees a man in the boat,<br>
He will shout at him to steer clear.<br>
If the shout is not heard, he will shout again, and yet again, and begin cursing.<br>
And all because someone is in the boat.<br>
Yet if the boat were empty,<br>
He would not be shouting, and not angry.<br>
If you can empty your own boat,<br>
Crossing the river of the world,<br>
No one will oppose you,<br>
No one will seek to harm you"<br><br>
"方舟而濟於河，有虛船來觸舟，雖有惼心之人不怒。<br>
有一人在其上，則呼張歙之；一呼而不聞，再呼而不聞，於是三呼邪，則必以惡聲隨之。<br>
向也不怒而今也怒，向也虛而今也實。人能虛己以遊世，其孰能害之！"
      </p>
      <cite class="blockquote-source">— Zhuangzi  莊子 </cite>
    </div>
    
    <p>Owner : <a href="/okchai" class="content-link" title="Qora Name : /okchai">/okchai</a> since June 2023</p>
<p>New owners can say something here! </p>
  
    <p>
      <a href="/aitway" class="content-link" title="/aitway">
      <img src="/i/1000.png" style="display:inline; width:15px; height:15px; vertical-align:middle;" alt="aitway"> AITWAY.COM</a> <b>50%</b> off for OpenSea Qora & Qora2 NFT holders
    </p>
  </main>
  
</div>

<footer id="tuju-footer" class="banner-container fixed-bottom"></footer>

<script>
function calculateImageId(value) {
  const remainder = value % 20;
  const groupFactor = (value - remainder) / 20;
  return (20 + groupFactor) * 100 + (20 + remainder);
}

const y = 351;
const x = y - 1;
const z = y + 1;

const x2000 = calculateImageId(x);
const y2000 = calculateImageId(y);
const z2000 = calculateImageId(z);

let footerHTML = "";
footerHTML += `<a class="side-link" href="/i${x2000}" title="NFT /i${x2000} Page"> <img src="/i/${x2000}.png" alt="Previous"> </a>`;
footerHTML += `<a class="mid-link" href="#qora2nft" title="OpenSea Qora2 NFT"> <img class="mid-img" src="/i/${y2000}.png" alt="Current"> </a>`;
footerHTML += `<a class="side-link" href="/i${z2000}" title="NFT /i${z2000} Page"> <img src="/i/${z2000}.png" alt="Next"> </a>`;

let paneHTML = "";
paneHTML += `<a href="https://opensea.io/item/ethereum/0x495f947276749ce646f68ac8c248420045cb7b5e/796638993731848468553700001337130722622321311759604289543104419889888100353" class="content-link" title="i/${y2000}.png OpenSea NFT"><img src="/i/${y2000}.png" alt="Qora /i/${y2000}.png">
  OpenSea NFT : i/${y2000}.png </a>`;

document.getElementById("tuju-footer").innerHTML = footerHTML;
document.getElementById("tuju-pane").innerHTML = paneHTML;
</script>
</body>
</html>
website
