2015-02-11 04:40:44 +00:00
|
|
|
{{define "where"}}
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
|
|
|
|
<title>$ where</title>
|
|
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="tilde.css" />
|
|
|
|
<style type="text/css">
|
|
|
|
div.user {
|
|
|
|
margin: 0;
|
2015-02-11 05:09:10 +00:00
|
|
|
width: 50em;
|
2015-02-11 04:40:44 +00:00
|
|
|
}
|
|
|
|
div.user h2 {
|
|
|
|
margin: 0;
|
2015-02-18 05:26:31 +00:00
|
|
|
padding: 4px 0;
|
|
|
|
}
|
|
|
|
div.user h2 a {
|
|
|
|
padding-top: 4px;
|
|
|
|
padding-bottom: 4px;
|
2015-02-11 04:40:44 +00:00
|
|
|
}
|
2015-02-11 05:09:10 +00:00
|
|
|
span.time {
|
2015-02-18 05:26:31 +00:00
|
|
|
margin-top: 10px;
|
2015-02-11 05:09:10 +00:00
|
|
|
float: right;
|
|
|
|
color: #999;
|
|
|
|
}
|
2015-02-18 05:26:31 +00:00
|
|
|
iframe {
|
|
|
|
width: 100%;
|
|
|
|
height: 50em;
|
|
|
|
}
|
|
|
|
p.emph {
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
2015-02-11 04:40:44 +00:00
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body id="hello" class="user-list">
|
|
|
|
|
|
|
|
<h1>$ where</h1> <span class="updated"><a href="/~bear/">↑ up</a></span>
|
|
|
|
|
|
|
|
<p>Last Updated: <time datetime="{{.Updated}}">{{.UpdatedForHumans}}</time></p>
|
|
|
|
|
2015-02-18 05:26:31 +00:00
|
|
|
<p class="emph">Users online now:</p>
|
2015-02-11 04:40:44 +00:00
|
|
|
{{range .Users}}
|
|
|
|
<div class="user">
|
2015-02-11 05:09:10 +00:00
|
|
|
<h2><a href="/~{{.Name}}/">~{{.Name}}</a></h2> <span class="location">{{Location .Region .Country}} </span> <span class="time">{{.CurrentTime}}</span>
|
2015-02-11 04:40:44 +00:00
|
|
|
</div>
|
|
|
|
{{end}}
|
|
|
|
|
2015-02-18 05:26:31 +00:00
|
|
|
<p class="emph" style="margin-top: 2em; margin-bottom: 1em;">All users - <a href="/~bear/map.html">full map</a> | <a href="/~bear/where.json">data</a></p>
|
|
|
|
<iframe src="/~bear/map.html"></iframe>
|
|
|
|
|
|
|
|
|
2015-02-11 04:40:44 +00:00
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
{{end}}
|