1 files changed, 87 insertions, 0 deletions
diff --git a/public_html/browser/index.php b/public_html/browser/index.php
new file mode 100644
index 0000000..08aecd6
--- /dev/null
+++ b/public_html/browser/index.php
@@ -0,0 +1,87 @@
+<?php require_once ('get.php');
+?><!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Members websites on tilde.team</title>
+  </head>
+  <body>
+    <div class="app">
+      <div class="view">
+        <iframe
+          src="https://tilde.team/~<?=$current?>"
+          frameborder="0"
+        ></iframe>
+      </div>
+      <div class="control">
+        <div>
+          you are viewing
+          <a href="https://tilde.team/~<?=$current?>" target="_blank"
+            ><?=$current?></a
+          >
+          site
+        </div>
+        <div>
+          <?php if (isset($prev)) { ?>
+          <a href="https://tilde.team/~grizzly/browser/?member=<?=$prev?>"
+            >[previous]</a
+          >
+          <?php } ?>
+          <a href="https://tilde.team/~grizzly/browser/?random">[random]</a>
+          <?php if (isset($next)) { ?>
+          <a href="https://tilde.team/~grizzly/browser/?member=<?=$next?>"
+            >[next]</a
+          >
+          <?php } ?>
+        </div>
+        <div class="cache">user list cache is updated once a day</div>
+      </div>
+    </div>
+
+    <style>
+      * {
+        padding: 0;
+        margin: 0;
+        box-sizing: border-box;
+      }
+      body {
+        font-family: "lucida sans unicode", "lucida grande", sans-serif;
+        line-height: 1.7;
+        font-size: 14px;
+        background-color: #0e0e0e;
+      }
+      .app {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+      }
+      .view {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        border: 5px dotted #3ee77b;
+      }
+      iframe {
+        flex-grow: 1;
+        background-color: #cecece;
+      }
+      .control {
+        display: flex;
+        flex-direction: column;
+        border-top: 5px dotted #3ee77b;
+        padding: 10px;
+        color: #3ee77b;
+        align-items: center;
+      }
+      .control a {
+        color: #99f2b9;
+      }
+      .cache {
+        font-size: 10px;
+        margin-top: 5px;
+      }
+    </style>
+  </body>
+</html>
\ No newline at end of file