diff --git a/src/pages/catchup.css b/src/pages/catchup.css
index ab03f43f..76e4b1ce 100644
--- a/src/pages/catchup.css
+++ b/src/pages/catchup.css
@@ -980,3 +980,15 @@
text-align: center;
}
}
+
+#catchup-help-sheet {
+ dl {
+ dt {
+ font-weight: bold;
+ }
+ dd {
+ margin-block-end: 1em;
+ margin-inline: 1em;
+ }
+ }
+}
diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index 9b1d5b62..d7a7fba7 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -22,6 +22,7 @@ import Avatar from '../components/avatar';
import Icon from '../components/icon';
import Link from '../components/link';
import Loader from '../components/loader';
+import Modal from '../components/modal';
import NameText from '../components/name-text';
import NavMenu from '../components/nav-menu';
import RelativeTime from '../components/relative-time';
@@ -602,6 +603,8 @@ function Catchup() {
};
}, [selectedAuthor, authors]);
+ const [showHelp, setShowHelp] = useState(false);
+
return (
{
- setSearchParams({});
+ setShowHelp(true);
}}
>
- Start over
+ Help
)}
@@ -1215,6 +1218,42 @@ function Catchup() {
)}
+ {showHelp && (
+ setShowHelp(false)}>
+
+
setShowHelp(false)}
+ >
+
+
+
+
+
+ Top links
+
+ Links shared by followings, sorted by shared counts, boosts
+ and likes.
+
+ Sort: Density
+
+ Posts are sorted by information density or depth. Shorter
+ posts are "lighter" while longer posts are "heavier". Posts
+ with photos are "heavier" than posts without photos.
+
+ Group: Authors
+
+ Posts are grouped by authors, sorted by posts count per
+ author.
+
+
+
+
+
+ )}
);
}