index.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <html>
  2. <head>
  3. <title>The Binary Outcast Superposition Divergence Gateway (BinOC/Core)</title>
  4. <link rel="stylesheet" href="media/webfonts/red-hat-font.css">
  5. <link rel="stylesheet" href="media/design/stylesheet.css?100003">
  6. <style></style>
  7. <script>
  8. async function loadContent(filePath, targetId="binoc-content") {
  9. try {
  10. const contentPath = "media/content"
  11. const response = await fetch(contentPath + "/" + filePath + ".htcontent");
  12. const htmlContent = await response.text();
  13. targetNode = document.getElementById(targetId);
  14. targetNode.innerHTML = htmlContent;
  15. return true;
  16. } catch (error) {
  17. console.error('Error loading HTML or retrieving children:', error);
  18. throw error; // Re-throw to allow for further handling
  19. }
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <div id="binoc-header">
  25. <div id="binoc-header-logo">
  26. <a href="/"><img src="media/design/binoc-wordmark.png" /></a>
  27. </div>
  28. <div id="binoc-header-menu" class="binoc-shadow-text">
  29. <ul>
  30. <li><a href="/">Front Page <small>(Home)</small></a></li>
  31. <li><a href="https://binaryoutcast.com/updates/">Updates &amp; Status</a></li>
  32. <li><a href="https://irc.binaryoutcast.com/?channels=binaryoutcast&uio=d4" target="_blank">Chat @ IRC</a></li>
  33. <li><a href="https://storage.binaryoutcast.com/pub/" target="_blank">Storage &amp; Files</a></li>
  34. <li><a href="https://github.com/binaryoutcast/" target="_blank">Code @ Github</a></li>
  35. </ul>
  36. </div>
  37. </div>
  38. <div id="binoc-window" class="binoc-shadow-text">
  39. <div id="binoc-caption">
  40. <h1>Welcome...<img src="media/design/icons/main/root.png" class="alignright" height="64px"/></h1>
  41. <p>The proliferation of Binary Outcast shall commence!</p>
  42. </div>
  43. <div id="binoc-client">
  44. <!--
  45. <div id="binoc-commandbar">
  46. <ul>
  47. <li><a href="#">Project Overview</a></li>
  48. <li><a href="#">Release Notes</a></li>
  49. <li><a href="#">Download</a></li>
  50. <li><a href="#">Support</a></li>
  51. <li><a href="javascript:void(0)">Add-ons <small>&#9698;</small></a>
  52. <ul>
  53. <li><a href="https://interlink-addons.binaryoutcast.com/extensions/" target="_blank">Extensions</a></li>
  54. <li><a href="https://interlink-addons.binaryoutcast.com/themes/" target="_blank">Themes</a></li>
  55. <li style="display: none;"><a href="#">Language Packs</a></li>
  56. <li><a href="https://interlink-addons.binaryoutcast.com/dictionaries/" target="_blank">Spelling &amp; Dictionaries</a></li>
  57. <li><a href="https://interlink-addons.binaryoutcast.com/search-plugins/" target="_blank">Open Search Plugins</a></li>
  58. <li style="display: none;"><a href="#">User Scripts</a></li>
  59. <li style="display: none;"><a href="#">User Styles</a></li>
  60. <li><a href="https://interlink-addons.binaryoutcast.com/panel/" target="_blank"><small style="opacity: 0.75;">[Panel]</small> Submit/Manage</a></li>
  61. <li noactivecolor="true">
  62. <form target="_blank" id="addonSearchForm" class="aligncenter" style="margin: 0px; margin-right: -8px; padding: 0px;" method="get" action="https://interlink-addons.binaryoutcast.com/search/">
  63. <input type="text" name="terms" style="max-width: 220px;" placeholder="Search add-ons&hellip;" maxlength="64" autocomplete="off">
  64. <input type="submit" value="Go">
  65. </form>
  66. </li>
  67. </ul>
  68. </li>
  69. </ul>
  70. </div>
  71. -->
  72. <div class="binoc-body fadeIn">
  73. <div class="binoc-content">
  74. <br />
  75. <img src="media/img/binoc-brands.png" class="aligncenter" usemap="#image-map">
  76. <map name="image-map">
  77. <area target="" alt="[Not Yet] The Community and Service side of BinOC.. Part BBS part Internet Community Resource." title="[Not Yet] The Community and Service side of BinOC.. Part BBS part Internet Community Resource." href="#" coords="345,25,824,86" shape="rect">
  78. <area target="" alt="[Not Yet] Programming is science. Prove me wrong, with SCIENCE!" title="[Not Yet] Programming is science. Prove me wrong, with SCIENCE!" href="#" coords="344,127,730,185" shape="rect">
  79. <area target="" alt="[Not Yet] Do I really need a personal website? Maybe." title="[Not Yet] Do I really need a personal website? Maybe." href="#" coords="349,220,683,295" shape="rect">
  80. <area target="_blank" alt="XULvolution in all its forms plus anything Netscape related." title="XULvolution in all its forms plus anything Netscape related." href="https://thereisonlyxul.org/" coords="348,321,828,391" shape="rect">
  81. <area target="" alt="How many times will I show screenshots of BinOC from years ago? The answer is: ALL the times." title="How many times will I show screenshots of BinOC from years ago? The answer is: ALL the times." href="#" coords="13,8,331,416" shape="rect">
  82. </map>
  83. <br />
  84. <iframe class="aligncenter" width="860px" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/343112734&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  85. <p style="text-align: center;"><strong>A leads to B leads to C leads back to A.</strong></a></p>
  86. </div>
  87. <div class="binoc-sidebar">
  88. <h3>The Sidebar</h3>
  89. <ul>
  90. <li><img src="https://binaryoutcast.com/base/skin/icons/about.png" class="alignleft" height="16px" style="margin-top: 4px; margin-left: 0px; margin-right: 6px; border: 0;" />Needs more stuffs!</li>
  91. </ul>
  92. <hr />
  93. </div>
  94. </div>
  95. </div>
  96. <div class="binoc-box">
  97. <div class="binoc-body fadeIn">
  98. <div class="binoc-content">
  99. <h2>What is Binary Outcast?<small class="alignright" style="font-weight: normal;">Last updated: 2024-07-03</small></span></h2>
  100. <p>Binary Outcast, increasingly shorted to BinOC (pronounced ben-oh-sea), is first and foremost the home of Matt A. Tobin. I have accomplished many things since 2001 and attempted many others with varying levels of success. Sometimes others may pitch in. Today, the whole thing stands once again as a multi-faceted and expanding .. uhh thing. From my self, through any that come along to help, to your screen. This is BinOC. Stay tuned!</p>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <p id="binoc-copyright" class="binoc-shadow-text">
  106. <small><strong>The Binary Outcast name, associated brands, styles, designs, artwork, and original content are Copyright &copy; 2001-2024 Matt A. Tobin - All rights reserved.</strong><br />
  107. Any other material is the intellectual property (such as copyright or trademark) of its respective owners.
  108. <!-- <img src="media/www.binoclabs.com/binoc-logo.png" class="aligncenter" style="margin-top: 4px;"/> --></small>
  109. </p>
  110. </body>
  111. </html>