diff options
author | ArthurHoaro <arthur@hoa.ro> | 2016-10-20 13:24:54 +0200 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2016-11-05 14:29:53 +0100 |
commit | 411726c53a3e29540574c52f3a16edb060eb235e (patch) | |
tree | 4e539a12bcd0dcb1579cbda76416db9017c1d6d9 | |
parent | 6885613a33a8418690521bf740e9ea5f0c235655 (diff) | |
download | Shaarli-411726c53a3e29540574c52f3a16edb060eb235e.tar.gz Shaarli-411726c53a3e29540574c52f3a16edb060eb235e.tar.zst Shaarli-411726c53a3e29540574c52f3a16edb060eb235e.zip |
Daily template
-rw-r--r-- | tpl/default/css/shaarli.css | 66 | ||||
-rw-r--r-- | tpl/default/daily.html | 113 | ||||
-rw-r--r-- | tpl/default/picwall.html | 3 | ||||
-rw-r--r-- | tpl/default/tagcloud.html | 4 |
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 | /* IE6IE9 */ | 1074 | /* IE6IE9 */ |
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&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&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} |