aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-10-20 13:24:54 +0200
committerArthurHoaro <arthur@hoa.ro>2016-11-05 14:29:53 +0100
commit411726c53a3e29540574c52f3a16edb060eb235e (patch)
tree4e539a12bcd0dcb1579cbda76416db9017c1d6d9 /tpl
parent6885613a33a8418690521bf740e9ea5f0c235655 (diff)
downloadShaarli-411726c53a3e29540574c52f3a16edb060eb235e.tar.gz
Shaarli-411726c53a3e29540574c52f3a16edb060eb235e.tar.zst
Shaarli-411726c53a3e29540574c52f3a16edb060eb235e.zip
Daily template
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/css/shaarli.css66
-rw-r--r--tpl/default/daily.html113
-rw-r--r--tpl/default/picwall.html3
-rw-r--r--tpl/default/tagcloud.html4
4 files changed, 183 insertions, 3 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index e73375d4..ad7bcabd 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -801,6 +801,7 @@ pre {
801 */ 801 */
802.page-visitor { 802.page-visitor {
803 background: url(../img/noise.png) #fff; 803 background: url(../img/noise.png) #fff;
804 color: #000;
804} 805}
805 806
806#page404 { 807#page404 {
@@ -1003,10 +1004,15 @@ pre {
1003 text-decoration: none; 1004 text-decoration: none;
1004} 1005}
1005 1006
1007#cloudtag .count {
1008 color: #7f7f7f;
1009}
1010
1006/** 1011/**
1007 * Picture wall CSS 1012 * Picture wall CSS
1008 */ 1013 */
1009#picwall_container { 1014#picwall_container {
1015 margin: 0 10px 10px 10px;
1010 color: #fff; 1016 color: #fff;
1011 background-color: #000; 1017 background-color: #000;
1012 clear: both; 1018 clear: both;
@@ -1068,3 +1074,63 @@ pre {
1068 /* IE6–IE9 */ 1074 /* IE6–IE9 */
1069 text-shadow: 2px 2px 1px #000000; 1075 text-shadow: 2px 2px 1px #000000;
1070} 1076}
1077
1078/**
1079 * DAILY
1080 */
1081.daily-desc {
1082 color: #7f7f7f;
1083 font-size: 0.8em;
1084}
1085
1086.daily-about a {
1087 color: #343434;
1088 text-decoration: none;
1089}
1090
1091.daily-about a:hover {
1092 color: #7f7f7f;
1093}
1094
1095.daily-about h3:before, .daily-about h3:after {
1096 display: block;
1097 content:"";
1098 background: linear-gradient(to right, #d5d4d4, #252525, #d5d4d4);
1099 height: 1px;
1100 width: 90%;
1101 margin: 10px auto;
1102}
1103
1104.daily-entry .daily-entry-title:after {
1105 display: block;
1106 content:"";
1107 background: linear-gradient(to right, #fff, #515151, #fff);
1108 height: 1px;
1109 width: 70%;
1110 margin: 5px auto;
1111}
1112
1113.daily-entry .daily-entry-title {
1114 margin: 10px 0 0 0;
1115}
1116
1117.daily-entry .daily-entry-title a {
1118 color: #000;
1119 text-decoration: none;
1120}
1121
1122.daily-entry .daily-entry-description {
1123 padding: 5px 5px 0 5px;
1124 font-size: 0.9em;
1125 text-align: justify;
1126}
1127
1128.daily-entry .daily-entry-tags {
1129 padding: 0 5px 5px 5px;
1130 font-size: 0.8em;
1131}
1132
1133.daily-entry-thumbnail {
1134 float: left;
1135 margin: 15px 5px 5px 5px;
1136} \ No newline at end of file
diff --git a/tpl/default/daily.html b/tpl/default/daily.html
new file mode 100644
index 00000000..9efe3fd1
--- /dev/null
+++ b/tpl/default/daily.html
@@ -0,0 +1,113 @@
1<!DOCTYPE html>
2<html>
3<head>
4 {include="includes"}
5</head>
6<body>
7{include="page.header"}
8
9<div class="pure-g">
10 <div class="pure-u-lg-1-6 pure-u-1-8"></div>
11 <div class="pure-u-lg-2-3 pure-u-3-4 page-form page-visitor" id="daily">
12 <h2>
13 The Daily Shaarli
14 <a href="?do=dailyrss" title="1 RSS entry per day"><i class="fa fa-rss"></i></a>
15 </h2>
16
17 <div id="plugin_zone_start_daily" class="plugin_zone">
18 {loop="$plugin_start_zone"}
19 {$value}
20 {/loop}
21 </div>
22
23 <div class="daily-about">
24
25 <div class="pure-g">
26 <div class="pure-u-lg-1-3 pure-u-1 center">
27 {if="$previousday"}
28 <a href="?do=daily&amp;day={$previousday}">
29 <i class="fa fa-arrow-left"></i>
30 Previous day
31 </a>
32 {/if}
33 </div>
34 <div class="daily-desc pure-u-lg-1-3 pure-u-1 center">
35 All links of one day in a single page.
36 </div>
37 <div class="pure-u-lg-1-3 pure-u-1 center">
38 {if="$nextday"}
39 <a href="?do=daily&amp;day={$nextday}">
40 Next day
41 <i class="fa fa-arrow-right"></i>
42 </a>
43 {/if}
44 </div>
45 </div>
46 <div>
47 <h3>{function="strftime('%A %d, %B %Y', $day)"}</h3>
48
49 <div id="plugin_zone_about_daily" class="plugin_zone">
50 {loop="$daily_about_plugin"}
51 {$value}
52 {/loop}
53 </div>
54 </div>
55 </div>
56
57
58 {if="$linksToDisplay"}
59 <div class="pure-g">
60 {loop="$cols"}
61 {if="isset($value[0])"}
62 <div class="pure-u-lg-1-3 pure-u-1">
63 {loop="value"}
64 {$link=$value}
65 <div class="daily-entry">
66 <div class="daily-entry-title center">
67 <a href="?{$link.linkdate|smallHash}" title="Permalink">
68 <i class="fa fa-link"></i>
69 </a>
70 <a href="{$link.real_url}">{$link.title}</a>
71 </div>
72 {$thumb=thumbnail($value.url)}
73 {if="$thumb!=false"}
74 <div class="daily-entry-thumbnail">{$thumb}</div>
75 {/if}
76 <div class="daily-entry-description">{$link.formatedDescription}</div>
77 {if="$link.tags"}
78 <div class="daily-entry-tags center">
79 {loop="link.taglist"}
80 <span class="label label-tag" title="Add tag">
81 {$value}
82 </span>
83 {/loop}
84 </div>
85 {/if}
86 <div class="dailyEntryFooter">
87 {loop="$link.link_plugin"}
88 {$value}
89 {/loop}
90 </div>
91 </div>
92 {/loop}
93 </div>
94 {/if}
95 {/loop}
96 </div>
97 {else}
98 <div class="dailyNoEntry">No articles on this day.</div>
99 {/if}
100
101 <div class="clear"></div>
102
103 <div id="plugin_zone_end_picwall" class="plugin_zone">
104 {loop="$plugin_end_zone"}
105 {$value}
106 {/loop}
107 </div>
108 </div>
109</div>
110{include="page.footer"}
111</body>
112</html>
113
diff --git a/tpl/default/picwall.html b/tpl/default/picwall.html
index 686f506c..03f3c949 100644
--- a/tpl/default/picwall.html
+++ b/tpl/default/picwall.html
@@ -2,7 +2,6 @@
2<html> 2<html>
3<head> 3<head>
4 {include="includes"} 4 {include="includes"}
5 <script src="inc/blazy-1.3.1.min.js#"></script>
6</head> 5</head>
7<body> 6<body>
8{include="page.header"} 7{include="page.header"}
@@ -28,6 +27,7 @@
28 {/loop} 27 {/loop}
29 </div> 28 </div>
30 {/loop} 29 {/loop}
30 <div class="clear"></div>
31 </div> 31 </div>
32 32
33 <div id="plugin_zone_end_picwall" class="plugin_zone"> 33 <div id="plugin_zone_end_picwall" class="plugin_zone">
@@ -39,6 +39,7 @@
39</div> 39</div>
40 40
41{include="page.footer"} 41{include="page.footer"}
42<script src="inc/blazy-1.3.1.min.js#"></script>
42<script> 43<script>
43 window.onload = function() { 44 window.onload = function() {
44 var bLazy = new Blazy(); 45 var bLazy = new Blazy();
diff --git a/tpl/default/tagcloud.html b/tpl/default/tagcloud.html
index 81522ac0..e6f0b164 100644
--- a/tpl/default/tagcloud.html
+++ b/tpl/default/tagcloud.html
@@ -20,8 +20,8 @@
20 20
21 <div id="cloudtag"> 21 <div id="cloudtag">
22 {loop="tags"} 22 {loop="tags"}
23 <span class="count">{$value.count}</span><a 23 <a href="?searchtags={$key|urlencode}" style="font-size:{$value.size}em;">{$key}</a
24 href="?searchtags={$key|urlencode}" style="font-size:{$value.size}em;">{$key}</a> 24 ><span class="count">{$value.count}</span>
25 {loop="$value.tag_plugin"} 25 {loop="$value.tag_plugin"}
26 {$value} 26 {$value}
27 {/loop} 27 {/loop}