v4: the GeoCities marquee scrolls the community feed, what the site's members are doing — it crawled three canned lines, a welcome, "best viewed in Netscape Navigator" and "under construction", which said nothing of the site. The feed is a list any style may show (CommunityFeed.tsx), which GeoCities lays out along its marquee: who is online, the week's dumps, upvotes, comments and chat messages, linking to /community, its most upvoted dump, then the 12 latest things done in public, newest first, each ending on how long ago it was: a public dump posted, a public playlist created, a comment or an upvote on a public dump, someone joining and who invited them. Every name and title links to its page. A dump has one comment line and one upvote line at most, its latest, so that a thread or a popular dump doesn't fill the feed. GET /api/community/feed serves it, signed in only (community-service.ts): the events are read from the tables on each request, the week's figures are those /community already keeps, as of its last refresh. A signed-out visitor has no marquee. CommunityFeedProvider holds the feed around every page, so that it outlives the header each page renders anew, fetches it only while a component shows it, and fetches it again two seconds after the socket last told of a dump, a comment, a vote, a playlist, a rename, a deletion or a reconnection: the socket's messages don't carry a feed's lines, and the server's query stays the one place that decides what the feed holds. Someone joining comes with no message, and shows at the next of those. The crawl goes at 50 pixels a second however much the feed holds, Marquee.tsx measuring one copy for the stylesheet to work the loop's length out from, where a fixed 36 seconds would have sped up with every line. A loop shows what the feed held when it began: text that changed mid-crawl would jump, so what came meanwhile waits for the next loop, which also brings the times up to date. The next page's marquee carries on from where the last one's had got to, rather than from the start. The marquee was hidden from assistive technology as decoration; its first copy is now a labelled list of links, the second, which the seamless loop needs, hidden and out of the tab order. A link that takes the focus stops the crawl and the line scrolls to it, the pointer pauses it as before, and with reduced motion the line shows once, still, follows the feed as it changes and scrolls by hand. The sentences a notification also says, "posted", "upvoted", "commented on", share its translations. The tests' DOM gets an AnimationEvent before React loads (src/test/before-react.ts): finding none, React listened for the animation events under their WebKit names, and a test's "animationiteration" reached no handler.
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 51s
Build and Deploy Static Documentation Site / build-and-push (push) Successful in 26s

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-10-13 07:38:44 +00:00
parent 62e51f1622
commit 51439f475d
27 changed files with 1447 additions and 97 deletions

View File

@@ -231,17 +231,37 @@ msgid "+ Playlist"
msgstr "+ Collection"
#. placeholder {0}: d.commenterUsername
#. placeholder {0}: event.username
#. placeholder {1}: d.dumpTitle
#. placeholder {1}: event.dump.title
#: src/components/social/CommunityFeed.tsx:114
#: src/pages/Notifications.tsx:239
msgid "<0>{0}</0> commented on <1>{1}</1>"
msgstr "<0>{0}</0> a commenté sur <1>{1}</1>"
#. placeholder {0}: event.username
#. placeholder {1}: event.playlist.title
#: src/components/social/CommunityFeed.tsx:127
msgid "<0>{0}</0> created the playlist <1>{1}</1>"
msgstr "<0>{0}</0> a créé la playlist <1>{1}</1>"
#. placeholder {0}: d.followerUsername
#. placeholder {1}: d.playlistTitle
#: src/pages/Notifications.tsx:199
msgid "<0>{0}</0> followed your playlist <1>{1}</1>"
msgstr "<0>{0}</0> a suivi votre collection <1>{1}</1>"
#. placeholder {0}: event.username
#: src/components/social/CommunityFeed.tsx:144
msgid "<0>{0}</0> joined"
msgstr "<0>{0}</0> a rejoint le site"
#. placeholder {0}: event.username
#. placeholder {1}: event.invitedByUsername
#: src/components/social/CommunityFeed.tsx:138
msgid "<0>{0}</0> joined, invited by <1>{1}</1>"
msgstr "<0>{0}</0> a rejoint le site, sur invitation de <1>{1}</1>"
#. placeholder {0}: d.likerUsername
#. placeholder {1}: d.dumpTitle
#: src/pages/Notifications.tsx:249
@@ -259,7 +279,10 @@ msgid "<0>{0}</0> mentioned you in <1>{where}</1>"
msgstr "<0>{0}</0> vous a mentionné dans <1>{where}</1>"
#. placeholder {0}: d.dumperUsername
#. placeholder {0}: event.username
#. placeholder {1}: d.dumpTitle
#. placeholder {1}: event.dump.title
#: src/components/social/CommunityFeed.tsx:94
#: src/pages/Notifications.tsx:209
msgid "<0>{0}</0> posted <1>{1}</1>"
msgstr "<0>{0}</0> a publié <1>{1}</1>"
@@ -270,7 +293,10 @@ msgid "<0>{0}</0> started following you"
msgstr "<0>{0}</0> a commencé à vous suivre"
#. placeholder {0}: d.voterUsername
#. placeholder {0}: event.username
#. placeholder {1}: d.dumpTitle
#. placeholder {1}: event.dump.title
#: src/components/social/CommunityFeed.tsx:104
#: src/pages/Notifications.tsx:229
msgid "<0>{0}</0> upvoted <1>{1}</1>"
msgstr "<0>{0}</0> a validé <1>{1}</1>"
@@ -285,6 +311,19 @@ msgstr "<0>{0}</0> a été ajouté à <1>{1}</1>"
msgid "<0>{name}</0> ({host}) asks to sign you in with your account here, <1>@{username}</1>. It will receive your username, your email address and your avatar."
msgstr "<0>{name}</0> ({host}) demande à vous connecter avec votre compte d'ici, <1>@{username}</1>. Il recevra votre nom d'utilisateur, votre adresse e-mail et votre avatar."
#: src/components/social/CommunityFeed.tsx:155
msgid "<0>Online now:</0> {names}"
msgstr "<0>En ligne :</0> {names}"
#: src/components/social/CommunityFeed.tsx:162
msgid "<0>This week:</0> <1>{figures}</1>"
msgstr "<0>Cette semaine :</0> <1>{figures}</1>"
#. placeholder {0}: top.title
#: src/components/social/CommunityFeed.tsx:170
msgid "<0>Top this week:</0> <1>{0}</1>"
msgstr "<0>En tête cette semaine :</0> <1>{0}</1>"
#: src/components/chat/ChatModal.tsx:778
msgid "1 new message"
msgstr "1 nouveau message"
@@ -396,10 +435,6 @@ msgstr "Retour à la connexion"
msgid "Back to the login page"
msgstr "Retour à la page de connexion"
#: src/components/layout/Marquee.tsx:27
msgid "Best viewed in Netscape Navigator at 800×600"
msgstr "Optimisé pour Netscape Navigator en 800×600"
#: src/components/federation/PeerManager.tsx:184
#: src/components/federation/PeerManager.tsx:190
msgid "Block"
@@ -1864,10 +1899,6 @@ msgstr "Ce mois-ci"
msgid "This page does not exist."
msgstr "Rien à voir, circulez."
#: src/components/layout/Marquee.tsx:28
msgid "This page is under construction"
msgstr "Cette page est en construction"
#: src/pages/FederationCallback.tsx:40
msgid "This sign-in link is incomplete."
msgstr "Ce lien de connexion est incomplet."
@@ -2099,10 +2130,6 @@ msgstr "Volume"
msgid "digest.weekly"
msgstr "Résumé hebdomadaire"
#: src/components/layout/Marquee.tsx:26
msgid "Welcome to {SITE_NAME}!"
msgstr "Bienvenue sur {SITE_NAME} !"
#. js-lingui-explicit-id
#: api/mail/welcome.ts:69
msgid "email.welcome.subject"