blob: 2e20a70f7de5e92b5582896fa9ee56d52292af4a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
<% require 'loofah' %>
<html>
<body>
<%
items = site.items.latest
ItemCursor.new(items).each do |item, new_date, new_feed|
%>
<% if new_date %>
<div class="page-header article-view mt-5" data-date="<%= item.published.strftime('%Y-%m-%d') %>" data-location="<%= item.feed.location %>" style="border-bottom: none!important;padding-bottom: 0px!important;">
<h1><%= item.published.strftime('%B %d') %>
<small class="text-muted"><%= item.published.strftime('%Y') %> </small></h1>
</div>
<% end %>
<div class="row short-view d-none" data-date="<%= item.published.strftime('%Y-%m-%d') %>" data-location="<%= item.feed.location %>" style="margin-bottom:35px;">
<div class="col-sm-2 pr-1">
<img class="float-right" src="https://www.gravatar.com/avatar/<%= item.feed.avatar %>?s=200&d=http%3A%2F%2Fplanet.gentoo.org%2Fimages%2Flarrythecow.gif" style="width:75%;border-radius: 6px;margin-top:5px;"/>
</div>
<div class="col-sm-9">
<div class="card" style="cursor:pointer;">
<div class="card-body">
<div class="mb-1"><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:4px;"><%= item.title %></h3></div>
<div class="mb-1 text-muted" style="">
<span style="margin-right:2px;">
<%= item.feed.title %> (<%= item.feed.key %>)
</span>
<span style="">•</span>
<span class="" style="font-weight: normal;margin-left:2px;">
<%= item.published.strftime('%B %d, %Y, %k:%M') %>
</span>
</div>
<div class="text-muted" style="height:63px;overflow-y: hidden;">
<% if item.content %>
<%= Loofah.fragment(item.content).scrub!(:prune).to_s %>
<% elsif item.summary %>
<%= Loofah.fragment(item.content).scrub!(:prune).to_s %>
<% else %>
-/-
<% end %>
</div>
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="row">
<div class="col-sm-11">
<div class="card article-view mt-2" data-date="<%= item.published.strftime('%Y-%m-%d') %>" data-location="<%= item.feed.location %>" style="margin-top:20px;">
<div class="card-body px-5">
<div class="row mb-3 mt-3">
<div class="col-sm-11">
<div class="row">
<div class="col-sm-1" style="">
<img src="https://www.gravatar.com/avatar/<%= item.feed.avatar %>" style="width:40px;border-radius: 6px;margin-top:5px;"/>
</div>
<div class="col-sm-11" style="padding-left:0px;">
<div class="col-sm-12" style="margin-bottom:1px;padding-left:15px;">
<span style="color:#000!important;">
<b><span class="vcard"><a href="<%= item.url %>"> <span class="fn" style="color:#000!important;font-size:16px;"><%= item.title %> </span></a></span></b>
</span>
</div>
<div class="col-sm-12" style="padding-left:15px;">
<span style="margin-right:2px;">
<a style="color:#505050; font-weight: normal;" href="#c0"> <%= item.feed.author %> (<%= item.feed.title %>)</a>
</span>
<span style="color:#505050;">•</span>
<span style="color:#505050; font-weight: normal;margin-left:2px;">
<%= item.published.strftime('%B %d, %Y, %k:%M') %>
</span>
</div>
</div>
</div>
</div>
<div class="col-sm-1">
<div class="row">
<div class="col-sm-12" style="text-align: right;">
<span class="">
<a href="<%= item.feed.url %>" class="btn btn-default btn-xs" style="background:transparent;color:#505050;border:none;"><i class="fa fa-lg fa-home" aria-hidden="true"></i></a>
</span>
</div>
<div class="col-sm-12" style="text-align: right;">
<span class="" style="color:#505050!important;"> </span>
</div>
</div>
</div>
</div>
<% if item.content %>
<%= Loofah.fragment(item.content).scrub!(:prune).to_s %>
<% elsif item.summary %>
<%= Loofah.fragment(item.summary).scrub!(:prune).to_s %>
<% else %>
-/-
<% end %>
<!-- end box -->
</div>
</div>
</div>
</div>
<% end %><!-- each item -->
</body>
</html>
|