<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/static/style.css" />
<link rel="icon" type="image/x-icon" href="/static/snufficon/excited.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Snuffler</title>
</head>
<body>
<div id="flexout">
<div id="lpanel" class="flexpanel">
<ul>
<li>Kotisivu</li>
<li>Viestit</li>
<li>Kalavaleet</li>
<li>Takasivu</li>
</ul>
</div>
<div id="rpanel" class="flexpanel">
<ul>
<li>Mikko Mällikäs<br /><small>@mmallikas</small></li>
<li>Jarkko Toivanen<br /><small>@jt</small></li>
</ul>
</div>
<div id="centerbox">
<div id="titlebox"><img src="/static/snufficon/excited.png" alt="" />Snuffler</div>
<form id="loginform" method="post" action="login.php">
<input type="text" name="name" placeholder="username" />
<input type="password" name="pass" placeholder="password" />
<input type="submit" name="submit" value="Log in" />
</form>
<a href="logout.php">LOG OUT</a>
<form id="postform" method="post" action="post.php">
<textarea id="postformtextarea" name="text" rows="5" placeholder="Whatcha snuffin' about?"></textarea><br />
<div id="postformactionrow">
<select id="persona" name="persona">
<option value="TODO">TODO</option>
</select>
<input type="submit" id="submit" name="submit" value="Snuff!" />
</div>
</form>
<h1>{{.Title}}</h1>
{{range .Posts}}
<div class="post">
<div class="postinfo">
{{.UserName}}: <strong>{{.PersonaName}}</strong>
<br><small>@{{.UserHandle}}@{{.PersonaHandle}}</small>
</div>
<p>{{.Text}}</p>
<hr><small>{{.Time}}</small>
<span class="postactions">
<img class="reactionaction" src="/static/snufficon/thumbs_up.png" />
<img class="reactionaction" src="/static/snufficon/thumbs_down.png" />
<img class="reactionaction" src="/static/snufficon/joy.png" />
<img class="reactionaction" src="/static/snufficon/sob.png" />
<img class="reactionaction" src="/static/snufficon/heart_eyes.png" />
</span>
</div>
{{end}}
</div>
</div>
</body>
</html>