<!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="/css/main.css">
</head>
<body>
<h1>In Angulis</h1>
<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>
<ul id="submissions">
<li class="in-progress " v-if="newLink.headline !== undefined || newLink.url !== undefined">
<a href="#">
<h2>{{ newLink.headline }}</h2>
<p>{{ newLink.url }}</p>
</a>
</li>
<li class="submission" v-for="link in links">
<div class="moderation">
<form action="/curo" method="POST" v-on:submit="moderate">
<button name="curo" value="+" type="submit">+</button>
<button name="curo" value="-" type="submit">-</button>
</form>
</div >
<a href="{{ link.url }}" class="{{ link.approved || '' }}">
<h2>{{ link.headline }}</h2>
<p>{{ link.url }}</p>
</a>
</li>
</ul>
</main>
<script src="/js/jquery.js"></script>
<script src="/js/jquery.formalize.js"></script>
<script src="/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: {
},
links: [
{ headline: "Against the axiom of nature’s infinite precision",
url: "https://thomism.wordpress.com/2016/01/19/against-the-axiom-of-natures-infinite-precision/",
approved: "approved"},
{ headline: "The opposition between \"strongly held intuitions\" and science",
url: "https://thomism.wordpress.com/2010/07/10/the-battle-between-strongly-held-intuitions-and-science/"},
{ headline: "Against the axiom of nature’s infinite precision",
url: "https://thomism.wordpress.com/2016/01/19/against-the-axiom-of-natures-infinite-precision/",
approved: "rejected"},
{ headline: "The opposition between \"strongly held intuitions\" and science",
url: "https://thomism.wordpress.com/2010/07/10/the-battle-between-strongly-held-intuitions-and-science/"},
{ headline: "Against the axiom of nature’s infinite precision",
url: "https://thomism.wordpress.com/2016/01/19/against-the-axiom-of-natures-infinite-precision/"},
{ headline: "The opposition between \"strongly held intuitions\" and science",
url: "https://thomism.wordpress.com/2010/07/10/the-battle-between-strongly-held-intuitions-and-science/"},
{ headline: "Against the axiom of nature’s infinite precision",
url: "https://thomism.wordpress.com/2016/01/19/against-the-axiom-of-natures-infinite-precision/"},
{ headline: "The opposition between \"strongly held intuitions\" and science",
url: "https://thomism.wordpress.com/2010/07/10/the-battle-between-strongly-held-intuitions-and-science/"},
{ headline: "Against the axiom of nature’s infinite precision",
url: "https://thomism.wordpress.com/2016/01/19/against-the-axiom-of-natures-infinite-precision/"},
{ headline: "The opposition between \"strongly held intuitions\" and science",
url: "https://thomism.wordpress.com/2010/07/10/the-battle-between-strongly-held-intuitions-and-science/"},
]
}
});
</script>
</body>
</html>