blob: 08aecd657a52efc3481559303b5f5130d3a5203c (
plain) (
tree)
|
|
<?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>
|