index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  1. <html>
  2. <head>
  3. <title>Overview - There is only XUL dot org</title>
  4. <link rel="stylesheet" href="media/webfont/red-hat-font.css">
  5. <style>
  6. body {
  7. margin: 0px;
  8. background-color: #667086;
  9. background-image: linear-gradient(to bottom, #687287 0px, #747f96 100%);
  10. background-repeat: no-repeat;
  11. background-attachment: fixed;
  12. background-position-x: center;
  13. overflow-y: scroll;
  14. }
  15. body, td, th {
  16. font-family: "RedHatText";
  17. font-size: 12pt;
  18. color: #000000;
  19. }
  20. a:link, a:visited {
  21. color: #445271;
  22. text-decoration: underline dotted;
  23. text-decoration-thickness: 1px;
  24. }
  25. a:active, a:focus {
  26. text-decoration: underline;
  27. color: #c78b94;
  28. }
  29. a:hover {
  30. text-decoration: underline;
  31. color: #c78b94;
  32. }
  33. hr {
  34. width: 50%;
  35. border: none;
  36. margin-top: 24px;
  37. margin-bottom: 24px;
  38. border-bottom: 1px solid #445271;
  39. border-image: linear-gradient(to right, #44527100 0%, #445271 50%, #44527100 100%) 1;
  40. }
  41. .alignleft {
  42. float: left;
  43. text-align: left;
  44. margin-right: 10px;
  45. }
  46. .alignright {
  47. float: right;
  48. text-align: right;
  49. margin-left: 10px;
  50. }
  51. .aligncenter {
  52. display:block;
  53. margin-left:auto;
  54. margin-right:auto;
  55. }
  56. h1, h2, h3 {
  57. font-family: "RedHatDisplay";
  58. line-height: 100%;
  59. padding-bottom: 4px;
  60. margin: 0.5em auto;
  61. }
  62. h1 {
  63. font-size: 26pt;
  64. }
  65. h2 {
  66. border-bottom: 1px solid #571e1e;
  67. border-image: linear-gradient(to right, #445271 0%, #445271 75%,#44527100 100%) 1;
  68. }
  69. h2:first-of-type {
  70. margin-top: 10px;
  71. }
  72. ul {
  73. padding-left: 16px;
  74. list-style-type: disc;
  75. }
  76. #binoc-header {
  77. background-image: linear-gradient(to bottom, #455372 0%, #445271 35%, #445271 60%, #2a3753 100%);
  78. width: 100%;
  79. min-width: 1200px;
  80. height: 54px;
  81. border-bottom: 1px solid #455372;
  82. box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  83. z-index: 999;
  84. color: #fff;
  85. font-family: "RedHatDisplay";
  86. }
  87. #binoc-header-logo {
  88. width: 180px;
  89. height: 32px;
  90. float: left;
  91. margin-top: 10px;
  92. margin-left: 12px;
  93. }
  94. #binoc-header-menu {
  95. float: right;
  96. margin: 0px;
  97. padding-top: 0px;
  98. font-size: 12pt;
  99. color: #fff;
  100. }
  101. #binoc-header-menu > ul {
  102. display: table;
  103. margin: 0px;
  104. padding: 0px;
  105. }
  106. #binoc-header-menu > ul > li {
  107. float: left;
  108. list-style: none;
  109. margin-top: 15px;
  110. margin-bottom: 0px;
  111. padding-left: 8px;
  112. padding-right: 8px;
  113. padding-bottom: 2px;
  114. }
  115. #binoc-header-menu > ul:last-child {
  116. padding-right: 16px;
  117. }
  118. #binoc-header-menu > ul > li > a,
  119. #binoc-header-menu > ul > li > a:active,
  120. #binoc-header-menu > ul > li > a:visited{
  121. text-decoration: none;
  122. color: #fff;
  123. }
  124. #binoc-header-menu > ul > li > a:hover {
  125. color: #bebfc1;
  126. }
  127. @media all and (min-width: 1220px) {
  128. #binoc-window {
  129. width: 1200px;
  130. }
  131. }
  132. /*
  133. @media all and (min-width: 1540px) {
  134. #binoc-window {
  135. width: 1520px;
  136. }
  137. }
  138. @media all and (min-width: 1860px) {
  139. #binoc-window {
  140. width: 1840px;
  141. }
  142. }
  143. */
  144. #binoc-window {
  145. min-width: 1200px;
  146. max-width: 1840px;
  147. margin: 0 auto;
  148. padding: 0px;
  149. transition: fade 0.4s;
  150. }
  151. #binoc-caption {
  152. line-height: inital;
  153. text-align: left;
  154. color: #fff;
  155. overflow-x: hidden;
  156. margin: 0px;
  157. }
  158. #binoc-caption h1 {
  159. border: none;
  160. margin-bottom: -20px;
  161. }
  162. #binoc-caption p {
  163. font-family: "RedHatText";
  164. font-size: 14pt;
  165. font-weight: normal;
  166. }
  167. #binoc-client {
  168. background-color: rgba(250,250,255, 0.90);
  169. margin-top: -6px;
  170. overflow-x: hidden;
  171. border: 1px solid #2a3753;
  172. box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  173. }
  174. #binoc-client p {
  175. line-height: 125%;
  176. }
  177. #binoc-commandbar {
  178. height: 30px;
  179. max-height: 30px;
  180. background-color: #455372;
  181. margin: 0px;
  182. padding-top: 0px;
  183. font-size: 10pt;
  184. font-weight: bold;
  185. color: #fff;
  186. font-family: "RedHatDisplay";
  187. border-bottom: 1px solid #2a3753;
  188. }
  189. #binoc-commandbar > ul {
  190. display: table;
  191. margin: 0px;
  192. padding: 0px;
  193. }
  194. #binoc-commandbar > ul > li {
  195. float: left;
  196. list-style: none;
  197. margin-top: 6px;
  198. margin-left: 8px;
  199. margin-bottom: 0px;
  200. }
  201. #binoc-commandbar ul > li > a,
  202. #binoc-commandbar ul > li > a:active,
  203. #binoc-commandbar ul > li > a:visited{
  204. color: #fff;
  205. text-decoration: none;
  206. text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  207. }
  208. #binoc-commandbar ul > li > a {
  209. padding-top: 2px;
  210. padding-left: 8px;
  211. padding-right: 8px;
  212. padding-bottom: 1px;
  213. }
  214. #binoc-commandbar ul > li > a:hover {
  215. color: #fff;
  216. box-shadow: 0px 0px 1px rgba(0,0,0,1);
  217. text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  218. background-color: #2a3753;
  219. }
  220. #binoc-commandbar ul > li > a:active {
  221. color: #fff;
  222. box-shadow: 0px 0px 1px rgba(0,0,0,1);
  223. text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  224. background-color: rgba(41,69,106,0.50);
  225. }
  226. #binoc-commandbar > ul > li > ul {
  227. background-color: #455372;
  228. border: 1px solid #2a3753;
  229. position: absolute;
  230. padding: 0px;
  231. margin-top: 1px;
  232. display: none;
  233. z-index: 1000;
  234. }
  235. #binoc-commandbar > ul > li:hover > ul {
  236. display: block;
  237. }
  238. #binoc-commandbar > ul > li > ul > li,
  239. #binoc-commandbar > ul > li > ul > li > a,
  240. #binoc-commandbar > ul > li > ul > li > a:hover,
  241. #binoc-commandbar > ul > li > ul > li > a:active,
  242. #binoc-commandbar > ul > li > ul > li > a:visited {
  243. margin: 0px;
  244. padding: 0px;
  245. border: none;
  246. box-shadow: none;
  247. background: none;
  248. padding-top: 6px;
  249. padding-left: 8px;
  250. padding-right: 16px;
  251. padding-bottom: 6px;
  252. }
  253. #binoc-commandbar > ul > li > ul > li {
  254. list-style: none;
  255. }
  256. #binoc-commandbar > ul > li > ul > li:hover {
  257. background-color: #2a3753;
  258. }
  259. #binoc-commandbar > ul > li > ul > li:not([noactivecolor="true"]):active {
  260. background-color: #2a3753;
  261. }
  262. #binoc-commandbar > ul > li > ul > li:hover > a,
  263. #binoc-commandbar > ul > li > ul > li:active > a {
  264. color: #fff;
  265. text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  266. }
  267. #binoc-body {
  268. margin: 0px;
  269. display: table;
  270. width: 100%;
  271. min-height: 480px;
  272. height: 480px;
  273. }
  274. #binoc-content {
  275. display: table-cell;
  276. vertical-align: top;
  277. overflow-wrap: break-word;
  278. padding: 0px;
  279. padding-left: 8px;
  280. padding-right: 8px;
  281. }
  282. #binoc-sidebar {
  283. display: table-cell;
  284. vertical-align: top;
  285. overflow-wrap: break-word;
  286. border-left: 1px solid #98aec6;
  287. border-image: linear-gradient(to bottom, #98aec6 0px, #98aec600 330px) 1;
  288. min-height: 400px;
  289. min-width: 220px;
  290. max-width: 220px;
  291. width: 220px;
  292. padding-top: 4px;
  293. padding-left: 8px;
  294. padding-right: 8px;
  295. padding-bottom: 8px;
  296. }
  297. #binoc-sidebar > h3 {
  298. text-align: center;
  299. }
  300. #binoc-sidebar > ul {
  301. list-style: none;
  302. padding-left: 0px;
  303. }
  304. #binoc-sidebar > ul > li {
  305. margin-bottom: 2px;
  306. }
  307. #binoc-sidebar > hr {
  308. width: 100%;
  309. }
  310. #binoc-copyright {
  311. margin: 0 auto;
  312. font-size: 8pt;
  313. line-height: inital;
  314. margin-top: 24px;
  315. margin-bottom: 24px;
  316. padding-top: 8px;
  317. padding-bottom: 8px;
  318. width: 768px;
  319. text-align: center;
  320. font-family: "RedHatDisplay";
  321. color: #fff;
  322. border-top: 1px solid #98aec6;
  323. border-bottom: 1px solid #98aec6;
  324. border-image: linear-gradient(to right, #98aec600 0%, #98aec6 50%, #98aec600 100%) 1;
  325. }
  326. .binoc-shadow-text {
  327. text-shadow: 0px 1px 1px rgba(0,0,0,0.85), 0px 1px 0px rgb(0,0,0);
  328. }
  329. .fadeIn {
  330. animation: fade 0.4s;
  331. }
  332. @keyframes fade {
  333. from { opacity: 0; }
  334. to { opacity: 1; }
  335. }
  336. @keyframes technicolorHell {
  337. to { filter: hue-rotate(-360deg); }
  338. }
  339. @keyframes flash {
  340. 0% { filter: saturate(100%) contrast(100%) brightness(100%); }
  341. 50% { filter: saturate(150%) contrast(50%) brightness(200%); }
  342. 100% { filter: saturate(100%) contrast(100%) brightness(100%); }
  343. }
  344. .clearfix:after {
  345. content: ".";
  346. display: block;
  347. height: 0;
  348. clear: both;
  349. visibility: hidden;
  350. }
  351. </style>
  352. </head>
  353. <body>
  354. <div id="binoc-header">
  355. <div id="binoc-header-logo">
  356. <a href="/" title="Community resources for independent Mozilla development."><img src="media/img/xul-logo.png" /></a>
  357. </div>
  358. <div id="binoc-header-menu" class="binoc-shadow-text">
  359. <ul>
  360. <li><a href="#">Overview</a></li>
  361. <li><a href="http://xr.thereisonlyxul.org/" target="_blank">Cross-Reference</a></li>
  362. <li><a href="https://github.com/thereisonlyxul" target="_blank">GitHub</a></li>
  363. </ul>
  364. </div>
  365. </div>
  366. <div id="binoc-window">
  367. <div id="binoc-caption" class="binoc-shadow-text">
  368. <h1>Overview</h1>
  369. <p>Community resources for independent Mozilla development.</p>
  370. </div>
  371. <div id="binoc-client">
  372. <div id="binoc-commandbar">
  373. <ul>
  374. <li><a href="javascript:void(0)">SeaMonkey Resources <small>&#9698;</small></a>
  375. <ul>
  376. <li><a href="https://web.libera.chat/gamja/?channel=#seamonkey" target="_blank">#seamonkey on Libera.chat <small>[IRC]</small></a></li>
  377. <li><a href="http://forums.mozillazine.org/viewforum.php?f=51" target="_blank">SeaMonkey on Mozillazine <small>[Forum]</small></a></li>
  378. <li><a href="https://wiki.mozilla.org/SeaMonkey/StatusMeetings" target="_blank">Status Meetings <small>[Mozilla Wiki]</small></a></li>
  379. <li><a href="http://xr.thereisonlyxul.org/seamonkey-2.53/" target="_blank">SM 2.53 Codebase XR <small>[thereisonlyxul.org]</small></a></li>
  380. <li><a href="https://gitlab.com/seamonkey-project" target="_blank">Repositories <small>[Gitlab]</small></a></li>
  381. <li><a href="https://addons.thunderbird.net/en-US/seamonkey/" target="_blank">Add-ons <small>[ATBN]</small></a></li>
  382. </ul>
  383. </li>
  384. <li><a href="javascript:void(0)">Binary Outcast Resources <small>&#9698;</small></a>
  385. <ul>
  386. <li><a href="https://irc.binaryoutcast.com/?nick=XUL-Guest....&channels=binaryoutcast&prompt=1" target="_blank">BinOC/Chat <small>[IRC]</small></a></li>
  387. <li><a href="https://code.binaryoutcast.com/" target="_blank">BinOC/Code <small>[Github]</small></a></li>
  388. <li><a href="https://storage.binaryoutcast.com/pub/" target="_blank">BinOC/Storage <small>[Files]</small></a></li>
  389. </ul>
  390. </li>
  391. <li><a href="javascript:void(0)">Mozilla Resources <small>&#9698;</small></a>
  392. <ul>
  393. <li><a href="https://bugzilla.mozilla.org/" target="_blank">Bugzilla</a></li>
  394. <li><a href="https://developer.mozilla.org/" target="_blank">MDN Web Docs</a></li>
  395. <li><a href="https://wiki.mozilla.org/" target="_blank">Wiki</a></li>
  396. <li><a href="https://hg.mozilla.org/" target="_blank">Repositories <small>[Mozilla]</small></a></li>
  397. <li><a href="https://github.com/mozilla/" target="_blank">Repositories <small>[Github]</small></a></li>
  398. <li><a href="https://addons.mozilla.org/" target="_blank">Add-ons</a></li>
  399. <li><a href="https://ftp.mozilla.org/pub/" target="_blank">File Archive <small>[Formerly FTP]</small></a></li>
  400. </ul>
  401. </li>
  402. <li><a href="javascript:void(0)">Legacy PM Resources <small>&#9698;</small></a>
  403. <ul>
  404. <li><a href="https://www.palemoon.org/" target="_blank">Pale Moon Browser</a></li>
  405. <li><a href="https://forum.palemoon.org/" target="_blank">PM Forum</a></li>
  406. <li><a href="https://developer.palemoon.org/" target="_blank">PM Dev Site</a></li>
  407. <li><a href="https://xref.palemoon.org/" target="_blank">PM Cross-Reference</a></li>
  408. <li><a href="https://repo.palemoon.org/MoonchildProductions/" target="_blank">PM Repositories</a></li>
  409. <li><a href="https://addons.palemoon.org/" target="_blank">PM Add-ons</a></li>
  410. <li><a href="https://addons.epyrus.org/" target="_blank">Epyrus Add-ons</a></li>
  411. <li><a href="https://addons.basilisk-browser.org/" target="_blank">Basilisk Add-ons</a></li>
  412. <li><a href="https://udn.realityripple.com/" target="_blank">UDN Web Docs <small>[MDN Backup]</small></a></li>
  413. </ul>
  414. </li>
  415. </ul>
  416. </div>
  417. <div id="binoc-body" class="fadeIn">
  418. <div id="binoc-content">
  419. <h2>There is only SeaMonkey!</h2>
  420. <p>The SeaMonkey Project is the original rebel Mozilla fork. The one that said: "The suite is discontined? Yeah, we'll see about that...". It has been an inspiration to many for nearly 20 years.</p>
  421. <p style="display: block; min-height: 80px;">
  422. <img src="media/appicons/seamonkey.png" class="alignleft" />
  423. <a href="https://www.seamonkey-project.org/" target="_blank"><strong>SeaMonkey Internet Application Suite</strong></a> <small>by The SeaMonkey Project</small><br />
  424. 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.
  425. </p>
  426. <!-- 0 -->
  427. <div id="other-projects">
  428. <h3>Other traditional XUL projects</h3>
  429. <p style="display: block; min-height: 80px;">
  430. <img src="media/appicons/netfusion.png" class="alignleft" />
  431. <a href="https://forum.palemoon.org/viewtopic.php?f=69&t=30204" target="_blank"><strong>NetFusion Suite</strong></a> <small>by mrnhmath</small><br />
  432. Goanna-based all-in-one Internet Application Suite<br/><br />
  433. <small>Additional Unified XUL Platform projects may be found at the PM Forum (link in the menu).</small>
  434. </p>
  435. <p style="display: block; min-height: 80px;">
  436. <img src="media/appicons/arcticfox.png" class="alignleft" />
  437. <a href="https://github.com/rmottola/Arctic-Fox" target="_blank"><strong>Arctic Fox Web Browser</strong></a> <small>by Riccardo</small><br />
  438. Arctic Fox aims to be a desktop oriented browser with phone support removed, or no longer updated in the tree.<br />
  439. 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.
  440. </p>
  441. <!-- 0 -->
  442. <h3>Beyond XUL</h3>
  443. <p>These projects go beyond XUL by being based on Gecko/57 or newer following a "modern" design.</p>
  444. <p style="display: block; min-height: 80px;">
  445. <img src="media/appicons/waterfox.png" class="alignleft" />
  446. <a href="https://www.waterfox.net/" target="_blank"><strong>Waterfox</strong></a> <small>by BrowserWorks Ltd</small><br />
  447. Fast and Private Web Browser based on Firefox
  448. </p>
  449. <p style="display: block; min-height: 80px;">
  450. <img src="media/appicons/betterbird.png" class="alignleft" />
  451. <a href="https://www.betterbird.eu/" target="_blank"><strong>Betterbird</strong></a> <small>by The Betterbird Project</small><br />
  452. Betterbird is a fine-tuned version of Mozilla Thunderbird, Thunderbird on steroids, if you will.
  453. </p>
  454. </div>
  455. <p><em><a href="#background" onclick="document.getElementById('other-projects').style.display = 'block'; this.style.display = 'none';">See more projects&hellip;</a></em></p>
  456. <br />
  457. </div>
  458. </div>
  459. </div>
  460. </div>
  461. <p id="binoc-copyright" class="binoc-shadow-text">
  462. <small><strong>All material contained on this site is the intellectual property (such as copyright or trademark) of its respective owners.</strong><br />
  463. While this resource is sponsored and looked after by Matt A. Tobin of Binary Outcast it does not imply any direct or indirect affiliation with any project or organization listed here.</small>
  464. </p>
  465. </body>
  466. </html>