diff --git a/src/templates/item.rs b/src/templates/item.rs
index 84244e09..258e92fb 100644
--- a/src/templates/item.rs
+++ b/src/templates/item.rs
@@ -350,6 +350,8 @@ mod tests {
pgo to previous item
ngo to next item
ugo to package
+ ftoggle full screen
+ ?toggle shortcuts
"
.trim();
diff --git a/static/item.js b/static/item.js
index e79f2f52..4e970e71 100644
--- a/static/item.js
+++ b/static/item.js
@@ -1,9 +1,25 @@
-let prev = document.querySelector('link[rel=prev]');
+let media = document.querySelector('img, video');
let next = document.querySelector('link[rel=next]');
+let prev = document.querySelector('link[rel=prev]');
+let shortcuts = document.querySelector('#shortcuts');
let up = document.querySelector('link[rel=up]');
document.addEventListener('keydown', (event) => {
- if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+ if (event.altKey || event.ctrlKey || event.metaKey) {
+ return;
+ }
+
+ if (event.key === '?') {
+ shortcuts.togglePopover();
+ return;
+ }
+
+ if (event.key === 'f' && document.fullscreenEnabled) {
+ if (document.fullscreenElement === null) {
+ media.requestFullscreen();
+ } else {
+ document.exitFullscreen();
+ }
return;
}
diff --git a/templates/item.html b/templates/item.html
index e638c622..c315888f 100644
--- a/templates/item.html
+++ b/templates/item.html
@@ -39,5 +39,7 @@ {{ self.item().display_title(self.index) }}
pgo to previous item
ngo to next item
ugo to package
+ ftoggle full screen
+ ?toggle shortcuts