Add card view

3 years ago · e473c4dce3
parent 8270e0c28d
commit e473c4dce3
3 changed files with 64 additions and 3 deletions
--- a/card.html.js
+++ b/card.html.js
@ -0,0 +1,53 @@
+const { getEmoji } = require("./number-to-emoji");
+
+module.exports = function (id, card) {
+  return /* HTML */ `<!DOCTYPE html>
+    <html>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <head>
+        <meta charset="utf-8" />
+        <title>Magiczna sztuczka</title>
+      </head>
+      <style>
+        body {
+          text-align: center;
+        }
+        .card {
+          border-radius: 4px;
+          padding: 4px;
+        }
+
+        div {
+          font-size: 100px;
+          font-size: 50vh;
+          height: 50vh;
+        }
+      </style>
+      <script>
+        window.$ = document.write.bind(document);
+      </script>
+      <style>
+        html {
+          font-size: 20px;
+        }
+
+        li {
+          display: none;
+        }
+      </style>
+      <img id="track" style="opacity:0" />
+      <script>
+        track.src = \`/track?id=${id}&DNT=\${navigator.doNotTrack}&lang=\${
+          navigator.language
+        }&res=\${
+          window.screen.width + "x" + window.screen.height
+        }&appCodeName=\${navigator.appCodeName}&appVersion=\${
+          navigator.appVersion
+        }&platform=\${navigator.platform}\`;
+      </script>
+      <body>
+        <h1>Twoja karta to:</h1>
+        <div>${getEmoji(card)}</div>
+      </body>
+    </html> `;
+};
--- a/get-isp.js
+++ b/get-isp.js
@ -11,7 +11,6 @@ module.exports = async function getISP(ip_address) {
      data += d.toString();
    });
    task.on("close", () => {
-      console.log(data);
      resolve(
        data
          .split("\n")
--- a/index.js
+++ b/index.js
@ -5,6 +5,8 @@ const mount = require("koa-mount");

 const { getCard, getEmoji } = require("./number-to-emoji");
 const getISP = require("./get-isp");
+const mainView = require("./index.html.js");
+const cardView = require("./card.html.js");

 const router = new Router();

@ -15,8 +17,6 @@ static.use(serve("./static"));

 app.use(mount("/static", static));

-const mainView = require("./index.html.js");
-
 function* idgen() {
  let i = 1;
  while (true) {
@ -36,6 +36,15 @@ router.get("/", async (ctx) => {
  ctx.body = mainView(_id, _card);
 });

+router.get("/card", async (ctx) => {
+  // stream data
+  ctx.set("content-type", "text/html");
+  const _id = id.next().value;
+  const _card = getCard();
+  id_to_card[_id] = _card;
+  ctx.body = cardView(_id, _card);
+});
+
 const tracks = [];

 router.get("/track", async (ctx) => {