data/html/config.html

0001 <html><head>
0002 <meta http-equiv="content-type" content="text/html; charset=utf-8">
0003 <title>%TITLE%</title>
0004 <style>
0005 html {font-family: sans-serif;}
0006 html * {font-size: 100%;line-height: 1.6;}
0007 #box {max-width:700px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
0008 h1 {font-size: 160%;margin-bottom: 0px;}
0009 h2 {margin: 5px 0px;font-size: 100%;font-weight: bold;}
0010 dl {margin-top: 0px;}
0011 dt {display: block;float: %LEFT_STR%;min-width: 24%;margin: 0 0 0.3em 1%}
0012 dd {margin: 0 0 0.3em 28%;word-wrap:break-word;}
0013 p {margin-%LEFT_STR%: 1%;}
0014 .about-img {float: %RIGHT_STR%;margin-top:10px;width:300px;}
0015 table.tbl {width: 100%;margin: 15px 0;border-radius: 4px;padding: 0px;border: 2px solid;border-collapse: separate;}
0016 .tbl th{border-radius: 2px;border: 1px solid;padding: 1px 3px;font-style:italic;}
0017 .tbl th[colspan="2"] {text-align: center;font-style:normal;}
0018 .tbl td{border-radius: 2px;border: 1px solid;text-align: center;padding:1px 3px;}
0019 .tbl td:first-child{text-align: %LEFT_STR%;padding:1px 3px 1px 5px;}
0020 .no-available-plugins{text-align: center !important;}
0021 .tbl td:nth-of-type(2){max-width: 400px;max-height: 50px;overflow:auto;}
0022
0023 @media (prefers-color-scheme: light) {
0024   html {background: #dddddd;color: #525c66;}
0025   #box {background: #ffffff;}
0026   h1 {color: #1a4ba4;}
0027   dd {color: black;}
0028   table.tbl {border-color: #aaa;}
0029   .tbl th[colspan="2"] {background: #ddd;}
0030   .tbl th {background: #eee;border-color: #aaa;}
0031   .tbl td {border-color: #aaa;}
0032   .tbl td:first-child {background: #eee;}
0033   .no-available-plugins {background: white !important;}
0034   .tbl td:nth-of-type(2) {color: black;}
0035   .dark {display: none;}
0036 }
0037 @media (prefers-color-scheme: dark) {
0038   html {background: #070709;color: #dddddd;}
0039   #box {background: #171717;}
0040   h1 {color: #0078d7;}
0041   dd {color: white;}
0042   table.tbl {border-color: #555;}
0043   .tbl th[colspan="2"] {background: #353535;}
0044   .tbl th {background: #252525;border-color: #555;}
0045   .tbl td {border-color: #555;}
0046   .tbl td:first-child {background: #252525;}
0047   .no-available-plugins {background: black !important;}
0048   .tbl td:nth-of-type(2) {color: white;}
0049   .light {display: none;}
0050 }
0051 </style>
0052 <script type="text/javascript">
0053 function addPlugins() {
0054     var table = document.getElementById('npapi-plugins');
0055     var existing = {};
0056     for (var i = 0; i < navigator.plugins.length; i++) {
0057         var plugin = navigator.plugins[i];
0058         if (plugin.name == '' || existing[plugin.filename]) {
0059             continue;
0060         }
0061         existing[plugin.filename] = true;
0062         table.innerHTML += "<tr><td>" + plugin.name + "</td><td colspan=3>"
0063             + plugin.description + " (" + plugin.filename + ")</td></tr>";
0064     }
0065 }
0066 window.addEventListener("load", addPlugins, false);
0067 </script>
0068 </head>
0069 <body>
0070   <div id="box">
0071   <img src="%ABOUT-IMG%" class="about-img light">
0072   <img src="%ABOUT-IMG-DARK%" class="about-img dark">
0073 <h1>%CONFIG%</h1>
0074 <h2>%INFORMATIONS-ABOUT-VERSION%</h2>
0075  <dl>
0076   %VERSION-INFO%
0077  </dl>
0078
0079  <h2>%BROWSER-IDENTIFICATION%</h2>
0080  <p>%USER-AGENT%</p>
0081
0082  <h2>%PATHS%</h2>
0083  <dl>
0084   %PATHS-TEXT%
0085  </dl>
0086
0087  <h2>%BUILD-CONFIG%</h2>
0088  <dl>
0089   %BUILD-CONFIG-TEXT%
0090  </dl>
0091
0092  <h2>%PLUGINS%</h2>
0093
0094   <table class="tbl">
0095     <thead>
0096       <tr><th>%PL-NAME%</th><th>%PL-VER%</th><th>%PL-AUTH%</th><th>%PL-DESC%</th></tr>
0097     </thead>
0098     <tbody>
0099       %PLUGINS-INFO%
0100     </tbody>
0101     <tbody id="npapi-plugins">
0102
0103     </tbody>
0104   </table>
0105
0106 <h2>%PREFS%</h2>
0107
0108   <table class="tbl">
0109     <thead>
0110       <tr><th>%OPTION%</th><th>%VALUE%</th></tr>
0111     </thead>
0112     <tbody>
0113       %PREFS-INFO%
0114     </tbody>
0115   </table>
0116
0117 <small style="text-align:justify">
0118 %CONFIG-ABOUT%
0119 </small>
0120 </div>
0121 </body></html>