<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>In Angulis</title>
<!--<link rel="stylesheet" href="/css/baseline.css">-->
<link rel="stylesheet" href="/static/css/main.css">
</head>
<body>
<h1>In Angulis</h1>
{{#user}}
<div class="userinfo">
<div class="user">{{name}}</div>
<div class="email">{{email}}</div>
<div class="mod">{{moderator}}</div>
<a id="logout" href="/logout">[Logout]</a>
</div>
{{/user}}
<main id="app">
<form action="/murmuro" id="submission" name="submission" method="POST" v-on:submit="submit">
<input type="text" name="headline" placeholder="Headline" v-model="newLink.headline">
<input type="text" name="url" placeholder="URL" v-model="newLink.url">
<input type="submit" value="Go" title='Murmuro'>
</form>
</main>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/jquery.formalize.js"></script>
<script src="/static/js/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
methods: {
submit: function(e) {
e.preventDefault();
this.links.unshift(0,Object.create(this.newLink));
this.newLink = {};
return false;
}
},
data: {
newLink: {
}
}
});
</script>
</body>
</html>