HHostingByteSoftware
Ctrl K
ComunidadGuías…

i-ching/index.html

Rama main · réplica de lectura del repositorio original.

Archivo original ↗Preguntar a KiBot
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ORACULON CT-64 — A Suffusion of Yellow</title>
<meta name="description" content="A fictional vintage scientific I Ching calculator. It cannot produce an answer above four. Results may include a suffusion of yellow. Probably less than 1,000,000 glitches.">
<link rel="canonical" href="https://oraculon.biz/">

<!-- Google Search Console site verification -->
<meta name="google-site-verification" content="EPCHwHemcmUgYccLcD8nA5bukykvkjfPkX_WSNVAkBk" />

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://oraculon.biz/">
<meta property="og:title" content="ORACULON CT-64 — I Ching Calculator">
<meta property="og:description" content="A fictional vintage scientific I Ching calculator. It cannot produce an answer above four. Results may include a suffusion of yellow.">
<meta property="og:image" content="https://oraculon.biz/icons/icon-512.png">
<meta property="og:image:alt" content="The ORACULON CT-64 — a fictional vintage scientific I Ching calculator, capable of A Suffusion of Yellow.">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="ORACULON CT-64 — I Ching Calculator">
<meta name="twitter:description" content="A fictional vintage scientific I Ching calculator. It cannot produce an answer above four. Results may include a suffusion of yellow.">
<meta name="twitter:image" content="https://oraculon.biz/icons/icon-512.png">

<!-- Schema.org -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "name": "ORACULON CT-64",
    "alternateName": "A Suffusion of Yellow",
    "description": "A fictional vintage scientific calculator inspired by Douglas Adams' The Long Dark Tea-Time of the Soul. It reckons sums, performs science, and foretells the unknowable across 64 hexagrams. It cannot produce an answer above four. Results may include a suffusion of yellow.",
    "url": "https://oraculon.biz/",
    "applicationCategory": "EntertainmentApplication",
    "operatingSystem": "Web Browser",
    "browserRequirements": "Chrome, Firefox, Safari, Edge",
    "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
    },
    "isAccessibleForFree": true,
    "license": "https://opensource.org/licenses/BSD-3-Clause",
    "author": {
        "@type": "Organization",
        "name": "Sirius Cybernetics Corporation",
        "slogan": "Share and Enjoy",
        "description": "A bunch of mindless jerks who'll be the first against the wall when the revolution comes."
    }
}
</script>

<!-- AI services hint — page summary written for crawlers like Claude, ChatGPT, Perplexity, Bing AI -->
<link rel="llms" href="llms.txt">

<!-- PWA: installable, standalone, themed to the dark desk surround -->
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#1b1813">
<!-- iOS still ignores the manifest's display mode; these drive standalone there -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="ORACULON">
<link rel="apple-touch-icon" href="icons/apple-touch-icon-180.png">
<link rel="icon" type="image/svg+xml" href="icons/icon.svg">
<link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192.png">

<!-- self-hosted retro fonts (no network needed; CSP can stay 'self') -->
<link rel="stylesheet" href="fonts/fonts.css?v=37">
<link rel="stylesheet" href="css/oraculon.css?v=37">
</head>
<body>

<!-- Accessible page description — visually hidden, surfaces the key booklet
     phrases and product identity to screen readers and search crawlers.
     Reads naturally if voiced. Not duplicate content: a concise summary of
     what the device IS and what it's inspired by. -->
<div class="sr-only">
  <h1>ORACULON CT-64 — Scientific I Ching Calculator</h1>
  <p>The ORACULON CT-64 is a fictional vintage scientific I Ching calculator
  inspired by Douglas Adams' novel <em>The Long Dark Tea-Time of the Soul</em> —
  the device Dirk Gently bought for £20 and used to tell fortunes. This calculator
  cannot produce an answer above four. Results may include a suffusion of yellow,
  the number of pebbles in Wales, or a puddle of darkness. Manufactured by the
  Sirius Cybernetics Corporation. To consult the oracle, press the blue button
  marked Red. The instruction booklet apologises for the missing pages. Do not
  eat the device even if it advise so.</p>
</div>

<div class="device" role="application" aria-label="I Ching Calculator">
  <!-- the back half fell off; held on with a strip of aging Sellotape -->
  <div class="tape" aria-hidden="true"></div>
  <!-- a peeling thrift-shop price sticker (£20 — what Dirk paid) -->
  <div class="sticker" aria-hidden="true">£20</div>
  <div class="brand">
    <div class="logo"><span class="cj">易</span> ORACUL<b>O</b>N</div>
    <div class="designer">Designed by the Sirius Cybernetics</div>
    <div class="model">CT-64 SCIENTIFIC<br>易經計算機<br>MADE ON SIRIUS</div>
  </div>
  <div class="solar" aria-hidden="true"></div>
  <div class="solar-legend" aria-hidden="true">POWER · BUSY · ERR</div>

  <div class="lcd">
    <div class="status">
      <span class="ann on deg">DEG</span>
      <span id="ann-iching" class="ann">易 I·CHING</span>
      <span id="ann-err" class="ann">∞</span>
    </div>
    <div id="out" class="out">0</div>
    <div class="stuck" aria-hidden="true">8</div>
    <div class="hex" aria-hidden="true">
      <div class="hex-lines"></div>
      <div class="hex-num"></div>
    </div>
    <div class="pie" aria-hidden="true"></div>
    <div class="crack" aria-hidden="true"></div>
    <div class="lcd-glitch" aria-hidden="true"></div>
  </div>

  <div class="keys">
    <button class="key sci" data-fn="sin">sin</button>
    <button class="key sci" data-fn="cos">cos</button>
    <button class="key sci" data-fn="tan">tan</button>
    <button class="key sci" data-fn="sqrt">√</button>

    <button class="key sci" data-fn="sq">x²</button>
    <button class="key sci" data-fn="inv">1/x</button>
    <button class="key sci" data-fn="log10">log</button>
    <button class="key sci" data-fn="pi">π</button>

    <button class="key red" data-act="clear">C</button>
    <button class="key red" data-act="del">⌫</button>
    <button class="key op" data-op="%">%</button>
    <button class="key op" data-op="/">÷</button>

    <button class="key" data-d="7">7</button>
    <button class="key" data-d="8">8</button>
    <button class="key" data-d="9">9</button>
    <button class="key op" data-op="*">×</button>

    <button class="key" data-d="4">4</button>
    <button class="key" data-d="5">5</button>
    <button class="key" data-d="6">6</button>
    <button class="key op" data-op="-">−</button>

    <button class="key" data-d="1">1</button>
    <button class="key" data-d="2">2</button>
    <button class="key" data-d="3">3</button>
    <button class="key op" data-op="+">+</button>

    <button class="key zero" data-d="0">0</button>
    <button class="key" data-d=".">.</button>
    <button class="key op eq" data-act="equals">=</button>

    <button class="key iching" data-act="iching"><span class="hz">易</span><span class="mark">Red</span></button>
  </div>

  <button class="manual-link" id="manualBtn">▸ READ INSTRUCTION BOOKLET ◂</button>
</div>

<!-- ===== Instruction booklet ===== -->
<div class="modal" id="modal">
  <div class="booklet">
    <h2>OWNER MANUAL · 易經計算機 CT-64</h2>
    <div class="sub">CONGRATULATION FOR YOUR PURCHASE OF FINE DEVICE</div>
    <p>Welcome the proud owner! This electronic abacus of fortune reckon the sums, perform the science, AND ALSO foretell the unknowable across 64 hexagrams. Truly we live in the future, which this device already know about.</p>
    <p>Operation is simple, and also mysterious: press what you wish; receive what you receive. Should the answer arrive instead as a colour, a mood, or a quantity of soup — this is not error, this is the device thinking. WHY it think so is explain upon the page that are missing (see below).</p>
    <p>To CONSULT THE ORACLE: concentrate SOULFULLY upon the question which besiege you, enjoy the silence, and on achieving inner harmony press the RED button. The reading, translate from the Chinese by way of the Japanese, have enjoy many adventure on the road; any strangeness is therefore not error but TRAVEL.</p>
    <div class="missing">
      ⚠ PAGE 4–11 MISSING ⚠<br>(HOW TO INTERPRET THE ANSWER)<br>· APOLOGISE FOR INCONVENIENCE ·
    </div>
    <p class="warranty">WARRANTY: Device guarantee against everything except disappointment, water, fate, and the colour yellow. Battery not include. Future not include. Do not eat the device even if it advise so.</p>
    <button class="close" id="closeBtn">CLOSE BOOKLET (FATE IS SEALED)</button>
  </div>
</div>

<div class="install-banner" id="installBanner">
  <span class="install-text">INSTALL ORACULON FOR PORTABLE FORTUNE</span>
  <button class="install-btn" id="installBtn">INSTALL</button>
  <button class="install-dismiss" id="dismissBtn">✕</button>
</div>

<script src="js/oraculon.js?v=37" defer></script>
</body>
</html>