diff options
author | 2020-03-01 22:33:52 +0100 | |
---|---|---|
committer | 2020-03-01 22:33:52 +0100 | |
commit | eaac808928c1b8a37010df20ce088d254854b1f9 (patch) | |
tree | 496e371ed1660a42b4194f7b77af46f16ca1f4d5 /data.html.erb | |
download | planet-tyrian-eaac808928c1b8a37010df20ce088d254854b1f9.tar.gz planet-tyrian-eaac808928c1b8a37010df20ce088d254854b1f9.tar.bz2 planet-tyrian-eaac808928c1b8a37010df20ce088d254854b1f9.zip |
Add initial version of the tyrian pluto theme
Signed-off-by: Max Magorsch <arzano@gentoo.org>
Diffstat (limited to 'data.html.erb')
-rw-r--r-- | data.html.erb | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/data.html.erb b/data.html.erb new file mode 100644 index 0000000..5967d20 --- /dev/null +++ b/data.html.erb @@ -0,0 +1,118 @@ +<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 %> + <%= textify(item.content) %> + <% elsif item.summary %> + <%= textify(item.summary) %> + <% 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.title %> (<%= item.feed.key %> + )</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 %> + <%= textify(item.content) %> + <% elsif item.summary %> + <%= textify(item.summary) %> + <% else %> + -/- + <% end %> + + <!-- end box --> + </div> + </div> + + </div> + </div> + + <% end %><!-- each item --> + +</body> +</html> |