<!DOCTYPE html>
<html>
-<head>{include="includes"}</head>
+<head>
+ {include="includes"}
+</head>
<body>
-<div id="pageheader">
- {include="page.header"}
-</div>
-<div class="daily">
- <div id="plugin_zone_start_picwall" class="plugin_zone">
- {loop="$plugin_start_zone"}
- {$value}
- {/loop}
- </div>
+{include="page.header"}
- <div class="dailyAbout">
- All links of one day<br>in a single page.<br>
- {if="$previousday"} <a href="?do=daily&day={$previousday}"><b><</b>Previous day</a>{else}<b><</b>Previous day{/if}
- -
- {if="$nextday"}<a href="?do=daily&day={$nextday}">Next day<b>></b></a>{else}Next day<b>></b>{/if}
- <br>
+<div class="pure-g">
+ <div class="pure-u-lg-1-6 pure-u-1-24"></div>
+ <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor" id="daily">
+ <h2 class="window-title">
+ {'The Daily Shaarli'|t}
+ <a href="?do=dailyrss" title="{'1 RSS entry per day'|t}"><i class="fa fa-rss"></i></a>
+ </h2>
- {loop="$daily_about_plugin"}
- {$value}
- {/loop}
-
- <br>
- <a href="?do=dailyrss" title="1 RSS entry per day"><img src="images/feed-icon-14x14.png#" alt="rss_feed">Daily RSS Feed</a>
+ <div id="plugin_zone_start_daily" class="plugin_zone">
+ {loop="$plugin_start_zone"}
+ {$value}
+ {/loop}
</div>
- <div class="dailyTitle">
- <img src="../../images/floral_left.png" width="51" height="50" class="nomobile" alt="floral_left">
- The Daily Shaarli
- <img src="../../images/floral_right.png" width="51" height="50" class="nomobile" alt="floral_right">
- </div>
+ <div class="daily-about">
- <div class="dailyDate">
- <span class="nomobile">———————————</span>
- {function="strftime('%A %d, %B %Y', $day)"}
- <span class="nomobile">———————————</span>
+ <div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1 center">
+ {if="$previousday"}
+ <a href="?do=daily&day={$previousday}">
+ <i class="fa fa-arrow-left"></i>
+ {'Previous day'|t}
+ </a>
+ {/if}
+ </div>
+ <div class="daily-desc pure-u-lg-1-3 pure-u-1 center">
+ {'All links of one day in a single page.'|t}
+ </div>
+ <div class="pure-u-lg-1-3 pure-u-1 center">
+ {if="$nextday"}
+ <a href="?do=daily&day={$nextday}">
+ {'Next day'|t}
+ <i class="fa fa-arrow-right"></i>
+ </a>
+ {/if}
+ </div>
+ </div>
+ <div>
+ <h3 class="window-subtitle">{function="format_date($dayDate, false)"}</h3>
+
+ <div id="plugin_zone_about_daily" class="plugin_zone">
+ {loop="$daily_about_plugin"}
+ {$value}
+ {/loop}
+ </div>
+ </div>
</div>
- <div class="clear"></div>
{if="$linksToDisplay"}
+ <div class="pure-g">
{loop="$cols"}
- {if="isset($value[0])"}
- <div id="daily_col{$counter+1}">
- {loop="$value"}
- {$link=$value}
- <div class="dailyEntry">
- <div class="dailyEntryPermalink">
- <a href="?{$value.shorturl}">
- <img src="../../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink">
- </a>
- </div>
- {if="!$hide_timestamps || isLoggedIn()"}
- <div class="dailyEntryLinkdate">
- <a href="?{$value.shorturl}">{function="strftime('%c', $link.timestamp)"}</a>
- </div>
- {/if}
- {if="$link.tags"}
- <div class="dailyEntryTags">
- {loop="$link.taglist"}
- {$value} -
- {/loop}
- </div>
- {/if}
- <div class="dailyEntryTitle">
- <a href="{$link.real_url}">{$link.title}</a>
- </div>
- {if="$link.thumbnail"}
- <div class="dailyEntryThumbnail">{$link.thumbnail}</div>
- {/if}
- <div class="dailyEntryDescription">{$link.formatedDescription}</div>
-
- <div class="dailyEntryFooter">
- {loop="$link.link_plugin"}
- {$value}
- {/loop}
- </div>
+ {if="isset($value[0])"}
+ <div class="pure-u-lg-1-3 pure-u-1">
+ {loop="value"}
+ {$link=$value}
+ <div class="daily-entry">
+ <div class="daily-entry-title center">
+ <a href="?{$link.shorturl}" title="{'Permalink'|t}">
+ <i class="fa fa-link"></i>
+ </a>
+ <a href="{$link.real_url}">{$link.title}</a>
+ </div>
+ {$thumb=thumbnail($value.url)}
+ {if="$thumb!=false"}
+ <div class="daily-entry-thumbnail">{$thumb}</div>
+ {/if}
+ <div class="daily-entry-description">{$link.formatedDescription}</div>
+ {if="$link.tags"}
+ <div class="daily-entry-tags center">
+ {loop="link.taglist"}
+ <span class="label label-tag" title="Add tag">
+ {$value}
+ </span>
+ {/loop}
</div>
- {/loop}
+ {/if}
+ <div class="dailyEntryFooter">
+ {loop="$link.link_plugin"}
+ {$value}
+ {/loop}
+ </div>
+ </div>
+ {/loop}
</div>
- {/if}
+ {/if}
{/loop}
+ </div>
{else}
- <div class="dailyNoEntry">No articles on this day.</div>
+ <div class="dailyNoEntry">No articles on this day.</div>
{/if}
<div class="clear"></div>
<div id="plugin_zone_end_picwall" class="plugin_zone">
- {loop="$plugin_end_zone"}
- {$value}
- {/loop}
+ {loop="$plugin_end_zone"}
+ {$value}
+ {/loop}
</div>
- <div id="closing"><img src="../../images/squiggle_closing.png" width="66" height="61" alt="-"></div>
+ </div>
</div>
{include="page.footer"}
</body>
</html>
+