Browse Source

Create index.html

nsITobin 7 months ago
commit
e07d286c88
1 changed files with 601 additions and 0 deletions
  1. 601 0
      index.html

+ 601 - 0
index.html

@@ -0,0 +1,601 @@
+
+<html>
+  <head>
+    <title>Overview - There is only XUL dot org</title>
+    <link rel="stylesheet" href="media/webfont/red-hat-font.css">
+    <style>
+      body {
+        margin: 0px;
+        background-color: #667086;
+        background-image: linear-gradient(to bottom, #687287 0px, #747f96 100%);
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        background-position-x: center;
+        overflow-y: scroll;
+      }
+
+
+      body, td, th {
+        font-family: "RedHatText";
+        font-size: 12pt;
+        color: #000000;
+      }
+
+
+      a:link, a:visited {
+        color: #445271;
+        text-decoration: underline dotted;
+        text-decoration-thickness: 1px;
+      }
+
+      a:active, a:focus {
+        text-decoration: underline;
+        color: #c78b94;
+      }
+      
+      a:hover {
+        text-decoration: underline;
+        color: #c78b94;
+      }
+
+      hr {
+        width: 50%;
+        border: none;
+        margin-top: 24px;
+        margin-bottom: 24px;
+        border-bottom: 1px solid #445271;
+        border-image: linear-gradient(to right, #44527100 0%, #445271 50%, #44527100 100%) 1;
+      }
+
+      .alignleft {
+        float: left;
+        text-align: left;
+        margin-right: 10px;
+      }
+
+      .alignright {
+        float: right;
+        text-align: right;
+        margin-left: 10px;
+      }
+
+      .aligncenter {
+        display:block;
+        margin-left:auto;
+        margin-right:auto;
+      }
+
+      h1, h2, h3 {
+        font-family: "RedHatDisplay";
+        line-height: 100%;
+        padding-bottom: 4px;
+        margin: 0.5em auto;
+      }
+
+      h1 {
+        font-size: 26pt;
+      }
+      
+      h2 {
+        border-bottom: 1px solid #571e1e;
+        border-image: linear-gradient(to right, #445271 0%, #445271 75%,#44527100 100%) 1;
+      }
+
+      h2:first-of-type {
+        margin-top: 10px;
+      }
+
+      ul {
+        padding-left: 16px;
+        list-style-type: disc;
+      }
+
+      #binoc-header {
+        background-image: linear-gradient(to bottom, #455372 0%, #445271 35%, #445271 60%, #2a3753 100%);
+        width: 100%;
+        min-width: 1200px;
+        height: 54px;
+        border-bottom: 1px solid #455372;
+        box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
+        z-index: 999;
+        color: #fff;
+        font-family: "RedHatDisplay";
+      }
+
+      #binoc-header-logo {
+        width: 180px;
+        height: 32px;
+        float: left;
+        margin-top: 10px;
+        margin-left: 12px;
+      }
+
+      #binoc-header-menu {
+        float: right;
+        margin: 0px;
+        padding-top: 0px;
+        font-size: 12pt;
+        color: #fff;
+      }
+
+      #binoc-header-menu > ul {
+        display: table;
+        margin: 0px;
+        padding: 0px;
+      }
+
+      #binoc-header-menu > ul > li {
+        float: left;
+        list-style: none;
+        margin-top: 15px;
+        margin-bottom: 0px;
+        padding-left: 8px;
+        padding-right: 8px;
+        padding-bottom: 2px;
+      }
+
+      #binoc-header-menu > ul:last-child {
+        padding-right: 16px;
+      }
+
+      #binoc-header-menu > ul > li > a,
+      #binoc-header-menu > ul > li > a:active,
+      #binoc-header-menu > ul > li > a:visited{
+        text-decoration: none;
+        color: #fff;
+      }
+
+      #binoc-header-menu > ul > li > a:hover {
+        color: #bebfc1;
+      }
+
+
+      @media all and (min-width: 1220px)  {
+        #binoc-window {
+          width: 1200px;
+        }
+      }
+
+      /*
+      @media all and (min-width: 1540px) {
+        #binoc-window {
+          width: 1520px;
+        }
+      }
+
+      @media all and (min-width: 1860px) {
+        #binoc-window {
+          width: 1840px;
+        }
+      }
+      */
+
+      #binoc-window {
+        min-width: 1200px;
+        max-width: 1840px;
+        margin: 0 auto;
+        padding: 0px;
+        transition: fade 0.4s;
+      }
+
+
+      #binoc-caption {
+        line-height: inital;
+        text-align: left;
+        color: #fff;
+        overflow-x: hidden;
+        margin: 0px;
+      }
+
+      #binoc-caption h1 {
+        border: none;
+        margin-bottom: -20px;
+      }
+
+      #binoc-caption p {
+        font-family: "RedHatText";
+        font-size: 14pt;
+        font-weight: normal;
+      }
+
+
+      #binoc-client {
+        background-color: rgba(250,250,255, 0.90);
+        margin-top: -6px;
+        overflow-x: hidden;
+        border: 1px solid #2a3753;
+        box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
+      }
+
+      #binoc-client p {
+        line-height: 125%;
+      }
+
+      #binoc-commandbar {
+        height: 30px;
+        max-height: 30px;
+        background-color: #455372;
+        margin: 0px;
+        padding-top: 0px;
+        font-size: 10pt;
+        font-weight: bold;
+        color: #fff;
+        font-family: "RedHatDisplay";
+        border-bottom: 1px solid #2a3753;
+      }
+
+      #binoc-commandbar > ul {
+        display: table;
+        margin: 0px;
+        padding: 0px;
+      }
+
+      #binoc-commandbar > ul > li {
+        float: left;
+        list-style: none;
+        margin-top: 6px;
+        margin-left: 8px;
+        margin-bottom: 0px;
+      }
+
+      #binoc-commandbar ul > li > a,
+      #binoc-commandbar ul > li > a:active,
+      #binoc-commandbar ul > li > a:visited{
+        color: #fff;
+        text-decoration: none;
+        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
+      }
+
+      #binoc-commandbar ul > li > a {
+        padding-top: 2px;
+        padding-left: 8px;
+        padding-right: 8px;
+        padding-bottom: 1px;
+      }
+
+      #binoc-commandbar ul > li > a:hover {
+        color: #fff;
+        box-shadow: 0px 0px 1px rgba(0,0,0,1);
+        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
+        background-color: #2a3753;
+      }
+
+      #binoc-commandbar ul > li > a:active {
+        color: #fff;
+        box-shadow: 0px 0px 1px rgba(0,0,0,1);
+        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
+        background-color: rgba(41,69,106,0.50);        
+      }
+
+      #binoc-commandbar > ul > li > ul {
+        background-color: #455372;
+        border: 1px solid #2a3753;
+        position: absolute;
+        padding: 0px;
+        margin-top: 1px;
+        display: none;
+        z-index: 1000;
+      }
+
+      #binoc-commandbar > ul > li:hover > ul {
+        display: block;
+      }
+
+      #binoc-commandbar > ul > li > ul > li,
+      #binoc-commandbar > ul > li > ul > li > a,
+      #binoc-commandbar > ul > li > ul > li > a:hover,
+      #binoc-commandbar > ul > li > ul > li > a:active,
+      #binoc-commandbar > ul > li > ul > li > a:visited {
+        margin: 0px;
+        padding: 0px;
+        border: none;
+        box-shadow: none;
+        background: none;
+      }
+
+      #binoc-commandbar > ul > li > ul > li {
+        list-style: none;
+        padding-top: 6px;
+        padding-left: 8px;
+        padding-right: 16px;
+        padding-bottom: 6px;
+      }
+
+      #binoc-commandbar > ul > li > ul > li:hover {
+        background-color: #2a3753;
+      }
+
+      #binoc-commandbar > ul > li > ul > li:not([noactivecolor="true"]):active {
+        background-color: #2a3753;
+      }
+
+      #binoc-commandbar > ul > li > ul > li:hover > a,
+      #binoc-commandbar > ul > li > ul > li:active > a {
+        color: #fff;
+        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
+      }
+
+      #binoc-body {
+        margin: 0px;
+        display: table;
+        width: 100%;
+        min-height: 480px;
+        height: 480px;
+      }
+
+      #binoc-content {
+        display: table-cell;
+        vertical-align: top;
+        overflow-wrap: break-word;
+        padding: 0px;
+        padding-left: 8px;
+        padding-right: 8px;      
+      }
+
+      #binoc-sidebar {
+        display: table-cell;
+        vertical-align: top;
+        overflow-wrap: break-word;
+        border-left: 1px solid #98aec6;
+        border-image: linear-gradient(to bottom, #98aec6 0px, #98aec600 330px) 1;
+        min-height: 400px;
+        min-width: 220px;
+        max-width: 220px;
+        width: 220px;
+        padding-top: 4px;
+        padding-left: 8px;
+        padding-right: 8px;
+        padding-bottom: 8px;
+      }
+
+      #binoc-sidebar > h3 {
+        text-align: center;
+      }
+
+      #binoc-sidebar > ul {
+        list-style: none;
+        padding-left: 0px;
+      }
+
+      #binoc-sidebar > ul > li {
+        margin-bottom: 2px;
+      }
+
+      #binoc-sidebar > hr {
+        width: 100%;
+      }
+
+      #binoc-copyright {
+        margin: 0 auto;
+        font-size: 8pt;
+        line-height: inital;
+        margin-top: 24px;
+        margin-bottom: 24px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        width: 768px;
+        text-align: center;
+        font-family: "RedHatDisplay";
+        color: #fff;
+        border-top: 1px solid #98aec6;
+        border-bottom: 1px solid #98aec6;
+        border-image: linear-gradient(to right, #98aec600 0%, #98aec6 50%, #98aec600 100%) 1;
+      }
+
+      .binoc-shadow-text {
+        text-shadow: 0px 1px 1px rgba(0,0,0,0.85), 0px 1px 0px rgb(0,0,0);
+      }
+
+      .fadeIn {
+        animation: fade 0.4s;
+      }
+
+      @keyframes fade {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+
+      @keyframes technicolorHell {
+        to { filter: hue-rotate(-360deg); }
+      }
+
+      @keyframes flash {
+        0% { filter: saturate(100%) contrast(100%) brightness(100%); }
+        50% { filter: saturate(150%) contrast(50%) brightness(200%); }
+        100% { filter: saturate(100%) contrast(100%) brightness(100%); }
+      }
+
+      .clearfix:after {
+          content: ".";
+          display: block;
+          height: 0;
+          clear: both;
+          visibility: hidden;
+          }
+    </style>
+  </head>
+  <body>
+    <div id="binoc-header">
+      <div id="binoc-header-logo">
+        <a href="/" title="XULvolution in all its forms!"><img src="media/img/xul-logo.png" /></a>
+      </div>
+      <div id="binoc-header-menu" class="binoc-shadow-text">
+        <ul>
+          <li><a href="#">Overview</a></li>
+          <li><a href="http://xr.thereisonlyxul.org/" target="_blank">Cross-Reference</a></li>
+          <li><a href="#">About</a></li>
+        </ul>
+      </div>
+    </div>
+    <div id="binoc-window">
+      <div id="binoc-caption" class="binoc-shadow-text">
+        <h1>XULvolution in all its forms!</h1>
+        <p>Project-agnostic overview of software based on XUL and beyond including anything with a Netscape heritage. Plus resources!</p>
+      </div>
+      <div id="binoc-client">
+        <div id="binoc-commandbar">
+          <ul>
+            <li><a href="javascript:void(0)">Mozilla Resources <small>&#9698;</small></a>
+              <ul>
+                <li><a href="https://bugzilla.mozilla.org/" target="_blank">Bugzilla</a></li>
+                <li><a href="https://developer.mozilla.org/" target="_blank">MDN Web Docs</a></li>
+                <li><a href="https://wiki.mozilla.org/" target="_blank">Wiki</a></li>
+                <li><a href="https://hg.mozilla.org/" target="_blank">Repositories <small>[Mozilla]</small></a></li>
+                <li><a href="https://github.com/mozilla/" target="_blank">Repositories <small>[Github]</small></a></li>
+                <li><a href="https://addons.mozilla.org/" target="_blank">Add-ons</a></li>
+                <li><a href="https://ftp.mozilla.org/pub/" target="_blank">File Archive <small>[Formerly FTP]</small></a></li>
+              </ul>
+            </li>
+
+           <li><a href="javascript:void(0)">SeaMonkey Resources <small>&#9698;</small></a>
+              <ul>
+                <li><a href="https://web.libera.chat/gamja/?channel=#seamonkey" target="_blank">#seamonkey on Libera.chat  <small>[IRC]</small></a></li>
+                <li><a href="http://forums.mozillazine.org/viewforum.php?f=51" target="_blank">SeaMonkey on Mozillazine  <small>[Forum]</small></a></li>
+                <li><a href="https://wiki.mozilla.org/SeaMonkey/StatusMeetings" target="_blank">Status Meetings <small>[Mozilla Wiki]</small></a></li>
+                <li><a href="http://xr.thereisonlyxul.org/seamonkey-2.53/" target="_blank">SM 2.53 Codebase XR <small>[thereisonlyxul.org]</small></a></li>
+                <li><a href="https://gitlab.com/seamonkey-project" target="_blank">Repositories <small>[Gitlab]</small></a></li>
+                <li><a href="https://addons.thunderbird.net/en-US/seamonkey/" target="_blank">Add-ons <small>[ATBN]</small></a></li>
+              </ul>
+            </li>
+
+            <li><a href="javascript:void(0)">MCP Resources <small>&#9698;</small></a>
+              <ul>
+                <li><a href="https://forum.palemoon.org/" target="_blank">PM Forum</a></li>
+                <li><a href="https://developer.palemoon.org/" target="_blank">PM Dev Site</a></li>
+                <li><a href="https://xref.palemoon.org/" target="_blank">PM Cross-Reference</a></li>
+                <li><a href="https://repo.palemoon.org/MoonchildProductions/" target="_blank">PM Repositories</a></li>
+                <li><a href="https://addons.palemoon.org/" target="_blank">PM Add-ons</a></li>
+                <li><a href="https://addons.epyrus.org/" target="_blank">Epyrus Add-ons</a></li>
+                <li><a href="https://addons.basilisk-browser.org/" target="_blank">Basilisk Add-ons</a></li>
+              </ul>
+            </li>
+
+            <li><a href="javascript:void(0)">RealityRipple Resources <small>&#9698;</small></a>
+              <ul>
+                <li><a href="https://udn.realityripple.com/" target="_blank">UDN Web Docs <small>[MDN Backup]</small></a></li>
+                <li><a href="https://realityripple.com/Tools/" target="_blank">Web Tools</a></li>
+                <li><a href="https://realityripple.com/Software/XUL/" target="_blank">Add-ons</a></li>
+              </ul>
+            </li>
+
+            <li><a href="javascript:void(0)">Binary Outcast Resources <small>&#9698;</small></a>
+              <ul>
+                <li><a href="https://irc.binaryoutcast.com/?nick=XUL-Guest....&channels=binaryoutcast&prompt=1" target="_blank">BinOC/Chat <small>[IRC]</small></a></li>
+                <li><a href="https://code.binaryoutcast.com/" target="_blank">BinOC/Code <small>[Github]</small></a></li>
+                <li><a href="https://storage.binaryoutcast.com/pub/" target="_blank">BinOC/Storage <small>[Files]</small></a></li>
+                <li><a href="https://interlink-addons.binaryoutcast.com/" target="_blank">Interlink Add-ons <small>[Phoebus]</small></a></li>
+              </ul>
+            </li>
+
+          </ul>
+        </div>
+        <div id="binoc-body" class="fadeIn">
+          <div id="binoc-content">
+            <h2>The Original <small style="font-weight: normal;">(you might say)</small></h2>
+            <p>Highlighted for being a core inspiration behind forking mozilla code to so very many.</p>
+
+            <h3>The SeaMonkey 2.53 Platform <small style="font-weight: normal;">(Evolved Gecko/56)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/seamonkey.png" class="alignleft" />
+              <a href="https://www.seamonkey-project.org/" target="_blank"><strong>SeaMonkey Internet Application Suite</strong></a> <small>by The SeaMonkey Project</small><br />
+              Previously made popular by Netscape and Mozilla, the SeaMonkey project continues to develop and deliver high-quality updates to this concept. Containing an Internet browser, email &amp; newsgroup client with an included web feed reader, HTML editor, IRC chat and web development tools, SeaMonkey is sure to appeal to advanced users, web developers and corporate users.
+            </p>
+
+            <h3>Other Pioneers</h3>
+            <ul style="margin-left: 56px;">
+              <li><strong><a href="https://www.gnu.org/software/gnuzilla/" target="_blank">GNU IceCat</a></strong></li>
+              <li><strong>Classilla <small>[No longer active]</small></strong></li>
+              <li><strong>TenFourFox <small>[No longer active]</small></strong></li>
+            </ul>
+
+            <!-- 0 -->
+
+            <h2>Quantum/MozXHTML Applications</h2>
+            <p>These are post-xul applications and platforms based on "Quantum" (57) and newer.</p>
+            <h3>Modified Current ESR <small style="font-weight: normal;">(Projects and Applications that build on modified comm and mozilla esr platform code)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/waterfox.png" class="alignleft" />
+              <a href="https://www.waterfox.net/" target="_blank"><strong>Waterfox</strong></a> <small>by BrowserWorks Ltd</small><br />
+              Fast and Private Web Browser based on Firefox
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/betterbird.png" class="alignleft" />
+              <a href="https://www.betterbird.eu/" target="_blank"><strong>Betterbird</strong></a> <small>by The Betterbird Project</small><br />
+              Betterbird is a fine-tuned version of Mozilla Thunderbird, Thunderbird on steroids, if you will.
+            </p>
+
+            <h3>Modern MyPal Codebase <small style="font-weight: normal;">(Experimental Gecko/68 for legacy Microsoft Operating Systems)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/mypal.png" class="alignleft" />
+              <a href="https://www.mypal-browser.org/" target="_blank"><strong>MyPal</strong></a> <small>by Fedor2 (and MSFN Community Contributors)</small><br />
+              Looking for the perfect Windows XP web browser? Mypal is a current and maintained browser for Windows XP. Turn that old PC into something useful!
+            </p>
+
+            <!-- 0 -->
+
+            <h2>Classical XUL Applications <small style="font-weight: normal;">(Grouped by "mozilla" codebase variant)</small></h2>
+            <p>Please keep in mind that mentions of Gecko versions in describing a specific variant is for reference of where (the current incarnation) came from not where it currently is nor where it will progress to.</p>
+
+            <h3>Unified XUL Platform <small style="font-weight: normal;">(Evolved Gecko/52)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/palemoon.png" class="alignleft" />
+              <a href="http://www.palemoon.org/" target="_blank"><strong>Pale Moon</strong></a> <small>by Moonchild Productions</small><br />
+              Pale Moon offers you a browsing experience in a browser completely built from its own, independently developed source that has been forked off from Firefox/Mozilla code a number of years ago, with carefully selected features and optimizations to improve the browser's stability and user experience, while offering full customization and a growing collection of extensions and themes to make the browser truly your own.
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/epyrus.png" class="alignleft" />
+              <a href="http://www.epyrus.org/" target="_blank"><strong>Epyrus</strong></a> <small>by Athenian200</small><br />
+              The idealized e-mail client and companion to Pale Moon.
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/netfusion.png" class="alignleft" />
+              <a href="https://repo.palemoon.org/mrnhmath/netfusion-dev" target="_blank"><strong>NetFusion Suite</strong></a> <small>by mrnhmath</small><br />
+              Goanna-based all-in-one Internet Application Suite
+            </p>
+            
+            <h3>Additional UXP-based Applications <small style="font-weight: normal;">(and Variants)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/roytam1.png" class="alignleft" />
+              <a href="http://rtfreesoft.blogspot.com/" target="_blank"><strong>RT's Free Soft UXP Builds</strong></a> <small>by Roytam1 (and MSFN Community Contributors)</small><br />
+              Unified XUL Platform applications modified to work on Windows XP and other legacy Microsoft Operating Systems.
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/basilisk.png" class="alignleft" />
+              <a href="http://www.basilisk-browser.org/" target="_blank"><strong>Basilisk Browser</strong></a> <small>by Basilisk-dev</small><br />
+              Basilisk is a free and Open Source XUL-based web browser, featuring the well-known Firefox-style interface and operation. It is based on the Goanna layout and rendering engine (a fork of Gecko) and builds on the Unified XUL Platform (UXP), which in turn is a fork of the Mozilla code base without Servo or Rust.
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/h-iw.png" class="alignleft" />
+              <a href="https://wiki.hyperbola.info/doku.php?id=en:system:userspace:application:uxp:iceweasel-uxp" target="_blank"><strong>IceWeasel-UXP</strong></a> <small>by The Hyperbola Project<!-- meh --></small><br />
+              Libre-fork of Basilisk (Firefox 52).
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/h-id.png" class="alignleft" />
+              <a href="https://wiki.hyperbola.info/doku.php?id=en:system:userspace:application:uxp:icedove-uxp" target="_blank"><strong>IceDove-UXP</strong></a> <small>by The Hyperbola Project<!-- double meh --></small><br />
+              Libre-fork of Thunderbird 52.
+            </p>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/h-ia.png" class="alignleft" />
+              <a href="https://wiki.hyperbola.info/doku.php?id=en:system:userspace:application:uxp:iceape-uxp" target="_blank"><strong>IceApe-UXP</strong></a> <small>by The Hyperbola Project<!-- Has this even gotten more than one build?! --></small><br />
+              Libre-fork of SeaMonkey 2.49.
+            </p>
+
+            <h3>Tycho Browser Platform <small style="font-weight: normal;">(Evolved Gecko/38)</small></h3>
+            <p style="display: block; min-height: 80px;">
+              <img src="media/appicons/arcticfox.png" class="alignleft" />
+              <a href="https://github.com/rmottola/Arctic-Fox" target="_blank"><strong>Arctic Fox Web Browser</strong></a> <small>by Riccardo</small><br />
+              Arctic Fox aims to be a desktop oriented browser with phone support removed, or no longer updated in the tree.<br />
+              The goal here is to implement specific security updates and bug fixes to keep this browser as up to date as possible for aging systems. Examples would be Mac OSX 10.6-10.8, PowerPC's running Linux, Windows XP, etc.
+            </p>
+            <br />
+          </div>
+        </div>
+      </div>
+    </div>
+    <p id="binoc-copyright" class="binoc-shadow-text">
+      <small><strong>All material contained on this site is the intellectual property (such as copyright or trademark) of its respective owners.</strong><br /> 
+      While this resource is sponsored and operated by BinOC it does not imply any direct or indirect affiliation with any project or organization listed here.
+      <img src="media/img/binoc-logo.png" class="aligncenter" style="margin-top: 4px;"/></small>   
+    </p>
+  </body>
+</html>