diff options
author | ArthurHoaro <arthur@hoa.ro> | 2020-10-13 12:07:13 +0200 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2020-10-13 12:07:13 +0200 |
commit | d9f6275ebca035fec8331652c677981056793ccc (patch) | |
tree | 37a64baf4f0eba6b781040605965383d8aded2cc /tpl/default | |
parent | 38672ba0d1c722e5d6d33a58255ceb55e9410e46 (diff) | |
parent | d63ff87a009313141ae684ec447b902562ff6ee7 (diff) | |
download | Shaarli-stable.tar.gz Shaarli-stable.tar.zst Shaarli-stable.zip |
Merge branch 'v0.11' into stablestable
Diffstat (limited to 'tpl/default')
-rw-r--r-- | tpl/default/404.html | 4 | ||||
-rw-r--r-- | tpl/default/addlink.html | 2 | ||||
-rw-r--r-- | tpl/default/changepassword.html | 6 | ||||
-rw-r--r-- | tpl/default/changetag.html | 8 | ||||
-rw-r--r-- | tpl/default/configure.html | 20 | ||||
-rw-r--r-- | tpl/default/daily.html | 9 | ||||
-rw-r--r-- | tpl/default/editlink.html | 2 | ||||
-rw-r--r-- | tpl/default/export.html | 2 | ||||
-rw-r--r-- | tpl/default/import.html | 4 | ||||
-rw-r--r-- | tpl/default/install.html | 4 | ||||
-rw-r--r-- | tpl/default/linklist.html | 65 | ||||
-rw-r--r-- | tpl/default/linklist.paging.html | 26 | ||||
-rw-r--r-- | tpl/default/loginform.html | 16 | ||||
-rw-r--r-- | tpl/default/page.footer.html | 7 | ||||
-rw-r--r-- | tpl/default/page.header.html | 55 | ||||
-rw-r--r-- | tpl/default/picwall.html | 8 | ||||
-rw-r--r-- | tpl/default/pluginsadmin.html | 2 | ||||
-rw-r--r-- | tpl/default/tag.cloud.html | 6 | ||||
-rw-r--r-- | tpl/default/tag.list.html | 14 | ||||
-rw-r--r-- | tpl/default/tag.sort.html | 6 | ||||
-rw-r--r-- | tpl/default/thumbnails.html | 2 | ||||
-rw-r--r-- | tpl/default/tools.html | 2 |
22 files changed, 152 insertions, 118 deletions
diff --git a/tpl/default/404.html b/tpl/default/404.html index fd337cad..472566a6 100644 --- a/tpl/default/404.html +++ b/tpl/default/404.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -8,7 +8,7 @@ | |||
8 | {include="page.header"} | 8 | {include="page.header"} |
9 | <div class="center" id="page404" class="page404-container"> | 9 | <div class="center" id="page404" class="page404-container"> |
10 | <h2>{'Sorry, nothing to see here.'|t}</h2> | 10 | <h2>{'Sorry, nothing to see here.'|t}</h2> |
11 | <img src="img/sad_star.png"> | 11 | <img src="img/sad_star.png" alt=""> |
12 | <p>{$error_message}</p> | 12 | <p>{$error_message}</p> |
13 | </div> | 13 | </div> |
14 | {include="page.footer"} | 14 | {include="page.footer"} |
diff --git a/tpl/default/addlink.html b/tpl/default/addlink.html index 55864a02..b4b4a0ec 100644 --- a/tpl/default/addlink.html +++ b/tpl/default/addlink.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
diff --git a/tpl/default/changepassword.html b/tpl/default/changepassword.html index 2d15c92a..ab579433 100644 --- a/tpl/default/changepassword.html +++ b/tpl/default/changepassword.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -11,10 +11,10 @@ | |||
11 | <h2 class="window-title">{"Change password"|t}</h2> | 11 | <h2 class="window-title">{"Change password"|t}</h2> |
12 | <form method="POST" action="#" name="changepasswordform" id="changepasswordform"> | 12 | <form method="POST" action="#" name="changepasswordform" id="changepasswordform"> |
13 | <div> | 13 | <div> |
14 | <input type="password" name="oldpassword" placeholder="{'Current password'|t}" class="autofocus"> | 14 | <input type="password" name="oldpassword" aria-label="{'Current password'|t}" placeholder="{'Current password'|t}" class="autofocus"> |
15 | </div> | 15 | </div> |
16 | <div> | 16 | <div> |
17 | <input type="password" name="setpassword" placeholder="{'New password'|t}"> | 17 | <input type="password" name="setpassword" aria-label="{'New password'|t}" placeholder="{'New password'|t}"> |
18 | </div> | 18 | </div> |
19 | <input type="hidden" name="token" value="{$token}"> | 19 | <input type="hidden" name="token" value="{$token}"> |
20 | <div> | 20 | <div> |
diff --git a/tpl/default/changetag.html b/tpl/default/changetag.html index 6606c4fa..ec6e0b46 100644 --- a/tpl/default/changetag.html +++ b/tpl/default/changetag.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -11,20 +11,20 @@ | |||
11 | <h2 class="window-title">{"Manage tags"|t}</h2> | 11 | <h2 class="window-title">{"Manage tags"|t}</h2> |
12 | <form method="POST" action="#" name="changetag" id="changetag"> | 12 | <form method="POST" action="#" name="changetag" id="changetag"> |
13 | <div> | 13 | <div> |
14 | <input type="text" name="fromtag" placeholder="{'Tag'|t}" value="{$fromtag}" | 14 | <input type="text" name="fromtag" aria-label="{'Tag'|t}" placeholder="{'Tag'|t}" value="{$fromtag}" |
15 | list="tagsList" autocomplete="off" class="awesomplete autofocus" data-minChars="1"> | 15 | list="tagsList" autocomplete="off" class="awesomplete autofocus" data-minChars="1"> |
16 | <datalist id="tagsList"> | 16 | <datalist id="tagsList"> |
17 | {loop="$tags"}<option>{$key}</option>{/loop} | 17 | {loop="$tags"}<option>{$key}</option>{/loop} |
18 | </datalist> | 18 | </datalist> |
19 | </div> | 19 | </div> |
20 | <div> | 20 | <div> |
21 | <input type="text" name="totag" placeholder="{'New name'|t}" | 21 | <input type="text" name="totag" aria-label="{'New name'|t}" placeholder="{'New name'|t}" |
22 | list="toTagsList" autocomplete="off" class="awesomplete" data-minChars="1"> | 22 | list="toTagsList" autocomplete="off" class="awesomplete" data-minChars="1"> |
23 | <datalist id="toTagsList"> | 23 | <datalist id="toTagsList"> |
24 | {loop="$tags"}<option>{$key}</option>{/loop} | 24 | {loop="$tags"}<option>{$key}</option>{/loop} |
25 | </datalist> | 25 | </datalist> |
26 | </div> | 26 | </div> |
27 | <div><i class="fa fa-info-circle"></i> {'Case sensitive'|t}</div> | 27 | <div><i class="fa fa-info-circle" aria-hidden="true"></i> {'Case sensitive'|t}</div> |
28 | <input type="hidden" name="token" value="{$token}"> | 28 | <input type="hidden" name="token" value="{$token}"> |
29 | <div> | 29 | <div> |
30 | <input type="submit" value="{'Rename'|t}" name="renametag"> | 30 | <input type="submit" value="{'Rename'|t}" name="renametag"> |
diff --git a/tpl/default/configure.html b/tpl/default/configure.html index 42e32230..c1a6a6bc 100644 --- a/tpl/default/configure.html +++ b/tpl/default/configure.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -199,7 +199,7 @@ | |||
199 | <div class="pure-g"> | 199 | <div class="pure-g"> |
200 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> | 200 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> |
201 | <div class="form-label"> | 201 | <div class="form-label"> |
202 | <label for="hidePublicLinks"> | 202 | <label for="updateCheck"> |
203 | <span class="label-name">{'Check updates'|t}</span><br> | 203 | <span class="label-name">{'Check updates'|t}</span><br> |
204 | <span class="label-desc">{'Notify me when a new release is ready'|t}</span> | 204 | <span class="label-desc">{'Notify me when a new release is ready'|t}</span> |
205 | </label> | 205 | </label> |
@@ -215,6 +215,22 @@ | |||
215 | <div class="pure-g"> | 215 | <div class="pure-g"> |
216 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> | 216 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> |
217 | <div class="form-label"> | 217 | <div class="form-label"> |
218 | <label for="retrieveDescription"> | ||
219 | <span class="label-name">{'Automatically retrieve description for new bookmarks'|t}</span><br> | ||
220 | <span class="label-desc">{'Shaarli will try to retrieve the description from meta HTML headers'|t}</span> | ||
221 | </label> | ||
222 | </div> | ||
223 | </div> | ||
224 | <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}"> | ||
225 | <div class="form-input"> | ||
226 | <input type="checkbox" name="retrieveDescription" id="retrieveDescription" | ||
227 | {if="$retrieve_description"}checked{/if}/> | ||
228 | </div> | ||
229 | </div> | ||
230 | </div> | ||
231 | <div class="pure-g"> | ||
232 | <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}"> | ||
233 | <div class="form-label"> | ||
218 | <label for="enableApi"> | 234 | <label for="enableApi"> |
219 | <span class="label-name">{'Enable REST API'|t}</span><br> | 235 | <span class="label-name">{'Enable REST API'|t}</span><br> |
220 | <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span> | 236 | <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span> |
diff --git a/tpl/default/daily.html b/tpl/default/daily.html index 2c409478..6b5103a4 100644 --- a/tpl/default/daily.html +++ b/tpl/default/daily.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -44,7 +44,12 @@ | |||
44 | </div> | 44 | </div> |
45 | </div> | 45 | </div> |
46 | <div> | 46 | <div> |
47 | <h3 class="window-subtitle">{function="format_date($dayDate, false)"}</h3> | 47 | <h3 class="window-subtitle"> |
48 | {if="!empty($dayDesc)"} | ||
49 | {$dayDesc} - | ||
50 | {/if} | ||
51 | {function="format_date($dayDate, false)"} | ||
52 | </h3> | ||
48 | 53 | ||
49 | <div id="plugin_zone_about_daily" class="plugin_zone"> | 54 | <div id="plugin_zone_about_daily" class="plugin_zone"> |
50 | {loop="$daily_about_plugin"} | 55 | {loop="$daily_about_plugin"} |
diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html index d8c57155..df14535d 100644 --- a/tpl/default/editlink.html +++ b/tpl/default/editlink.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
diff --git a/tpl/default/export.html b/tpl/default/export.html index af1d6e33..99c01b11 100644 --- a/tpl/default/export.html +++ b/tpl/default/export.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
diff --git a/tpl/default/import.html b/tpl/default/import.html index bdc9086e..c41afcdb 100644 --- a/tpl/default/import.html +++ b/tpl/default/import.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -69,7 +69,7 @@ | |||
69 | </div> | 69 | </div> |
70 | <div class="pure-u-lg-2-3 pure-u-1"> | 70 | <div class="pure-u-lg-2-3 pure-u-1"> |
71 | <div class="form-input"> | 71 | <div class="form-input"> |
72 | <input type="text" name="default_tags" id="default_tags" placeholder="{'Tag'|t}"> | 72 | <input type="text" name="default_tags" id="default_tags" aria-label="{'Tag'|t}" placeholder="{'Tag'|t}"> |
73 | </div> | 73 | </div> |
74 | </div> | 74 | </div> |
75 | </div> | 75 | </div> |
diff --git a/tpl/default/install.html b/tpl/default/install.html index 6199b33d..c6f501f0 100644 --- a/tpl/default/install.html +++ b/tpl/default/install.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -17,7 +17,7 @@ | |||
17 | <h2 class="window-title">{'Install Shaarli'|t}</h2> | 17 | <h2 class="window-title">{'Install Shaarli'|t}</h2> |
18 | 18 | ||
19 | <div class="center"> | 19 | <div class="center"> |
20 | {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t} | 20 | <p>{'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}</p> |
21 | </div> | 21 | </div> |
22 | 22 | ||
23 | <div class="pure-g"> | 23 | <div class="pure-g"> |
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html index ed78f40a..ffc236c7 100644 --- a/tpl/default/linklist.html +++ b/tpl/default/linklist.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -19,19 +19,19 @@ | |||
19 | <div id="search-linklist" class="searchform-block search-linklist"> | 19 | <div id="search-linklist" class="searchform-block search-linklist"> |
20 | 20 | ||
21 | <form method="GET" class="pure-form searchform" name="searchform"> | 21 | <form method="GET" class="pure-form searchform" name="searchform"> |
22 | <input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}" | 22 | <input type="text" name="searchterm" class="searchterm" aria-label="{'Search text'|t}" placeholder="{'Search text'|t}" |
23 | {if="!empty($search_term)"} | 23 | {if="!empty($search_term)"} |
24 | value="{$search_term}" | 24 | value="{$search_term}" |
25 | {/if} | 25 | {/if} |
26 | > | 26 | > |
27 | <input type="text" tabindex="2" name="searchtags" class="searchtags" placeholder="{'Filter by tag'|t}" | 27 | <input type="text" name="searchtags" class="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}" |
28 | {if="!empty($search_tags)"} | 28 | {if="!empty($search_tags)"} |
29 | value="{$search_tags}" | 29 | value="{$search_tags}" |
30 | {/if} | 30 | {/if} |
31 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | 31 | autocomplete="off" data-multiple data-autofirst data-minChars="1" |
32 | data-list="{loop="$tags"}{$key}, {/loop}" | 32 | data-list="{loop="$tags"}{$key}, {/loop}" |
33 | > | 33 | > |
34 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | 34 | <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button> |
35 | </form> | 35 | </form> |
36 | </div> | 36 | </div> |
37 | 37 | ||
@@ -52,7 +52,7 @@ | |||
52 | {/loop} | 52 | {/loop} |
53 | 53 | ||
54 | <div id="linklist"> | 54 | <div id="linklist"> |
55 | <div id="link-count-block" class="pure-g"> | 55 | <div id="link-count-block" class="pure-g link-count-block"> |
56 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 56 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
57 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> | 57 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> |
58 | <div class="linkcount pure-u-lg-0 center"> | 58 | <div class="linkcount pure-u-lg-0 center"> |
@@ -94,7 +94,7 @@ | |||
94 | {'tagged'|t} | 94 | {'tagged'|t} |
95 | {loop="$exploded_tags"} | 95 | {loop="$exploded_tags"} |
96 | <span class="label label-tag" title="{'Remove tag'|t}"> | 96 | <span class="label label-tag" title="{'Remove tag'|t}"> |
97 | <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a> | 97 | <a href="?removetag={function="urlencode($value)"}" aria-label="{'Remove tag'|t}">{$value}<span class="remove"><i class="fa fa-times" aria-hidden="true"></i></span></a> |
98 | </span> | 98 | </span> |
99 | {/loop} | 99 | {/loop} |
100 | {/if} | 100 | {/if} |
@@ -136,30 +136,31 @@ | |||
136 | {if="$thumbnails_enabled && !empty($value.thumbnail)"} | 136 | {if="$thumbnails_enabled && !empty($value.thumbnail)"} |
137 | <div class="linklist-item-thumbnail" style="width:{$thumbnails_width}px;height:{$thumbnails_height}px;"> | 137 | <div class="linklist-item-thumbnail" style="width:{$thumbnails_width}px;height:{$thumbnails_height}px;"> |
138 | <div class="thumbnail"> | 138 | <div class="thumbnail"> |
139 | <a href="{$value.real_url}"> | ||
140 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} | 139 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} |
140 | <a href="{$value.real_url}" aria-hidden="true" tabindex="-1"> | ||
141 | <img data-src="{$value.thumbnail}#" class="b-lazy" | 141 | <img data-src="{$value.thumbnail}#" class="b-lazy" |
142 | src="" | 142 | src="" |
143 | alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" /> | 143 | alt="" width="{$thumbnails_width}" height="{$thumbnails_height}" /> |
144 | </a> | 144 | </a> |
145 | </div> | 145 | </div> |
146 | </div> | 146 | </div> |
147 | {/if} | 147 | {/if} |
148 | 148 | ||
149 | {if="$is_logged_in"} | 149 | <div class="linklist-item-editbuttons"> |
150 | <div class="linklist-item-editbuttons"> | 150 | {if="$value.sticky"} |
151 | {if="$value.private"} | 151 | <span class="label label-sticky">{$strSticky}</span> |
152 | <span class="label label-private">{$strPrivate}</span> | 152 | {/if} |
153 | {/if} | 153 | {if="$value.private"} |
154 | </div> | 154 | <span class="label label-private">{$strPrivate}</span> |
155 | {/if} | 155 | {/if} |
156 | </div> | ||
156 | 157 | ||
157 | <h2> | 158 | <h2> |
158 | <a href="{$value.real_url}"> | 159 | <a href="{$value.real_url}"> |
159 | {if="strpos($value.url, $value.shorturl) === false"} | 160 | {if="strpos($value.url, $value.shorturl) === false"} |
160 | <i class="fa fa-external-link"></i> | 161 | <i class="fa fa-external-link" aria-hidden="true"></i> |
161 | {else} | 162 | {else} |
162 | <i class="fa fa-sticky-note"></i> | 163 | <i class="fa fa-sticky-note" aria-hidden="true"></i> |
163 | {/if} | 164 | {/if} |
164 | 165 | ||
165 | <span class="linklist-link">{$value.title}</span> | 166 | <span class="linklist-link">{$value.title}</span> |
@@ -176,7 +177,7 @@ | |||
176 | <div class="linklist-item-infos clear"> | 177 | <div class="linklist-item-infos clear"> |
177 | {if="$value.tags"} | 178 | {if="$value.tags"} |
178 | <div class="linklist-item-tags"> | 179 | <div class="linklist-item-tags"> |
179 | <i class="fa fa-tags"></i> | 180 | <i class="fa fa-tags" aria-hidden="true"></i> |
180 | {$tag_counter=count($value.taglist)} | 181 | {$tag_counter=count($value.taglist)} |
181 | {loop="value.taglist"} | 182 | {loop="value.taglist"} |
182 | <span class="label label-tag" title="{$strAddTag}"> | 183 | <span class="label label-tag" title="{$strAddTag}"> |
@@ -195,18 +196,18 @@ | |||
195 | <input type="checkbox" class="link-checkbox" value="{$value.id}"> | 196 | <input type="checkbox" class="link-checkbox" value="{$value.id}"> |
196 | </span> | 197 | </span> |
197 | <span class="linklist-item-infos-controls-item ctrl-edit"> | 198 | <span class="linklist-item-infos-controls-item ctrl-edit"> |
198 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | 199 | <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> |
199 | </span> | 200 | </span> |
200 | <span class="linklist-item-infos-controls-item ctrl-delete"> | 201 | <span class="linklist-item-infos-controls-item ctrl-delete"> |
201 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | 202 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" |
202 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | 203 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> |
203 | <i class="fa fa-trash"></i> | 204 | <i class="fa fa-trash" aria-hidden="true"></i> |
204 | </a> | 205 | </a> |
205 | </span> | 206 | </span> |
206 | <span class="linklist-item-infos-controls-item ctrl-pin"> | 207 | <span class="linklist-item-infos-controls-item ctrl-pin"> |
207 | <a href="?do=pin&id={$value.id}&token={$token}" | 208 | <a href="?do=pin&id={$value.id}&token={$token}" |
208 | title="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> | 209 | title="{$strToggleSticky}" aria-label="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> |
209 | <i class="fa fa-thumb-tack"></i> | 210 | <i class="fa fa-thumb-tack" aria-hidden="true"></i> |
210 | </a> | 211 | </a> |
211 | </span> | 212 | </span> |
212 | </div> | 213 | </div> |
@@ -215,7 +216,7 @@ | |||
215 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> | 216 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> |
216 | <span class="linklist-item-infos-controls-item ctrl-pin"> | 217 | <span class="linklist-item-infos-controls-item ctrl-pin"> |
217 | <span title="{$strSticky}" class="pin-link pinned-link pure-u-0 pure-u-lg-visible"> | 218 | <span title="{$strSticky}" class="pin-link pinned-link pure-u-0 pure-u-lg-visible"> |
218 | <i class="fa fa-thumb-tack"></i> | 219 | <i class="fa fa-thumb-tack" aria-hidden="true"></i> |
219 | </span> | 220 | </span> |
220 | </span> | 221 | </span> |
221 | </div> | 222 | </div> |
@@ -225,7 +226,7 @@ | |||
225 | {if="!$hide_timestamps || $is_logged_in"} | 226 | {if="!$hide_timestamps || $is_logged_in"} |
226 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} | 227 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} |
227 | <span class="linkdate" title="{$updated}"> | 228 | <span class="linkdate" title="{$updated}"> |
228 | <i class="fa fa-clock-o"></i> | 229 | <i class="fa fa-clock-o" aria-hidden="true"></i> |
229 | {$value.created|format_date} | 230 | {$value.created|format_date} |
230 | {if="$value.updated_timestamp"}*{/if} | 231 | {if="$value.updated_timestamp"}*{/if} |
231 | · | 232 | · |
@@ -247,11 +248,11 @@ | |||
247 | </div><div | 248 | </div><div |
248 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} | 249 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} |
249 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> | 250 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> |
250 | <a href="{$value.real_url}" title="{$value.title}"> | 251 | <a href="{$value.real_url}" aria-label="{$value.title}" title="{$value.title}"> |
251 | <i class="fa fa-link"></i> {$value.url} | 252 | <i class="fa fa-link" aria-hidden="true"></i> {$value.url} |
252 | </a> | 253 | </a> |
253 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> | 254 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> |
254 | <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> | 255 | <a href="#" aria-label="{$strFold}" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> |
255 | </div> | 256 | </div> |
256 | </div> | 257 | </div> |
257 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> | 258 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> |
@@ -264,12 +265,12 @@ | |||
264 | {/if} | 265 | {/if} |
265 | {if="$is_logged_in"} | 266 | {if="$is_logged_in"} |
266 | · | 267 | · |
267 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | 268 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" |
268 | title="{$strDelete}" class="delete-link confirm-delete"> | 269 | title="{$strDelete}" class="delete-link confirm-delete"> |
269 | <i class="fa fa-trash"></i> | 270 | <i class="fa fa-trash" aria-hidden="true"></i> |
270 | </a> | 271 | </a> |
271 | · | 272 | · |
272 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | 273 | <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> |
273 | {/if} | 274 | {/if} |
274 | </div> | 275 | </div> |
275 | </div> | 276 | </div> |
@@ -286,7 +287,7 @@ | |||
286 | {/loop} | 287 | {/loop} |
287 | </div> | 288 | </div> |
288 | 289 | ||
289 | <div id="linklist-paging-bottom-block" class="pure-g"> | 290 | <div id="linklist-paging-bottom-block" class="pure-g link-count-block"> |
290 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 291 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
291 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> | 292 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> |
292 | {include="linklist.paging"} | 293 | {include="linklist.paging"} |
diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html index fe665a84..68947f92 100644 --- a/tpl/default/linklist.paging.html +++ b/tpl/default/linklist.paging.html | |||
@@ -6,21 +6,21 @@ | |||
6 | {'Filters'|t} | 6 | {'Filters'|t} |
7 | </span> | 7 | </span> |
8 | {if="$is_logged_in"} | 8 | {if="$is_logged_in"} |
9 | <a href="?visibility=private" title="{'Only display private links'|t}" | 9 | <a href="?visibility=private" aria-label="{'Only display private links'|t}" title="{'Only display private links'|t}" |
10 | class="{if="$visibility==='private'"}filter-on{else}filter-off{/if}" | 10 | class="{if="$visibility==='private'"}filter-on{else}filter-off{/if}" |
11 | ><i class="fa fa-user-secret"></i></a> | 11 | ><i class="fa fa-user-secret" aria-hidden="true"></i></a> |
12 | <a href="?visibility=public" title="{'Only display public links'|t}" | 12 | <a href="?visibility=public" aria-label="{'Only display public links'|t}" title="{'Only display public links'|t}" |
13 | class="{if="$visibility==='public'"}filter-on{else}filter-off{/if}" | 13 | class="{if="$visibility==='public'"}filter-on{else}filter-off{/if}" |
14 | ><i class="fa fa-globe"></i></a> | 14 | ><i class="fa fa-globe" aria-hidden="true"></i></a> |
15 | {/if} | 15 | {/if} |
16 | <a href="?untaggedonly" title="{'Filter untagged links'|t}" | 16 | <a href="?untaggedonly" aria-label="{'Filter untagged links'|t}" title="{'Filter untagged links'|t}" |
17 | class={if="$untaggedonly"}"filter-on"{else}"filter-off"{/if} | 17 | class={if="$untaggedonly"}"filter-on"{else}"filter-off"{/if} |
18 | ><i class="fa fa-tag"></i></a> | 18 | ><i class="fa fa-tag" aria-hidden="true"></i></a> |
19 | <a href="#" title="{'Select all'|t}" | 19 | <a href="#" aria-label="{'Select all'|t}" title="{'Select all'|t}" |
20 | class="filter-off select-all-button" | 20 | class="filter-off select-all-button pure-u-0 pure-u-lg-visible" |
21 | ><i class="fa fa-check-square-o"></i></a> | 21 | ><i class="fa fa-check-square-o" aria-hidden="true"></i></a> |
22 | <a href="#" class="filter-off fold-all pure-u-lg-0" title="{'Fold all'|t}"> | 22 | <a href="#" class="filter-off fold-all pure-u-lg-0" aria-label="{'Fold all'|t}" title="{'Fold all'|t}"> |
23 | <i class="fa fa-chevron-up"></i> | 23 | <i class="fa fa-chevron-up" aria-hidden="true"></i> |
24 | </a> | 24 | </a> |
25 | {loop="$action_plugin"} | 25 | {loop="$action_plugin"} |
26 | {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''} | 26 | {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''} |
@@ -59,8 +59,8 @@ | |||
59 | <form method="GET" class="pure-u-0 pure-u-lg-visible"> | 59 | <form method="GET" class="pure-u-0 pure-u-lg-visible"> |
60 | <input type="text" name="linksperpage" placeholder="133"> | 60 | <input type="text" name="linksperpage" placeholder="133"> |
61 | </form> | 61 | </form> |
62 | <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" title="{'Fold all'|t}"> | 62 | <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" aria-label="{'Fold all'|t}" title="{'Fold all'|t}"> |
63 | <i class="fa fa-chevron-up"></i> | 63 | <i class="fa fa-chevron-up" aria-hidden="true"></i> |
64 | </a> | 64 | </a> |
65 | </div> | 65 | </div> |
66 | </div> | 66 | </div> |
diff --git a/tpl/default/loginform.html b/tpl/default/loginform.html index 3cdab65a..761aec0c 100644 --- a/tpl/default/loginform.html +++ b/tpl/default/loginform.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -9,7 +9,7 @@ | |||
9 | <div class="pure-g pure-alert pure-alert-error pure-alert-closable center"> | 9 | <div class="pure-g pure-alert pure-alert-error pure-alert-closable center"> |
10 | <div class="pure-u-2-24"></div> | 10 | <div class="pure-u-2-24"></div> |
11 | <div class="pure-u-20-24"> | 11 | <div class="pure-u-20-24"> |
12 | {'You have been banned after too many failed login attempts. Try again later.'|t} | 12 | <p>{'You have been banned after too many failed login attempts. Try again later.'|t}</p> |
13 | </div> | 13 | </div> |
14 | <div class="pure-u-2-24"> | 14 | <div class="pure-u-2-24"> |
15 | <i class="fa fa-times pure-alert-close"></i> | 15 | <i class="fa fa-times pure-alert-close"></i> |
@@ -22,20 +22,19 @@ | |||
22 | <form method="post" name="loginform"> | 22 | <form method="post" name="loginform"> |
23 | <h2 class="window-title">{'Login'|t}</h2> | 23 | <h2 class="window-title">{'Login'|t}</h2> |
24 | <div> | 24 | <div> |
25 | <input type="text" name="login" placeholder="{'Username'|t}" | 25 | <input type="text" name="login" aria-label="{'Username'|t}" placeholder="{'Username'|t}" |
26 | {if="!empty($username)"}value="{$username}"{/if} class="autofocus" tabindex="20"> | 26 | {if="!empty($username)"}value="{$username}"{/if} class="autofocus"> |
27 | </div> | 27 | </div> |
28 | <div> | 28 | <div> |
29 | <input type="password" name="password" placeholder="{'Password'|t}" class="autofocus" tabindex="21"> | 29 | <input type="password" name="password" aria-label="{'Password'|t}" placeholder="{'Password'|t}" class="autofocus"> |
30 | </div> | 30 | </div> |
31 | <div class="remember-me"> | 31 | <div class="remember-me"> |
32 | <input type="checkbox" name="longlastingsession" id="longlastingsessionform" | 32 | <input type="checkbox" name="longlastingsession" id="longlastingsessionform" |
33 | {if="$remember_user_default"}checked="checked"{/if} | 33 | {if="$remember_user_default"}checked="checked"{/if}> |
34 | tabindex="22"> | ||
35 | <label for="longlastingsessionform">{'Remember me'|t}</label> | 34 | <label for="longlastingsessionform">{'Remember me'|t}</label> |
36 | </div> | 35 | </div> |
37 | <div> | 36 | <div> |
38 | <input type="submit" value="{'Login'|t}" class="bigbutton" tabindex="23"> | 37 | <input type="submit" value="{'Login'|t}" class="bigbutton"> |
39 | </div> | 38 | </div> |
40 | <input type="hidden" name="token" value="{$token}"> | 39 | <input type="hidden" name="token" value="{$token}"> |
41 | {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if} | 40 | {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if} |
@@ -48,4 +47,3 @@ | |||
48 | {include="page.footer"} | 47 | {include="page.footer"} |
49 | </body> | 48 | </body> |
50 | </html> | 49 | </html> |
51 | |||
diff --git a/tpl/default/page.footer.html b/tpl/default/page.footer.html index 5af39be7..0899826b 100644 --- a/tpl/default/page.footer.html +++ b/tpl/default/page.footer.html | |||
@@ -1,8 +1,9 @@ | |||
1 | </div> | 1 | </main> |
2 | 2 | ||
3 | <div class="pure-g"> | 3 | <div class="pure-g"> |
4 | <div class="pure-u-2-24"></div> | 4 | <div class="pure-u-2-24"></div> |
5 | <div id="footer" class="pure-u-20-24 footer-container"> | 5 | <footer id="footer" class="pure-u-20-24 footer-container" role="contentinfo"> |
6 | <i class="fa fa-shaarli" aria-hidden="true"></i> | ||
6 | <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> | 7 | <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> |
7 | {if="$is_logged_in===true"} | 8 | {if="$is_logged_in===true"} |
8 | {$version} | 9 | {$version} |
@@ -13,7 +14,7 @@ | |||
13 | {loop="$plugins_footer.text"} | 14 | {loop="$plugins_footer.text"} |
14 | {$value} | 15 | {$value} |
15 | {/loop} | 16 | {/loop} |
16 | </div> | 17 | </footer> |
17 | <div class="pure-u-2-24"></div> | 18 | <div class="pure-u-2-24"></div> |
18 | </div> | 19 | </div> |
19 | 20 | ||
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html index 4f6dd4d8..4f063dc3 100644 --- a/tpl/default/page.header.html +++ b/tpl/default/page.header.html | |||
@@ -1,11 +1,13 @@ | |||
1 | <div class="shaarli-menu pure-g" id="shaarli-menu"> | 1 | <div class="shaarli-menu pure-g" id="shaarli-menu"> |
2 | <div class="pure-u-lg-0 pure-u-1"> | 2 | <div class="pure-u-lg-0 pure-u-1"> |
3 | <div class="pure-menu"> | 3 | <div class="pure-menu"> |
4 | <header role="banner"> | ||
4 | <a href="{$titleLink}" class="pure-menu-link shaarli-title" id="shaarli-title-mobile"> | 5 | <a href="{$titleLink}" class="pure-menu-link shaarli-title" id="shaarli-title-mobile"> |
5 | <img src="img/icon.png" width="16" height="16" class="head-logo" alt="" /> | 6 | <i class="fa fa-shaarli" aria-hidden="true"></i> |
6 | {$shaarlititle} | 7 | {$shaarlititle} |
7 | </a> | 8 | </a> |
8 | <a href="#" class="menu-toggle" id="menu-toggle"><s class="bar"></s><s class="bar"></s></a> | 9 | </header> |
10 | <a href="#" class="menu-toggle" id="menu-toggle" aria-label="{'Menu'|t}"><s class="bar" aria-hidden="true"></s><s class="bar" aria-hidden="true"></s></a> | ||
9 | </div> | 11 | </div> |
10 | </div> | 12 | </div> |
11 | <div class="pure-u-1"> | 13 | <div class="pure-u-1"> |
@@ -13,14 +15,14 @@ | |||
13 | <ul class="pure-menu-list pure-u-lg-5-6 pure-u-1"> | 15 | <ul class="pure-menu-list pure-u-lg-5-6 pure-u-1"> |
14 | <li class="pure-menu-item pure-u-0 pure-u-lg-visible"> | 16 | <li class="pure-menu-item pure-u-0 pure-u-lg-visible"> |
15 | <a href="{$titleLink}" class="pure-menu-link shaarli-title" id="shaarli-title-desktop"> | 17 | <a href="{$titleLink}" class="pure-menu-link shaarli-title" id="shaarli-title-desktop"> |
16 | <img src="img/icon.png" width="16" height="16" class="head-logo" alt="" /> | 18 | <i class="fa fa-shaarli" aria-hidden="true"></i> |
17 | {$shaarlititle} | 19 | {$shaarlititle} |
18 | </a> | 20 | </a> |
19 | </li> | 21 | </li> |
20 | {if="$is_logged_in || $openshaarli"} | 22 | {if="$is_logged_in || $openshaarli"} |
21 | <li class="pure-menu-item"> | 23 | <li class="pure-menu-item"> |
22 | <a href="?do=addlink" class="pure-menu-link" id="shaarli-menu-shaare"> | 24 | <a href="?do=addlink" class="pure-menu-link" id="shaarli-menu-shaare"> |
23 | <i class="fa fa-plus" ></i> {'Shaare'|t} | 25 | <i class="fa fa-plus" aria-hidden="true"></i> {'Shaare'|t} |
24 | </a> | 26 | </a> |
25 | </li> | 27 | </li> |
26 | <li class="pure-menu-item" id="shaarli-menu-tools"> | 28 | <li class="pure-menu-item" id="shaarli-menu-tools"> |
@@ -67,27 +69,27 @@ | |||
67 | <li class="pure-menu-item" id="shaarli-menu-desktop-search"> | 69 | <li class="pure-menu-item" id="shaarli-menu-desktop-search"> |
68 | <a href="#" class="pure-menu-link subheader-opener" | 70 | <a href="#" class="pure-menu-link subheader-opener" |
69 | data-open-id="search" | 71 | data-open-id="search" |
70 | id="search-button" title="{'Search'|t}"> | 72 | id="search-button" aria-label="{'Search'|t}" title="{'Search'|t}"> |
71 | <i class="fa fa-search"></i> | 73 | <i class="fa fa-search" aria-hidden="true"></i> |
72 | </a> | 74 | </a> |
73 | </li> | 75 | </li> |
74 | <li class="pure-menu-item" id="shaarli-menu-desktop-rss"> | 76 | <li class="pure-menu-item" id="shaarli-menu-desktop-rss"> |
75 | <a href="?do={$feed_type}{$searchcrits}" class="pure-menu-link" title="{'RSS Feed'|t}"> | 77 | <a href="?do={$feed_type}{$searchcrits}" class="pure-menu-link" title="{'RSS Feed'|t}" aria-label="{'RSS Feed'|t}"> |
76 | <i class="fa fa-rss"></i> | 78 | <i class="fa fa-rss" aria-hidden="true"></i> |
77 | </a> | 79 | </a> |
78 | </li> | 80 | </li> |
79 | {if="!$is_logged_in"} | 81 | {if="!$is_logged_in"} |
80 | <li class="pure-menu-item" id="shaarli-menu-desktop-login"> | 82 | <li class="pure-menu-item" id="shaarli-menu-desktop-login"> |
81 | <a href="?do=login" class="pure-menu-link" | 83 | <a href="?do=login" class="pure-menu-link" |
82 | data-open-id="header-login-form" | 84 | data-open-id="header-login-form" |
83 | id="login-button" title="{'Login'|t}"> | 85 | id="login-button" aria-label="{'Login'|t}" title="{'Login'|t}"> |
84 | <i class="fa fa-user"></i> | 86 | <i class="fa fa-user" aria-hidden="true"></i> |
85 | </a> | 87 | </a> |
86 | </li> | 88 | </li> |
87 | {else} | 89 | {else} |
88 | <li class="pure-menu-item" id="shaarli-menu-desktop-logout"> | 90 | <li class="pure-menu-item" id="shaarli-menu-desktop-logout"> |
89 | <a href="?do=logout" class="pure-menu-link" title="{'Logout'|t}"> | 91 | <a href="?do=logout" class="pure-menu-link" aria-label="{'Logout'|t}" title="{'Logout'|t}"> |
90 | <i class="fa fa-sign-out"></i> | 92 | <i class="fa fa-sign-out" aria-hidden="true"></i> |
91 | </a> | 93 | </a> |
92 | </li> | 94 | </li> |
93 | {/if} | 95 | {/if} |
@@ -97,43 +99,54 @@ | |||
97 | </div> | 99 | </div> |
98 | </div> | 100 | </div> |
99 | 101 | ||
100 | <div id="content" class="container"> | 102 | <main id="content" class="container" role="main"> |
101 | <div id="search" class="subheader-form searchform-block header-search"> | 103 | <div id="search" class="subheader-form searchform-block header-search"> |
102 | <form method="GET" class="pure-form searchform" name="searchform"> | 104 | <form method="GET" class="pure-form searchform" name="searchform"> |
103 | <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="{'Search text'|t}" | 105 | <input type="text" id="searchform_value" name="searchterm" aria-label="{'Search text'|t}" placeholder="{'Search text'|t}" |
104 | {if="!empty($search_term)"} | 106 | {if="!empty($search_term)"} |
105 | value="{$search_term}" | 107 | value="{$search_term}" |
106 | {/if} | 108 | {/if} |
107 | > | 109 | > |
108 | <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="{'Filter by tag'|t}" | 110 | <input type="text" name="searchtags" id="tagfilter_value" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}" |
109 | {if="!empty($search_tags)"} | 111 | {if="!empty($search_tags)"} |
110 | value="{$search_tags}" | 112 | value="{$search_tags}" |
111 | {/if} | 113 | {/if} |
112 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | 114 | autocomplete="off" data-multiple data-autofirst data-minChars="1" |
113 | data-list="{loop="$tags"}{$key}, {/loop}" | 115 | data-list="{loop="$tags"}{$key}, {/loop}" |
114 | > | 116 | > |
115 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | 117 | <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button> |
116 | </form> | 118 | </form> |
117 | </div> | 119 | </div> |
118 | <div id="actions" class="subheader-form"> | 120 | <div id="actions" class="subheader-form"> |
119 | <div class="pure-g"> | 121 | <div class="pure-g"> |
120 | <div class="pure-u-1"> | 122 | <div class="pure-u-1"> |
121 | <a href="" id="actions-delete" class="button">{'Delete'|t}</a> | 123 | <a href="" id="actions-delete" class="button"> |
124 | <i class="fa fa-trash" aria-hidden="true"></i> | ||
125 | {'Delete'|t} | ||
126 | </a> | ||
127 | <a href="" class="actions-change-visibility button" data-visibility="public"> | ||
128 | <i class="fa fa-globe" aria-hidden="true"></i> | ||
129 | {'Set public'|t} | ||
130 | </a> | ||
131 | <a href="" class="actions-change-visibility button" data-visibility="private"> | ||
132 | <i class="fa fa-user-secret" aria-hidden="true"></i> | ||
133 | {'Set private'|t} | ||
134 | </a> | ||
122 | </div> | 135 | </div> |
123 | </div> | 136 | </div> |
124 | </div> | 137 | </div> |
125 | {if="!$is_logged_in"} | 138 | {if="!$is_logged_in"} |
126 | <form method="post" name="loginform"> | 139 | <form method="post" name="loginform"> |
127 | <div class="subheader-form header-login-form" id="header-login-form"> | 140 | <div class="subheader-form header-login-form" id="header-login-form"> |
128 | <input type="text" name="login" placeholder="{'Username'|t}" tabindex="3"> | 141 | <input type="text" name="login" aria-label="{'Username'|t}" placeholder="{'Username'|t}" > |
129 | <input type="password" name="password" placeholder="{'Password'|t}" tabindex="5"> | 142 | <input type="password" name="password" aria-label="{'Password'|t}" placeholder="{'Password'|t}" > |
130 | <div class="remember-me"> | 143 | <div class="remember-me"> |
131 | <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="6" checked> | 144 | <input type="checkbox" name="longlastingsession" id="longlastingsession" checked> |
132 | <label for="longlastingsession">{'Remember me'|t}</label> | 145 | <label for="longlastingsession">{'Remember me'|t}</label> |
133 | </div> | 146 | </div> |
134 | <input type="hidden" name="token" value="{$token}"> | 147 | <input type="hidden" name="token" value="{$token}"> |
135 | <input type="hidden" name="returnurl"> | 148 | <input type="hidden" name="returnurl"> |
136 | <input type="submit" value="Login" tabindex="7"> | 149 | <input type="submit" value="Login"> |
137 | </div> | 150 | </div> |
138 | </form> | 151 | </form> |
139 | {/if} | 152 | {/if} |
diff --git a/tpl/default/picwall.html b/tpl/default/picwall.html index 4c325487..73359949 100644 --- a/tpl/default/picwall.html +++ b/tpl/default/picwall.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -32,13 +32,13 @@ | |||
32 | {/loop} | 32 | {/loop} |
33 | </div> | 33 | </div> |
34 | 34 | ||
35 | <div id="picwall-container" class="picwall-container"> | 35 | <div id="picwall-container" class="picwall-container" role="list"> |
36 | {loop="$linksToDisplay"} | 36 | {loop="$linksToDisplay"} |
37 | <div class="picwall-pictureframe"> | 37 | <div class="picwall-pictureframe" role="listitem"> |
38 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} | 38 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} |
39 | <img data-src="{$value.thumbnail}#" class="b-lazy" | 39 | <img data-src="{$value.thumbnail}#" class="b-lazy" |
40 | src="" | 40 | src="" |
41 | alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" /> | 41 | alt="" width="{$thumbnails_width}" height="{$thumbnails_height}" /> |
42 | <a href="{$value.real_url}"><span class="info">{$value.title}</span></a> | 42 | <a href="{$value.real_url}"><span class="info">{$value.title}</span></a> |
43 | {loop="$value.picwall_plugin"} | 43 | {loop="$value.picwall_plugin"} |
44 | {$value} | 44 | {$value} |
diff --git a/tpl/default/pluginsadmin.html b/tpl/default/pluginsadmin.html index 82041972..4bfaa934 100644 --- a/tpl/default/pluginsadmin.html +++ b/tpl/default/pluginsadmin.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
diff --git a/tpl/default/tag.cloud.html b/tpl/default/tag.cloud.html index 9e52158d..b9c0b162 100644 --- a/tpl/default/tag.cloud.html +++ b/tpl/default/tag.cloud.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -26,14 +26,14 @@ | |||
26 | <div class="pure-u-1 pure-u-lg-1-2"> | 26 | <div class="pure-u-1 pure-u-lg-1-2"> |
27 | <form method="GET"> | 27 | <form method="GET"> |
28 | <input type="hidden" name="do" value="tagcloud"> | 28 | <input type="hidden" name="do" value="tagcloud"> |
29 | <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}" | 29 | <input type="text" name="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}" |
30 | {if="!empty($search_tags)"} | 30 | {if="!empty($search_tags)"} |
31 | value="{$search_tags}" | 31 | value="{$search_tags}" |
32 | {/if} | 32 | {/if} |
33 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | 33 | autocomplete="off" data-multiple data-autofirst data-minChars="1" |
34 | data-list="{loop="$tags"}{$key}, {/loop}" | 34 | data-list="{loop="$tags"}{$key}, {/loop}" |
35 | > | 35 | > |
36 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | 36 | <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button> |
37 | </form> | 37 | </form> |
38 | </div> | 38 | </div> |
39 | <div class="pure-u-lg-1-4"></div> | 39 | <div class="pure-u-lg-1-4"></div> |
diff --git a/tpl/default/tag.list.html b/tpl/default/tag.list.html index bcddcd56..d5777465 100644 --- a/tpl/default/tag.list.html +++ b/tpl/default/tag.list.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -26,14 +26,14 @@ | |||
26 | <div class="pure-u-1 pure-u-lg-1-2"> | 26 | <div class="pure-u-1 pure-u-lg-1-2"> |
27 | <form method="GET"> | 27 | <form method="GET"> |
28 | <input type="hidden" name="do" value="taglist"> | 28 | <input type="hidden" name="do" value="taglist"> |
29 | <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}" | 29 | <input type="text" name="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}" |
30 | {if="!empty($search_tags)"} | 30 | {if="!empty($search_tags)"} |
31 | value="{$search_tags}" | 31 | value="{$search_tags}" |
32 | {/if} | 32 | {/if} |
33 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | 33 | autocomplete="off" data-multiple data-autofirst data-minChars="1" |
34 | data-list="{loop="$tags"}{$key}, {/loop}" | 34 | data-list="{loop="$tags"}{$key}, {/loop}" |
35 | > | 35 | > |
36 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | 36 | <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button> |
37 | </form> | 37 | </form> |
38 | </div> | 38 | </div> |
39 | <div class="pure-u-lg-1-4"></div> | 39 | <div class="pure-u-lg-1-4"></div> |
@@ -50,9 +50,9 @@ | |||
50 | <div class="tag-list-item pure-g" data-tag="{$key}"> | 50 | <div class="tag-list-item pure-g" data-tag="{$key}"> |
51 | <div class="pure-u-1"> | 51 | <div class="pure-u-1"> |
52 | {if="$is_logged_in===true"} | 52 | {if="$is_logged_in===true"} |
53 | <a href="#" class="delete-tag"><i class="fa fa-trash"></i></a> | 53 | <a href="#" class="delete-tag" aria-label="{'Delete'|t}"><i class="fa fa-trash" aria-hidden="true"></i></a> |
54 | <a href="?do=changetag&fromtag={$key|urlencode}" class="rename-tag"> | 54 | <a href="?do=changetag&fromtag={$key|urlencode}" class="rename-tag" aria-label="{'Rename tag'|t}"> |
55 | <i class="fa fa-pencil-square-o {$key}"></i> | 55 | <i class="fa fa-pencil-square-o {$key}" aria-hidden="true"></i> |
56 | </a> | 56 | </a> |
57 | {/if} | 57 | {/if} |
58 | 58 | ||
@@ -66,7 +66,7 @@ | |||
66 | {if="$is_logged_in===true"} | 66 | {if="$is_logged_in===true"} |
67 | <div class="rename-tag-form pure-u-1"> | 67 | <div class="rename-tag-form pure-u-1"> |
68 | <input type="text" name="{$key}" value="{$key}" class="rename-tag-input" /> | 68 | <input type="text" name="{$key}" value="{$key}" class="rename-tag-input" /> |
69 | <a href="#" class="validate-rename-tag"><i class="fa fa-check"></i></a> | 69 | <a href="#" class="validate-rename-tag"><i class="fa fa-check" aria-hidden="true"></i></a> |
70 | </div> | 70 | </div> |
71 | {/if} | 71 | {/if} |
72 | </div> | 72 | </div> |
diff --git a/tpl/default/tag.sort.html b/tpl/default/tag.sort.html index 89acda0d..d24c9f64 100644 --- a/tpl/default/tag.sort.html +++ b/tpl/default/tag.sort.html | |||
@@ -1,8 +1,8 @@ | |||
1 | <div class="pure-g"> | 1 | <div class="pure-g"> |
2 | <div class="pure-u-1 pure-alert pure-alert-success tag-sort"> | 2 | <div class="pure-u-1 pure-alert pure-alert-success tag-sort"> |
3 | {'Sort by:'|t} | 3 | {'Sort by:'|t} |
4 | <a href="?do=tagcloud" title="cloud">{'Cloud'|t}</a> · | 4 | <a href="?do=tagcloud">{'Cloud'|t}</a> · |
5 | <a href="?do=taglist&sort=usage" title="cloud">{'Most used'|t}</a> · | 5 | <a href="?do=taglist&sort=usage">{'Most used'|t}</a> · |
6 | <a href="?do=taglist&sort=alpha" title="cloud">{'Alphabetical'|t}</a> | 6 | <a href="?do=taglist&sort=alpha">{'Alphabetical'|t}</a> |
7 | </div> | 7 | </div> |
8 | </div> \ No newline at end of file | 8 | </div> \ No newline at end of file |
diff --git a/tpl/default/thumbnails.html b/tpl/default/thumbnails.html index a8cf904e..f1939798 100644 --- a/tpl/default/thumbnails.html +++ b/tpl/default/thumbnails.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
diff --git a/tpl/default/tools.html b/tpl/default/tools.html index c9ce1eaf..20d0c893 100644 --- a/tpl/default/tools.html +++ b/tpl/default/tools.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |