diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/daily.html | 13 | ||||
-rw-r--r-- | tpl/dailyrss.html | 8 | ||||
-rw-r--r-- | tpl/includes.html | 2 | ||||
-rw-r--r-- | tpl/linklist.html | 20 | ||||
-rw-r--r-- | tpl/linklist.paging.html | 23 | ||||
-rw-r--r-- | tpl/page.header.html | 8 | ||||
-rw-r--r-- | tpl/picwall.html | 9 |
7 files changed, 52 insertions, 31 deletions
diff --git a/tpl/daily.html b/tpl/daily.html index 9ee74739..bdaf2032 100644 --- a/tpl/daily.html +++ b/tpl/daily.html | |||
@@ -7,14 +7,15 @@ | |||
7 | <div class="dailyAbout"> | 7 | <div class="dailyAbout"> |
8 | All links of one day<br>in a single page.<br> | 8 | All links of one day<br>in a single page.<br> |
9 | <a href="?do=daily&day={$previousday}"><b><</b>Previous day</a> - | 9 | <a href="?do=daily&day={$previousday}"><b><</b>Previous day</a> - |
10 | <a href="?do=daily&day={$nextday}">Next day<b>></b></a> | 10 | <a href="?do=daily&day={$nextday}">Next day<b>></b></a><br><br> |
11 | <a href="?do=dailyrss" title="1 RSS entry per day"><img src="images/feed-icon-14x14.png#" width="14" height="14" style="position:relative;top:3px; margin-right:4px;">Daily RSS Feed</a> | ||
11 | </div> | 12 | </div> |
12 | <div class="dailyTitle"><img src="../images/floral_left.png" width="51" height="50"> The Shaarli Daily <img src="../images/floral_right.png" width="51" height="50"></div> | 13 | <div class="dailyTitle"><img src="../images/floral_left.png" width="51" height="50" class="nomobile"> The Shaarli Daily <img src="../images/floral_right.png" width="51" height="50" class="nomobile"></div> |
13 | <div class="dailyDate">——————————— {$day} ———————————</div> | 14 | <div class="dailyDate"><span class="nomobile">———————————</span> {$day} <span class="nomobile">———————————</span></div> |
14 | <div style="clear:both;"></div> | 15 | <div style="clear:both;"></div> |
15 | 16 | ||
16 | {if="$linksToDisplay"} | 17 | {if="$linksToDisplay"} |
17 | <div style="float:left;position:relative; width:33%; padding-left:1%;"> | 18 | <div id="daily_col1"> |
18 | {loop="col1"} | 19 | {loop="col1"} |
19 | <div class="dailyEntry"> | 20 | <div class="dailyEntry"> |
20 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> | 21 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> |
@@ -26,7 +27,7 @@ | |||
26 | {/loop} | 27 | {/loop} |
27 | </div> | 28 | </div> |
28 | 29 | ||
29 | <div style="float:left;position:relative; width:33%;"> | 30 | <div id="daily_col2"> |
30 | {loop="col2"} | 31 | {loop="col2"} |
31 | <div class="dailyEntry"> | 32 | <div class="dailyEntry"> |
32 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> | 33 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> |
@@ -38,7 +39,7 @@ | |||
38 | {/loop} | 39 | {/loop} |
39 | </div> | 40 | </div> |
40 | 41 | ||
41 | <div style="float:left;position:relative; width:33%;"> | 42 | <div id="daily_col3"> |
42 | {loop="col3"} | 43 | {loop="col3"} |
43 | <div class="dailyEntry"> | 44 | <div class="dailyEntry"> |
44 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> | 45 | <div style="float:right;position:relative;top:-1px;"><a href="?{$value.linkdate|smallHash}"><img src="../images/squiggle2.png" width="25" height="26" title="permalink" alt="permalink"></a></div> |
diff --git a/tpl/dailyrss.html b/tpl/dailyrss.html new file mode 100644 index 00000000..436e1cd2 --- /dev/null +++ b/tpl/dailyrss.html | |||
@@ -0,0 +1,8 @@ | |||
1 | {loop="links"} | ||
2 | <h3><a href="{$value.url}">{$value.title|htmlspecialchars}</a></h3> | ||
3 | <small>{if="!$GLOBALS['config']['HIDE_TIMESTAMPS']"}{$value.localdate|htmlspecialchars} - {/if}{if="$value.tags"}{$value.tags|htmlspecialchars}{/if}<br> | ||
4 | {$value.url|htmlspecialchars}</small><br> | ||
5 | {if="$value.thumbnail"}{$value.thumbnail}{/if}<br> | ||
6 | {if="$value.description"}{$value.formatedDescription}{/if} | ||
7 | <br><br><hr> | ||
8 | {/loop} \ No newline at end of file | ||
diff --git a/tpl/includes.html b/tpl/includes.html index 7cfb07f2..5319f452 100644 --- a/tpl/includes.html +++ b/tpl/includes.html | |||
@@ -1,5 +1,7 @@ | |||
1 | <title>{$pagetitle}</title> | 1 | <title>{$pagetitle}</title> |
2 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 2 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
3 | <meta name="format-detection" content="telephone=no" /> | ||
4 | <meta name="viewport" content="width=device-width,initial-scale=1.0" /> | ||
3 | <link rel="alternate" type="application/rss+xml" href="{$feedurl}?do=rss{$searchcrits}#" title="RSS Feed" /> | 5 | <link rel="alternate" type="application/rss+xml" href="{$feedurl}?do=rss{$searchcrits}#" title="RSS Feed" /> |
4 | <link rel="alternate" type="application/atom+xml" href="{$feedurl}?do=atom{$searchcrits}#" title="ATOM Feed" /> | 6 | <link rel="alternate" type="application/atom+xml" href="{$feedurl}?do=atom{$searchcrits}#" title="ATOM Feed" /> |
5 | <link href="images/favicon.ico#" rel="shortcut icon" type="image/x-icon" /> | 7 | <link href="images/favicon.ico#" rel="shortcut icon" type="image/x-icon" /> |
diff --git a/tpl/linklist.html b/tpl/linklist.html index dc5b5398..1067d6fc 100644 --- a/tpl/linklist.html +++ b/tpl/linklist.html | |||
@@ -5,8 +5,8 @@ | |||
5 | <div id="pageheader"> | 5 | <div id="pageheader"> |
6 | {include="page.header"} | 6 | {include="page.header"} |
7 | <div id="headerform" style="width:100%; white-space:nowrap;"> | 7 | <div id="headerform" style="width:100%; white-space:nowrap;"> |
8 | <form method="GET" class="searchform" name="searchform" style="display:inline;"><input type="text" name="searchterm" style="width:30%" value=""> <input type="submit" value="Search" class="bigbutton"></form> | 8 | <form method="GET" class="searchform" name="searchform" style="display:inline;"><input type="text" id="searchform_value" name="searchterm" style="width:30%" value=""> <input type="submit" value="Search" class="bigbutton"></form> |
9 | <form method="GET" class="tagfilter" name="tagfilter" style="display:inline;margin-left:24px;"><input type="text" name="searchtags" id="searchtags" style="width:10%" value=""> <input type="submit" value="Filter by tag" class="bigbutton"></form> | 9 | <form method="GET" class="tagfilter" name="tagfilter" style="display:inline;margin-left:24px;"><input type="text" name="searchtags" id="tagfilter_value" style="width:10%" value=""> <input type="submit" value="Filter by tag" class="bigbutton"></form> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | 12 | ||
@@ -60,16 +60,14 @@ | |||
60 | 60 | ||
61 | {include="page.footer"} | 61 | {include="page.footer"} |
62 | <script> | 62 | <script> |
63 | $('a.qrcode').click(function(){ | 63 | $(document).ready(function() { |
64 | hide_qrcode(); | 64 | $('a.qrcode').click(function(){ |
65 | var link = $(this).attr('href'); | 65 | hide_qrcode(); |
66 | $(this).after('<div class="qrcode" onclick="hide_qrcode();return false;"><img src="'+link+'#" width="200" height="200"><br>click to close</div>'); | 66 | var link = $(this).attr('href'); |
67 | $(this).after('<div class="qrcode" onclick="hide_qrcode();return false;"><img src="'+link+'#" width="200" height="200"><br>click to close</div>'); | ||
68 | }); | ||
67 | }); | 69 | }); |
68 | 70 | function hide_qrcode() { $('div.qrcode').remove(); } | |
69 | function hide_qrcode() | ||
70 | { | ||
71 | $('div.qrcode').remove(); | ||
72 | } | ||
73 | </script> | 71 | </script> |
74 | </body> | 72 | </body> |
75 | </html> \ No newline at end of file | 73 | </html> \ No newline at end of file |
diff --git a/tpl/linklist.paging.html b/tpl/linklist.paging.html index 27e7440d..b1f9871f 100644 --- a/tpl/linklist.paging.html +++ b/tpl/linklist.paging.html | |||
@@ -1,9 +1,14 @@ | |||
1 | <div class="paging"> | 1 | <div class="paging"> |
2 | <div style="float:right; padding-right:5px;"> | 2 | {if="isLoggedIn()"} |
3 | Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a> | 3 | <div id="paging_privatelinks"> |
4 | <form method="GET" style="display:inline;" class="linksperpage"><input type="text" name="linksperpage" size="2" style="height:15px;"></form> | 4 | <a href="?privateonly"><img src="images/private_16x16.png#" width="16" height="16" title="See private links only (toggle)" alt="See private links only (toggle)"></a> |
5 | </div> | 5 | </div> |
6 | {if="$previous_page_url"} <a href="{$previous_page_url}">◄Older</a> {/if} | 6 | {/if} |
7 | <span style="color:#fff; padding:0 20 0 20;">page {$page_current} / {$page_max} </span> | 7 | <div id="paging_linksperpage"> |
8 | {if="$next_page_url"} <a href="{$next_page_url}">Newer►</a> {/if} | 8 | Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a> |
9 | </div> \ No newline at end of file | 9 | <form method="GET" style="display:inline;" class="linksperpage"><input type="text" name="linksperpage" size="2" style="height:15px;"></form> |
10 | </div> | ||
11 | {if="$previous_page_url"} <a href="{$previous_page_url}" id="paging_older">◄Older</a> {/if} | ||
12 | <div id="paging_current">page {$page_current} / {$page_max} </div> | ||
13 | {if="$next_page_url"} <a href="{$next_page_url}" id="paging_newer">Newer►</a> {/if} | ||
14 | </div> \ No newline at end of file | ||
diff --git a/tpl/page.header.html b/tpl/page.header.html index 0c304367..3ad2f205 100644 --- a/tpl/page.header.html +++ b/tpl/page.header.html | |||
@@ -1,12 +1,12 @@ | |||
1 | 1 | ||
2 | <div id="logo" title="Share your links !" onclick="document.location='?';"></div> | 2 | <div id="logo" title="Share your links !" onclick="document.location='?';"></div> |
3 | <div style="float:right; font-style:italic; color:#bbb; text-align:right; padding:0 5 0 0;">Shaare your links...<br>{$linkcount} links</div> | 3 | <div style="float:right; font-style:italic; color:#bbb; text-align:right; padding:0 5 0 0;" class="nomobile">Shaare your links...<br>{$linkcount} links</div> |
4 | <span id="shaarli_title"><a href="?">{$shaarlititle}</a></span> | 4 | <span id="shaarli_title"><a href="?">{$shaarlititle}</a></span> |
5 | 5 | ||
6 | {if="!empty($_GET['source']) && $_GET['source']=='bookmarklet'"} | 6 | {if="!empty($_GET['source']) && $_GET['source']=='bookmarklet'"} |
7 | {ignore} When called as a popup from bookmarklet, do not display menu. {/ignore} | 7 | {ignore} When called as a popup from bookmarklet, do not display menu. {/ignore} |
8 | {else} | 8 | {else} |
9 | <a href="?">Home</a> | 9 | <a href="?" class="nomobile">Home</a> |
10 | {if="isLoggedIn()"} | 10 | {if="isLoggedIn()"} |
11 | <a href="?do=logout">Logout</a><a href="?do=tools">Tools</a><a href="?do=addlink"><b>Add link</b></a> | 11 | <a href="?do=logout">Logout</a><a href="?do=tools">Tools</a><a href="?do=addlink"><b>Add link</b></a> |
12 | {elseif="$GLOBALS['config']['OPEN_SHAARLI']"} | 12 | {elseif="$GLOBALS['config']['OPEN_SHAARLI']"} |
@@ -14,8 +14,8 @@ | |||
14 | {else} | 14 | {else} |
15 | <a href="?do=login">Login</a> | 15 | <a href="?do=login">Login</a> |
16 | {/if} | 16 | {/if} |
17 | <a href="{$feedurl}?do=rss{$searchcrits}">RSS Feed</a> | 17 | <a href="{$feedurl}?do=rss{$searchcrits}" class="nomobile">RSS Feed</a> |
18 | <a href="{$feedurl}?do=atom{$searchcrits}" style="padding-left:10px;">ATOM Feed</a> | 18 | <a href="{$feedurl}?do=atom{$searchcrits}" style="padding-left:10px;" class="nomobile">ATOM Feed</a> |
19 | <a href="?do=tagcloud">Tag cloud</a> | 19 | <a href="?do=tagcloud">Tag cloud</a> |
20 | <a href="?do=picwall{$searchcrits}">Picture wall</a> | 20 | <a href="?do=picwall{$searchcrits}">Picture wall</a> |
21 | <a href="?do=daily">Daily</a> | 21 | <a href="?do=daily">Daily</a> |
diff --git a/tpl/picwall.html b/tpl/picwall.html index da6df762..2083a629 100644 --- a/tpl/picwall.html +++ b/tpl/picwall.html | |||
@@ -1,6 +1,8 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html> |
3 | <head>{include="includes"}</head> | 3 | <head>{include="includes"} |
4 | <script src="inc/jquery.lazyload.min.js#"></script> | ||
5 | </head> | ||
4 | <body> | 6 | <body> |
5 | <div id="pageheader">{include="page.header"}</div> | 7 | <div id="pageheader">{include="page.header"}</div> |
6 | <center> | 8 | <center> |
@@ -14,4 +16,9 @@ | |||
14 | </center> | 16 | </center> |
15 | {include="page.footer"} | 17 | {include="page.footer"} |
16 | </body> | 18 | </body> |
19 | <script> | ||
20 | $(document).ready(function() { | ||
21 | $("img.lazyimage").show().lazyload(); | ||
22 | }); | ||
23 | </script> | ||
17 | </html> \ No newline at end of file | 24 | </html> \ No newline at end of file |