2014-05-29 12:12:16 +00:00
|
|
|
@require(feed)
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>@feed.title – via morss</title>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="description" content="@feed.desc (via morss)" />
|
|
|
|
|
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
|
|
|
|
|
<link rel="stylesheet" href="https://thisisdallas.github.io/Simple-Grid/simpleGrid.css" />
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
|
|
|
|
<h1>@feed.title</h1>
|
|
|
|
|
@if feed.desc:
|
|
|
|
|
<h2>@feed.desc</h2>
|
|
|
|
|
@end
|
|
|
|
|
<p>- via morss</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="content" class="grid grid-pad">
|
|
|
|
|
@for item in feed.items:
|
|
|
|
|
<div class="col-1-3">
|
|
|
|
|
<div class="item">
|
2014-06-22 17:42:52 +00:00
|
|
|
@if item.link:
|
|
|
|
|
<a class="title link" href="@item.link" target="_blank">@item.title</a>
|
2014-06-22 18:23:32 +00:00
|
|
|
@else:
|
2014-06-22 17:42:52 +00:00
|
|
|
<span class="title">@item.title</span>
|
|
|
|
|
@end
|
2014-10-26 18:22:57 +00:00
|
|
|
<div class="article">
|
|
|
|
|
@if item.content:
|
|
|
|
|
@item.content
|
|
|
|
|
@else:
|
|
|
|
|
@item.desc
|
|
|
|
|
@end
|
|
|
|
|
</div>
|
2014-05-29 12:12:16 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@end
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var items = document.getElementsByClassName('item')
|
|
|
|
|
for (var i in items)
|
|
|
|
|
items[i].onclick = function()
|
|
|
|
|
{
|
|
|
|
|
this.classList.toggle('active')
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
