Skip to content

Commit 5378e46

Browse files
authored
Update Extension Page (#12)
* Update Extension Page * Fixes
1 parent 45fa38b commit 5378e46

File tree

2 files changed

+47
-29
lines changed

2 files changed

+47
-29
lines changed

src/_layouts/default.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@
8585
<a class="link-body-emphasis text-decoration-none {% if page.title == 'Docs' %}fw-bold{% endif %}" href="{{ "/docs/" | relative_url }}">
8686
Docs</a></li>
8787
<li class="list-inline-item">
88-
<a class="link-body-emphasis text-decoration-none {% if page.title == 'Extension' %}fw-bold{% endif %}" href="{{ "/extension/" | relative_url }}">
88+
<a class="link-body-emphasis text-decoration-none {% if page.title == 'Web Extension' %}fw-bold{% endif %}" href="{{ "/extension/" | relative_url }}">
8989
Extension</a></li>
9090
<li class="list-inline-item">
9191
<a class="link-body-emphasis text-decoration-none" href="{{ "/screenshots/" | relative_url }}" target="_blank">

src/html/extension.html

Lines changed: 46 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,16 @@
88
<h1>{{ site.site_name }} - {{ page.title }}</h1>
99

1010
<div class="mb-2" style="min-height: 20px;">
11-
<a href="{{ site.chrome_url }}" rel="nofollow" target="_blank">
12-
<img src="https://img.shields.io/chrome-web-store/users/{{ site.chrome_id }}?logo=google&logoColor=white&label=google%20users" alt="Chrome Web Store Users" style="max-width: 100%;"></a>
13-
<a href="{{ site.firefox_url }}" rel="nofollow" target="_blank">
14-
<img src="https://img.shields.io/amo/users/{{ site.firefox_id }}?logo=mozilla&label=mozilla%20users" alt="Mozilla Add-on Users" style="max-width: 100%;"></a>
15-
<a href="{{ site.chrome_url }}" rel="nofollow" target="_blank">
16-
<img src="https://img.shields.io/chrome-web-store/v/{{ site.chrome_id }}?label=chrome&logo=googlechrome" alt="Chrome Web Store Version" style="max-width: 100%;"></a>
17-
<a href="{{ site.firefox_url }}" rel="nofollow" target="_blank">
18-
<img src="https://img.shields.io/amo/v/{{ site.firefox_id }}?label=firefox&logo=firefox" alt="Mozilla Add-on Version" style="max-width: 100%;"></a>
19-
<a href="{{ site.extension_github }}/releases/latest" rel="nofollow" target="_blank">
20-
<img src="https://img.shields.io/github/v/release/{{ site.github_name }}?logo=github" alt="GitHub Release Version" style="max-width: 100%;"></a>
11+
<a href="{{ site.chrome_url }}" target="_blank" rel="noopener">
12+
<img src="https://img.shields.io/chrome-web-store/users/{{ site.chrome_id }}?logo=google&logoColor=white&label=google%20users" alt="Chrome Web Store Users" class="mw-100"></a>
13+
<a href="{{ site.firefox_url }}" target="_blank" rel="noopener">
14+
<img src="https://img.shields.io/amo/users/{{ site.firefox_id }}?logo=mozilla&label=mozilla%20users" alt="Mozilla Add-on Users" class="mw-100"></a>
15+
<a href="{{ site.chrome_url }}" target="_blank" rel="noopener">
16+
<img src="https://img.shields.io/chrome-web-store/v/{{ site.chrome_id }}?label=chrome&logo=googlechrome" alt="Chrome Web Store Version" class="mw-100"></a>
17+
<a href="{{ site.firefox_url }}" target="_blank" rel="noopener">
18+
<img src="https://img.shields.io/amo/v/{{ site.firefox_id }}?label=firefox&logo=firefox" alt="Mozilla Add-on Version" class="mw-100"></a>
19+
<a href="{{ site.extension_github }}/releases/latest" target="_blank" rel="noopener">
20+
<img src="https://img.shields.io/github/v/release/{{ site.github_name }}?logo=github" alt="GitHub Release Version" class="mw-100"></a>
2121
</div>
2222

2323
<p class="lead" data-nosnippet><a href="#configure">Configure</a> | <a href="#setup">Setup</a> | <a href="#usage">Usage</a></p>
@@ -27,20 +27,20 @@ <h1>{{ site.site_name }} - {{ page.title }}</h1>
2727
</p>
2828

2929
<div class="ms-1 mb-3">
30-
<a href="{{ site.chrome_url }}" target="_blank">
31-
<img alt="Chrome" src="https://github.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png" width="42" height="42" /></a>
32-
<a href="{{ site.firefox_url }}" target="_blank">
33-
<img alt="Firefox" src="https://github.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png" width="42" height="42" /></a>
34-
<a href="{{ site.chrome_url }}" target="_blank">
35-
<img alt="Edge" src="https://github.com/alrra/browser-logos/main/src/edge/edge_48x48.png" width="42" height="42" /></a>
36-
<a href="{{ site.chrome_url }}" target="_blank">
37-
<img alt="Chromium" src="https://github.com/alrra/browser-logos/main/src/chromium/chromium_48x48.png" width="42" height="42" /></a>
38-
<a href="{{ site.chrome_url }}" target="_blank">
39-
<img alt="Opera" src="https://github.com/alrra/browser-logos/main/src/opera/opera_48x48.png" width="42" height="42" /></a>
40-
<a href="{{ site.chrome_url }}" target="_blank">
41-
<img alt="Brave" src="https://github.com/alrra/browser-logos/main/src/brave/brave_48x48.png" width="42" height="42" /></a>
42-
<a href="{{ site.chrome_url }}" target="_blank">
43-
<img alt="Vivaldi" src="https://github.com/alrra/browser-logos/main/src/vivaldi/vivaldi_48x48.png" width="42" height="42" /></a>
30+
<a href="{{ site.chrome_url }}" title="Chrome" target="_blank" rel="noopener">
31+
<img alt="Chrome" src="https://github.com/smashedr/logo-icons/master/browsers/chrome_48.png" width="48" height="48" /></a>
32+
<a href="{{ site.firefox_url }}" title="Firefox" target="_blank" rel="noopener">
33+
<img alt="Firefox" src="https://github.com/smashedr/logo-icons/master/browsers/firefox_48.png" width="48" height="48" /></a>
34+
<a href="{{ site.chrome_url }}" title="Edge" target="_blank" rel="noopener">
35+
<img alt="Edge" src="https://github.com/smashedr/logo-icons/master/browsers/edge_48.png" width="48" height="48" /></a>
36+
<a href="{{ site.chrome_url }}" title="Opera" target="_blank" rel="noopener">
37+
<img alt="Opera" src="https://github.com/smashedr/logo-icons/master/browsers/opera_48.png" width="48" height="48" /></a>
38+
<a href="{{ site.chrome_url }}" title="Brave" target="_blank" rel="noopener">
39+
<img alt="Brave" src="https://github.com/smashedr/logo-icons/master/browsers/brave_48.png" width="48" height="48" /></a>
40+
<a href="{{ site.chrome_url }}" title="Chromium" target="_blank" rel="noopener">
41+
<img alt="Chromium" src="https://github.com/smashedr/logo-icons/master/browsers/chromium_48.png" width="48" height="48" /></a>
42+
<a href="{{ site.chrome_url }}" title="Kiwi" target="_blank" rel="noopener">
43+
<img alt="Kiwi" src="https://github.com/smashedr/logo-icons/master/browsers/kiwi_48.png" width="48" height="48" /></a>
4444
</div>
4545

4646
<ul>
@@ -71,6 +71,12 @@ <h2>Install</h2>
7171
<a href="{{ site.chrome_url }}" target="_blank">Chrome Web Store</a>.
7272
</p>
7373

74+
<p>
75+
Mobile browser support available for
76+
<a href="{{ site.firefox_url }}" target="_blank" rel="noopener">Firefox</a> and
77+
<a href="{{ site.chrome_url }}" target="_blank" rel="noopener">Kiwi</a>.
78+
</p>
79+
7480
<h2 id="configure">Configure</h2>
7581
<hr class="mt-0">
7682

@@ -102,12 +108,11 @@ <h2 id="setup">Setup</h2>
102108
The addon should now be configured to work with your Django Files instance.
103109
</p>
104110
<p>
105-
You can now click the Django Files icon to view your recent uploads or open Options.
106-
Right-click on any Image, Video, Audio, or URL upload to Django Files or Shorten URL.
111+
Alternatively, you can open the Options page and add your URL and Token.
107112
</p>
108-
109113
<p>
110-
Alternatively, you can open the Options page and add your URL and Token.
114+
You can now click the Django Files icon to view your recent uploads or open Options.
115+
Right-click on any Image, Video, Audio, or URL upload to Django Files or Shorten URL.
111116
</p>
112117

113118
<h2 id="usage">Usage</h2>
@@ -120,6 +125,19 @@ <h2 id="usage">Usage</h2>
120125
<li>Right Click Context Menu</li>
121126
</ul>
122127

128+
<h5><i class="fa-regular fa-keyboard"></i> Keyboard Shortcuts</h5>
129+
<p class="ms-4">
130+
Keyboard shortcuts are available for activating the Popup and opening the Gallery or Uploads.
131+
<br>
132+
These can be configured on your browser's extension management page and varies by browser.
133+
<br>
134+
<strong>Firefox:</strong> <a href="https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox" target="_blank" rel="noopener">
135+
https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox</a>
136+
<br>
137+
<strong>Chrome:</strong> Enter the following into your address bar:
138+
<kbd role="button" data-clipboard-text="chrome://extensions/shortcuts">chrome://extensions/shortcuts</kbd>
139+
</p>
140+
123141
<h2>Support</h2>
124142

125143
<p>

0 commit comments

Comments
 (0)