index.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510
  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 #00000080;
  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: 256px;
  272. height: 256px;
  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="http://files.thereisonlyxul.org/" target="_blank">Files</a></li>
  363. <li><a href="https://github.com/thereisonlyxul" target="_blank">GitHub</a></li>
  364. </ul>
  365. </div>
  366. </div>
  367. <div id="binoc-window">
  368. <div id="binoc-caption" class="binoc-shadow-text">
  369. <h1>Overview</h1>
  370. <p>Community resources for independent Mozilla development.</p>
  371. </div>
  372. <div id="binoc-client">
  373. <div id="binoc-commandbar">
  374. <ul>
  375. <li><a href="javascript:void(0)">SeaMonkey Resources <small>&#9698;</small></a>
  376. <ul>
  377. <li><a href="https://web.libera.chat/gamja/?channel=#seamonkey" target="_blank">#seamonkey on Libera.chat <small>[IRC]</small></a></li>
  378. <li><a href="http://forums.mozillazine.org/viewforum.php?f=51" target="_blank">SeaMonkey on Mozillazine <small>[Forum]</small></a></li>
  379. <li><a href="https://wiki.mozilla.org/SeaMonkey/StatusMeetings" target="_blank">Status Meetings <small>[Mozilla Wiki]</small></a></li>
  380. <li><a href="http://xr.thereisonlyxul.org/seamonkey-2.53/" target="_blank">SM 2.53 Codebase XR <small>[thereisonlyxul.org]</small></a></li>
  381. <li><a href="https://gitlab.com/seamonkey-project" target="_blank">Repositories <small>[Gitlab]</small></a></li>
  382. <li><a href="https://addons.thunderbird.net/en-US/seamonkey/" target="_blank">Add-ons <small>[ATBN]</small></a></li>
  383. </ul>
  384. </li>
  385. <li><a href="javascript:void(0)">Binary Outcast Resources <small>&#9698;</small></a>
  386. <ul>
  387. <li><a href="https://irc.binaryoutcast.com/?nick=XUL-Guest....&channels=binaryoutcast&prompt=1" target="_blank">BinOC/Chat <small>[IRC]</small></a></li>
  388. <li><a href="https://code.binaryoutcast.com/" target="_blank">BinOC/Code <small>[Github]</small></a></li>
  389. <li><a href="https://storage.binaryoutcast.com/pub/" target="_blank">BinOC/Storage <small>[Files]</small></a></li>
  390. </ul>
  391. </li>
  392. <li><a href="javascript:void(0)">Mozilla Resources <small>&#9698;</small></a>
  393. <ul>
  394. <li><a href="https://bugzilla.mozilla.org/" target="_blank">Bugzilla</a></li>
  395. <li><a href="https://developer.mozilla.org/" target="_blank">MDN Web Docs</a></li>
  396. <li><a href="https://wiki.mozilla.org/" target="_blank">Wiki</a></li>
  397. <li><a href="https://hg.mozilla.org/" target="_blank">Repositories <small>[Mozilla]</small></a></li>
  398. <li><a href="https://github.com/mozilla/" target="_blank">Repositories <small>[Github]</small></a></li>
  399. <li><a href="https://addons.mozilla.org/" target="_blank">Add-ons</a></li>
  400. <li><a href="https://ftp.mozilla.org/pub/" target="_blank">File Archive <small>[Formerly FTP]</small></a></li>
  401. </ul>
  402. </li>
  403. <li><a href="javascript:void(0)">Legacy PM Resources <small>&#9698;</small></a>
  404. <ul>
  405. <li><a href="https://www.palemoon.org/" target="_blank">Pale Moon Browser</a></li>
  406. <li><a href="https://forum.palemoon.org/" target="_blank">PM Forum</a></li>
  407. <li><a href="https://developer.palemoon.org/" target="_blank">PM Dev Site</a></li>
  408. <li><a href="https://xref.palemoon.org/" target="_blank">PM Cross-Reference</a></li>
  409. <li><a href="https://repo.palemoon.org/MoonchildProductions/" target="_blank">PM Repositories</a></li>
  410. <li><a href="https://addons.palemoon.org/" target="_blank">PM Add-ons</a></li>
  411. <li><a href="https://addons.epyrus.org/" target="_blank">Epyrus Add-ons</a></li>
  412. <li><a href="https://addons.basilisk-browser.org/" target="_blank">Basilisk Add-ons</a></li>
  413. <li><a href="https://udn.realityripple.com/" target="_blank">UDN Web Docs <small>[MDN Backup]</small></a></li>
  414. </ul>
  415. </li>
  416. </ul>
  417. </div>
  418. <div id="binoc-body" class="fadeIn">
  419. <div id="binoc-content">
  420. <h2>Welcome to thereisonlyxul.org!</h2>
  421. <p>This site is a resource for independant Mozilla development and is changing to deal with reality some 10 years later. A reality the Unified XUL Platform was SUPPOSED to provide a viable alternative solution to for everyone but fails to do so even today.</p>
  422. <p>As always, there isn't a lot to see on this page except some resource links. However, you can always check out the resources we offer in addition to those linked in the command bar on the main menu in the site header.</p>
  423. <p>We are also providing an IRC log bot for the SeaMonkey Project <a href="http://logbot.thereisonlyxul.org/seamonkey" target="_blank">here</a>.</p>
  424. <p>It is being debated if other projects should be listed at all beyond reference given the lack-luster appreciation for it up to this point. Until then...</p>
  425. <h2>There is only SeaMonkey!</h2>
  426. <p>The SeaMonkey Project is the original Mozilla fork. The one that said: "The suite is discontined? We'll see about that...". It has been an inspiration to many for nearly 20 years.</p>
  427. <p style="display: block; min-height: 80px;">
  428. <img src="media/appicons/seamonkey.png" class="alignleft" />
  429. <a href="https://www.seamonkey-project.org/" target="_blank"><strong>SeaMonkey Internet Application Suite</strong></a> <small>by The SeaMonkey Project</small><br />
  430. 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.
  431. </p>
  432. <br />
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437. <p id="binoc-copyright" class="binoc-shadow-text">
  438. <small><strong>All material contained on this site is the intellectual property (such as copyright or trademark) of its respective owners.</strong><br />
  439. 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>
  440. </p>
  441. </body>
  442. </html>