index.html (#45)

* index.html * .info
2026-04-21 22:38:02 +00:00 · 2021-01-06 13:53:58 +01:00
parent 9a775b4494
commit 5a97fe1c42
4 changed files with 108 additions and 1 deletions
@@ -1,11 +1,19 @@
 # CHANGELOG

-## 0.4.0-x
+## master
+
+Contributed:
+
+- Added polkadot-wallet.com (Thanks to https://github.com/FlorianFranzen)

 Changes:

+- Added polkadot-airdrop.live
 - Added polkadotfund.com
 - Add test for sites with www prefix
+- Sort sites as part of the pre-publish build
+- Add urlmeta.json for extended info
+- Add index.html for table display from meta


 ## 0.3.1 Dec 13, 2020
@@ -2,6 +2,7 @@
  "allow": [],
  "deny": [
    "dothereum-polkadot.net",
+    "polkadot-airdrop.info",
    "polkadot-airdrop.live",
    "polkadot-dot.info",
    "polkadot-wallet.com",
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=0.5, maximum-scale=1">
+    <link rel="shortcut icon" href="favicon.ico">
+    <title>polkadot{.js}/phishing</title>
+    <style>
+      a { color: #ff8c00 !important; text-decoration: none }
+      body { color: #4e4e4e; font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; height: 100vh; overflow: hidden; padding: 0 }
+      h3 { font-weight: 400; margin: 1rem 0; opacity: 0.95; text-transform: lowercase }
+      p { margin: 1rem 0 }
+
+      .box { background: rgba(255, 255, 255, 0.85); border-radius: 0.25rem; flex: 1 1; margin: 0.5rem; min-width: 15rem; max-width: 40rem; padding: 0 1.5rem; text-align: center; white-space: nowrap; width: 40rem; z-index: 2 }
+      .container { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-top: 4rem }
+      .desc { font-size:  0.95rem; opacity: 0.85; white-space: normal }
+      .dot { border-radius: 50%; position: absolute; z-index: 0 }
+      .header { align-items: center; background: rgba(255, 255, 255, 0.85); display: flex; left: 0; justify-content: space-between; padding: 0.5rem 1rem; position: fixed; right: 0; top: 0; z-index: 1 }
+      .header div.logo { display: flex; align-items: center }
+      .header img { height: 1.5rem; margin-right: 0.5rem; width: 1.5rem }
+      .row { align-items: center; display: flex; justify-content: center }
+      table { margin: 1rem 0 }
+      td { padding: 0.25rem 0.5rem; text-align: right }
+      td:last-child { width: 100% }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="row">
+        <div class="box">
+          <h3>phishing</h3>
+          <p class="desc">A curated list of known less-than-honest sites inclusive of a simple JS utility function to check any host against this list.</p>
+          <p class="desc">Any additions can be made by editing <a href="https://github.com/polkadot-js/phishing/edit/master/all.json">phishing/all.json</a> and adding any new sites in alphabetical order. For any discrepancies or requests <a href="https://github.com/polkadot-js/phishing/issues">log an issue</a>.</p>
+        </div>
+      </div>
+      <div class="row">
+        <div class="box">
+          <table>
+            <tbody id="table">
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+    <div class="header">
+      <div class="logo">
+        <img src="https://polkadot.js.org/logo.svg" />
+        <div>polkadot{.js}/phishing</div>
+      </div>
+      <a href="https://github.com/polkadot-js/phishing">view on github</a>
+    </div>
+    <script>
+      if (window.self !== window.top) {
+        window.top.location.href = window.location.href;
+      }
+
+      const style = document.createElement('style');
+      const table = document.getElementById('table');
+
+      document.head.appendChild(style);
+
+      let hue = Math.floor(Math.random() * 359);
+      let counter = 0;
+
+      function draw () {
+        hue = (hue + 1) % 360;
+        document.body.style.background = `hsl(${hue}, 45%, 85%)`;
+        style.innerHTML = `a { color: hsl(${hue}, 45%, 45%) !important }`;
+
+        setTimeout(() => window.requestAnimationFrame(draw), 25);
+      }
+
+      async function main () {
+        draw();
+
+        const metaBody = await fetch('https://polkadot.js.org/phishing/urlmeta.json');
+        const metaJson = await metaBody.json();
+
+        metaJson.forEach(({ date, url }) => {
+          const row = document.createElement('tr');
+          const u = document.createElement('td');
+          const d = document.createElement('td');
+
+          u.appendChild(document.createTextNode(url));
+          d.appendChild(document.createTextNode(date))
+
+          row.appendChild(u);
+          row.appendChild(d);
+
+          table.appendChild(row);
+        });
+      }
+
+      main();
+    </script>
+  </body>
+</html>
+