From a2233466c2323a09f4ebfb09b9657a70c12649a5 Mon Sep 17 00:00:00 2001 From: Bastard Operator Date: Wed, 6 Jan 2021 17:39:54 +0100 Subject: [PATCH] Few improvements on not-logged-in pages * Fedilove JS resources now load even faster * Remove fr lang (will re-do it later, from en-US.js) * Removed wellness options on settings * noscript handled correctly now, you cant use FediLove without js * UI improvements on HOME --- src/build/template.html | 6 +- src/intl/en-US.js | 7 - src/intl/fr.js | 628 ----------------------- src/routes/_api/timelines.js | 13 - src/routes/_layout.html | 11 + src/routes/_pages/settings/index.html | 3 - src/routes/_pages/settings/wellness.html | 119 ----- src/routes/settings/wellness.html | 20 - src/scss/themes/ozark.scss | 11 + static/fedilove-no-react.js | 12 +- 10 files changed, 38 insertions(+), 792 deletions(-) delete mode 100644 src/intl/fr.js delete mode 100644 src/routes/_pages/settings/wellness.html delete mode 100644 src/routes/settings/wellness.html diff --git a/src/build/template.html b/src/build/template.html index 1c00b4cb..d2c712ab 100644 --- a/src/build/template.html +++ b/src/build/template.html @@ -65,6 +65,9 @@ .hidden-from-ssr { opacity: 1 !important; } + .no-script { + display: initial !important; + } @@ -79,10 +82,11 @@ +
You need JavaScript to use FediLove, otherwise nothing will work. FediLove is Open Source software, and all the JavaScript code in it is Free Software. There is no third-party resources, fonts or javascript loaded from remote servers on FediLove, other than the Mastodon API of the trusted instance selected by you.
-
%sapper.html%
+
diff --git a/src/intl/en-US.js b/src/intl/en-US.js index d1537661..ed8aabc4 100644 --- a/src/intl/en-US.js +++ b/src/intl/en-US.js @@ -374,11 +374,6 @@ export default { leftRightArrows: 'Left/right arrow keys change focus rather than columns/media', guide: 'Guide', reload: 'Reload', - // Wellness settings - wellness: 'Wellness', - wellnessSettings: 'Wellness settings', - wellnessDescription: `Wellness settings are designed to reduce the addictive or anxiety-inducing aspects of social media. - Choose any options that work well for you.`, enableAll: 'Enable all', metrics: 'Metrics', hideFollowerCount: 'Hide follower counts (capped at 10)', @@ -387,8 +382,6 @@ export default { hideUnread: 'Hide unread notifications count (i.e. the red dot)', ui: 'UI', grayscaleMode: 'Grayscale mode', - wellnessFooter: `These settings are partly based on guidelines from the - Center for Humane Technology.`, // This is a link: "You can filter or disable notifications in the _instance settings_" filterNotificationsPre: 'You can filter or disable notifications in the', filterNotificationsText: 'instance settings', diff --git a/src/intl/fr.js b/src/intl/fr.js deleted file mode 100644 index 0acde0ac..00000000 --- a/src/intl/fr.js +++ /dev/null @@ -1,628 +0,0 @@ -export default { - // Home page, basic and <description> - appName: 'Pinafore', - appDescription: 'Un client alternatif pour Mastodon, concentré sur la vitesse et la simplicité', - homeDescription: ` - <p> - Pinafore est un client web pour - <a rel="noopener" target="_blank" href="https://joinmastodon.org">Mastodon</a>, - dessiné pour la vitesse et la simplicité. - </p> - <p> - Lire - <a rel="noopener" target="_blank" - href="https://nolanlawson.com/2018/04/09/introducing-pinafore-for-mastodon/">l'article introductoire (anglais)</a>, - ou se connecter à une instance: - </p>`, - logIn: 'Se connecter', - footer: ` - <p> - Pinafore est - <a rel="noopener" target="_blank" href="https://github.com/nolanlawson/pinafore">logiciel open-source</a> - créé par - <a rel="noopener" target="_blank" href="https://nolanlawson.com">Nolan Lawson</a> - et distribué sous la - <a rel="noopener" target="_blank" - href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">License AGPL</a>. - Lire la <a href="/settings/about#privacy-policy" rel="prefetch">politique de confidentialité</a>. - </p> - `, - // Generic UI - loading: 'Chargement en cours', - okay: 'OK', - cancel: 'Annuler', - alert: 'Alerte', - close: 'Fermer', - error: 'Erreur: {error}', - errorShort: 'Erreur:', - // Relative timestamps - justNow: 'il y a un moment', - // Navigation, page titles - navItemLabel: ` - {label} {selected, select, - true {(page actuelle)} - other {} - } {name, select, - notifications {{count, plural, - =0 {} - one {(1 notification)} - other {({count} notifications)} - }} - community {{count, plural, - =0 {} - one {(1 demande de suivre)} - other {({count} demandes de suivre)} - }} - other {} - } - `, - blockedUsers: 'Utilisateurs bloqués', - bookmarks: 'Signets', - directMessages: 'Messages directs', - favorites: 'Favoris', - federated: 'Fédéré', - home: 'Accueil', - local: 'Local', - notifications: 'Notifications', - mutedUsers: 'Utilisateurs mis en sourdine', - pinnedStatuses: 'Pouets épinglés', - followRequests: 'Demandes de suivre', - followRequestsLabel: `Demandes de suivre {hasFollowRequests, select, - true {({count})} - other {} - }`, - list: 'Liste', - search: 'Recherche', - pageHeader: 'Titre de page', - goBack: 'Rentrer', - back: 'Rentrer', - profile: 'Profil', - federatedTimeline: 'Historique fédéré', - localTimeline: 'Historique local', - // community page - community: 'Communauté', - pinnableTimelines: 'Historiques épinglables', - timelines: 'Historiques', - lists: 'Listes', - instanceSettings: "Paramètres d'instance", - notificationMentions: 'Notifications de mention', - profileWithMedia: 'Profil avec medias', - profileWithReplies: 'Profil avec réponses', - hashtag: 'Mot-dièse', - // not logged in - profileNotLoggedIn: "Un historique d'utilisateur s'apparêtra ici quand on est conncté.", - bookmarksNotLoggedIn: "Vos signets s'apparêtront ici quand on est conncté.", - directMessagesNotLoggedIn: "Vos messages directes s'apparêtront ici quand on est conncté.", - favoritesNotLoggedIn: "Vos favoris s'apparêtront ici quand on est conncté.", - federatedTimelineNotLoggedIn: "L'historique fédéré s'apparêtra ici quand on est conncté.", - localTimelineNotLoggedIn: "L'historique local s'apparêtra ici quand on est conncté.", - searchNotLoggedIn: "On peut rechercher dès qu'on est conncté.", - communityNotLoggedIn: "Les paramètres de commnautés s'apparêtront ici quand on est conncté.", - listNotLoggedIn: "Une liste s'apparêtra ici dès qu'on est conncté.", - notificationsNotLoggedIn: "Vos notifications s'apparêtront ici quand on est conncté.", - notificationMentionsNotLoggedIn: "Vos notifications de mention s'apparêtront ici quand on est conncté.", - statusNotLoggedIn: "Un historique de pouet s'apparêtra ici quand on est conncté.", - tagNotLoggedIn: "Un historique de mot-dièse s'apparêtra ici quand on est conncté.", - // Notification subpages - filters: 'Filtres', - all: 'Tous', - mentions: 'Mentions', - // Follow requests - approve: 'Accepter', - reject: 'Rejeter', - // Hotkeys - hotkeys: 'Raccourcis clavier', - global: 'Global', - timeline: 'Historique', - media: 'Medias', - globalHotkeys: ` - {leftRightChangesFocus, select, - true { - <li><kbd>→</kbd> pour changer de focus à l'élément suivant</li> - <li><kbd>←</kbd> pour changer de focus à l'élément précédent</li> - } - other {} - } - <li> - <kbd>1</kbd> - <kbd>6</kbd> - {leftRightChangesFocus, select, - true {} - other {ou <kbd>←</kbd>/<kbd>→</kbd>} - } - pour changer de pages - </li> - <li><kbd>7</kbd> or <kbd>c</kbd> pour écrire un nouveau pouet</li> - <li><kbd>s</kbd> or <kbd>/</kbd> pour rechercher</li> - <li><kbd>g</kbd> + <kbd>h</kbd> pour renter à l'acceuil</li> - <li><kbd>g</kbd> + <kbd>n</kbd> pour voir les notifications</li> - <li><kbd>g</kbd> + <kbd>l</kbd> pour voir l'historique local</li> - <li><kbd>g</kbd> + <kbd>t</kbd> pour voir l'historique fédéré</li> - <li><kbd>g</kbd> + <kbd>c</kbd> pour voir les paramètres de communauté</li> - <li><kbd>g</kbd> + <kbd>d</kbd> pour voir les messages directs</li> - <li><kbd>h</kbd> ou <kbd>?</kbd> pour voir les raccourcis clavier</li> - <li><kbd>Retour arrière</kbd> pour rentrer à la page précédente, ou fermer une boite de dialogue</li> - `, - timelineHotkeys: ` - <li><kbd>j</kbd> ou <kbd>↓</kbd> pour activer le pouet suivant</li> - <li><kbd>k</kbd> ou <kbd>↑</kbd> pour activer le pouet précedent</li> - <li><kbd>.</kbd> pour afficher les nouveaus messages et renter en haut</li> - <li><kbd>o</kbd> pour ouvrir</li> - <li><kbd>f</kbd> pour ajouter aux favoris</li> - <li><kbd>b</kbd> pour partager</li> - <li><kbd>r</kbd> pour répondre</li> - <li><kbd>i</kbd> pour voir une image, vidéo, ou audio</li> - <li><kbd>y</kbd> pour afficher ou cacher une image sensible</li> - <li><kbd>m</kbd> pour mentionner l'auteur</li> - <li><kbd>p</kbd> pour voir le profile de l'auteur</li> - <li><kbd>l</kbd> pour ouvrir un lien de carte dans un nouvel onglet</li> - <li><kbd>x</kbd> pour afficher ou cacher le texte caché derrière une avertissement</li> - `, - mediaHotkeys: ` - <li><kbd>←</kbd> / <kbd>→</kbd> pour voir la prochaine ou dernière image</li> - `, - // Community page, tabs - tabLabel: `{label} {current, select, - true {(Actuel)} - other {} - }`, - pageTitle: ` - {hasNotifications, select, - true {({count})} - other {} - } - {showInstanceName, select, - true {{instanceName}} - other {Pinafore} - } - · - {name} - `, - pinLabel: `{label} {pinnable, select, - true { - {pinned, select, - true {(Page épinglée)} - other {(Page non-épinglée)} - } - } - other {} - }`, - pinPage: 'Epingler {label}', - // Status composition - overLimit: '{count} {count, plural, =1 {caractère} other {caractères}} en dessus de la limite', - underLimit: '{count} {count, plural, =1 {caractère} other {caractères}} qui reste', - composeStatus: 'Ecrire un pouet', - postStatus: 'Pouet!', - contentWarning: 'Avertissement', - dropToUpload: 'Déposer', - invalidFileType: "Impossible d'uploader ce type de fichier", - composeLabel: "Qu'avez vous en tête?", - autocompleteDescription: 'Quand les résultats sont dispibles, appuyez la fleche vers le haut ou vers le bas pour selectionner.', - mediaUploads: 'Medias uploadés', - edit: 'Rediger', - delete: 'Supprimer', - description: 'Déscription', - descriptionLabel: 'Décrire pour les aveugles (image, video) ou les sourds (audio, video)', - markAsSensitive: 'Désigner comme sensible', - // Polls - createPoll: 'Créer une enquête', - removePollChoice: 'Supprimer la choix {index}', - pollChoiceLabel: 'Choix {index}', - multipleChoice: 'Choix multiple', - pollDuration: "Duration de l'enquête", - fiveMinutes: '5 minutes', - thirtyMinutes: '30 minutes', - oneHour: '1 heure', - sixHours: '6 heures', - oneDay: '1 jour', - threeDays: '3 jours', - sevenDays: '7 jours', - addEmoji: 'Insérer un emoji', - addMedia: 'Ajouter un media (images, vidéos, audios)', - addPoll: 'Ajouter une enquête', - removePoll: "Enlever l'enquête", - postPrivacyLabel: 'Changer de confidentialité (actuellement {label})', - addContentWarning: 'Ajouter une avertissement', - removeContentWarning: "Enlever l'avertissement", - altLabel: 'Décrire pour les aveugles ou les sourds', - extractText: "Extraire le texte de l'image", - extractingText: 'Extraction de texte en cours…', - extractingTextCompletion: 'Extraction de texte en cours ({percent}% finit)…', - unableToExtractText: "Impossible d'extraire le texte.", - // Account options - followAccount: 'Suivre {account}', - unfollowAccount: 'Ne plus suivre {account}', - blockAccount: 'Bloquer {account}', - unblockAccount: 'Ne plus bloquer {account}', - muteAccount: 'Mettre {account} en sourdine', - unmuteAccount: 'Ne plus mettre {account} en sourdine', - showReblogsFromAccount: 'Afficher les partages de {account}', - hideReblogsFromAccount: 'Ne plus afficher les partages de {account}', - showDomain: 'Ne plus cacher {domain}', - hideDomain: 'Cacher {domain}', - reportAccount: 'Signaler {account}', - mentionAccount: 'Mentionner {account}', - copyLinkToAccount: 'Copier un lien vers ce compte', - copiedToClipboard: 'Copié vers le presse-papiers', - // Media dialog - navigateMedia: 'Changer de medias', - showPreviousMedia: 'Afficher le media précédent', - showNextMedia: 'Afficher le media suivant', - enterPinchZoom: 'Pincer pour zoomer', - exitPinchZoom: 'Ne plus pincer pour zoomer', - showMedia: `Afficher le {index, select, - 1 {premier} - 2 {deuxième} - 3 {troisième} - other {quatrième} - } média {current, select, - true {(actuel)} - other {} - }`, - previewFocalPoint: 'Aperçu (point de mire)', - enterFocalPoint: 'Saisir le point de mire (X, Y) pour ce média', - muteNotifications: 'Mettre aussi bien les notifications en sourdine', - muteAccountConfirm: 'Mettre {account} en sourdine?', - mute: 'Mettre en sourdine', - unmute: 'Ne plus mettre en sourdine', - zoomOut: 'Dé-zoomer', - zoomIn: 'Zoomer', - // Reporting - reportingLabel: 'Vous signalez {account} aux modérateurs/modératrices de {instance}.', - additionalComments: 'Commentaires additionels', - forwardDescription: 'Faire parvenir aux modérateurs/modératrices de {instance} aussi?', - forwardLabel: 'Fair pervenir à {instance}', - unableToLoadStatuses: 'Impossible de charger les pouets récents: {error}', - report: 'Signaler', - noContent: '(Pas de contenu)', - noStatuses: 'Aucun pouet à signaler', - // Status options - unpinFromProfile: 'Ne plus épingler sur son profil', - pinToProfile: 'Epingler sur son profil', - muteConversation: 'Mettre en sourdine la conversation', - unmuteConversation: 'Ne plus mettre en sourdine la conversation', - bookmarkStatus: 'Ajouter aux signets', - unbookmarkStatus: 'Enlever des signets', - deleteAndRedraft: 'Supprimer et rediger', - reportStatus: 'Signaler ce pouet', - shareStatus: 'Partager ce pouet externellement', - copyLinkToStatus: 'Copier un lien vers ce pouet', - // Account profile - profileForAccount: 'Profil pour {account}', - statisticsAndMoreOptions: "Statistiques et plus d'options", - statuses: 'Pouets', - follows: 'Suis', - followers: 'Suivants', - moreOptions: "Plus d'options", - followersLabel: 'Suivi(e) par {count}', - followingLabel: 'Suis {count}', - followLabel: `Suivre {requested, select, - true {(suivre demandé)} - other {} - }`, - unfollowLabel: `Ne plus suivre {requested, select, - true {(suivre demandé)} - other {} - }`, - unblock: 'Ne plus bloquer', - nameAndFollowing: 'Nom et suivants', - clickToSeeAvatar: "Cliquer pour voir l'image de profile", - opensInNewWindow: '{label} (ouvrir dans un nouvel onglet)', - blocked: 'Bloquer', - domainHidden: 'Domaine bloqué', - muted: 'Mis en sourdine', - followsYou: 'Suivant', - avatarForAccount: 'Image de profil pour {account}', - fields: 'Champs', - accountHasMoved: '{account} a déménagé', - profilePageForAccount: 'Page de profil pour {account}', - // About page - about: 'Infos', - aboutApp: 'Infos sur Pinafore', - aboutAppDescription: ` - <p> - Pinafore est un logiciel - <a rel="noopener" target="_blank" - href="https://github.com/nolanlawson/pinafore">gratuit et open-source</a> - créé par - <a rel="noopener" target="_blank" href="https://nolanlawson.com">Nolan Lawson</a> - et distribué sous le - <a rel="noopener" target="_blank" - href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">License GNU Affero General Public (AGPL)</a>. - </p> - - <h2 id="privacy-policy">Politique de confidentialité</h2> - - <p> - Pinafore ne garde pas d'informations personelles dans ses serveurs, - y compris les noms, addresses courriel, addresses IP, messages, et photos. - </p> - - <p> - Pinafore est un site statique. Tous données sont gardées en locale dans le navigateur, et sont partagée qu'avec - les instances auxquelles vous vous connectez. - </p> - - <h2>Crédits</h2> - - <p> - Icônes par <a rel="noopener" target="_blank" href="http://fontawesome.io/">Font Awesome</a>. - </p> - - <p> - Logo grâce à Gregor Cresnar du - <a rel="noopener" target="_blank" href="https://thenounproject.com/">Noun Project</a>. - </p>`, - // Settings - settings: 'Paramètres', - general: 'Général', - generalSettings: 'Paramètres générales', - showSensitive: 'Afficher les medias sensible par défaut', - showPlain: 'Afficher un simple gris pour les medias sensibles', - allSensitive: 'Considérer tous medias comme sensible', - largeMedia: 'Afficher de plus grands images et vidéos', - autoplayGifs: 'Repasser automatiquement les GIFs animés', - hideCards: 'Cacher les liens «cartes»', - underlineLinks: 'Souligner les liens dans les pouets et profils', - accessibility: 'Accessibilité', - reduceMotion: 'Reduire la motions dans les animations', - disableTappable: "Désactiver l'espace touchable sur un pouet entier", - removeEmoji: "Enlever les emojis des noms d'utilisateur", - shortAria: 'Utiliser des etiquettes courtes ARIA', - theme: 'Thème', - themeForInstance: 'Theème pour {instance}', - disableCustomScrollbars: 'Désactiver les scrollbars customisés', - preferences: 'Préférences', - hotkeySettings: 'Paramètres de raccourcis clavier', - disableHotkeys: 'Désactiver les raccourcis clavier', - leftRightArrows: 'Les flèches gauche/droit change de focus plutôt que les pages', - guide: 'Guide', - reload: 'Recharger', - // Wellness settings - wellness: 'Bien-être', - wellnessSettings: 'Paramètres de bien-être', - wellnessDescription: `Les paramètres de bien-être sont dessinées pour rédruire les effets accrochants ou d'anxiété des réseaux sociaux. - Veuillez choisir les options qui marchent pour vous.`, - enableAll: 'Activer tous', - metrics: 'Métrics', - hideFollowerCount: 'Cacher le nombre de suivants (10 maximum)', - hideReblogCount: 'Cacher le nombre de partages', - hideFavoriteCount: 'Cacher le nombre de favoris', - hideUnread: "Cacher le nombre de notifications (c'est-à-dire le point rouge)", - ui: 'Interface Utilisateur', - grayscaleMode: 'Mode echelle de gris', - wellnessFooter: `Ces paramètres sont basé sur les recommendations du - <a rel="noopener" target="_blank" href="https://humanetech.com">Center for Humane Technology</a>.`, - // This is a link: "You can filter or disable notifications in the _instance settings_" - filterNotificationsPre: 'Vous pouvez filtrer ou désactiver les notifications dans les', - filterNotificationsText: "paramètres d'instance", - filterNotificationsPost: '', - // Custom tooltips, like "Disable _infinite scroll_", where you can click _infinite scroll_ - // to see a description. It's hard to properly internationalize, so we just break up the strings. - disableInfiniteScrollPre: 'Désactiver le', - disableInfiniteScrollText: 'défilage infini', - disableInfiniteScrollDescription: `Quand le défilage infini est désactivé, les pouets nouveau ne - s'apparêtront pas automatique au haut ou au bas de l'historique. Plutôt, il y aura des boutons pour - charger sur demande.`, - disableInfiniteScrollPost: '', - // Instance settings - loggedInAs: 'Connecté en tant que', - homeTimelineFilters: "Filtres d'historique de l'acceuil", - notificationFilters: 'Filtres de notifications', - pushNotifications: 'Filtres de notifications push', - // Add instance page - storageError: `Il semble que Pinafore ne peut pas stocker les données en locale. Est-ce que votre navigateur - est en mode privé, ou est-ce qu'il bloque les cookies? Pinafore garde tous ses données en locale et - ne peut pas fonctionner sans LocalStorage ou IndexedDB.`, - javaScriptError: 'Le JavaScript devrait être activé pour continuer.', - enterInstanceName: "Saisir le nom d'instance", - instanceColon: 'Instance:', - // Custom tooltip, concatenated together - getAnInstancePre: "N'avez-vous pas d'", - getAnInstanceText: 'instance', - getAnInstanceDescription: 'Une instance est votre serveur Mastodon, par exemple mastodon.social ou cybre.space.', - getAnInstancePost: '?', - joinMastodon: 'Joignez-vous à Mastodon!', - instancesYouveLoggedInTo: 'Instances conntectées:', - addAnotherInstance: 'Ajouter une nouvelle instance', - youreNotLoggedIn: 'Vous êtes connecté(e) à aucune instance.', - currentInstanceLabel: `{instance} {current, select, - true {(instance actuelle)} - other {} - }`, - // Link text - logInToAnInstancePre: '', - logInToAnInstanceText: 'Se connecter à une instance', - logInToAnInstancePost: 'pour utiliser Pinafore.', - // Another custom tooltip - showRingPre: 'Afficher toujours', - showRingText: "l'anneau de focus", - showRingDescription: `L'anneau de focus est le contour qui indique l'élément en focus actuel. Par défaut, ce n'est - affiché que quand on utilise le clavier (et ne pas la souris ou l'écran touche), mais vous pouvez choisr de - l'afficher toujours.`, - showRingPost: '', - instances: 'Les instances', - addInstance: 'Ajouter une instance', - homeTimelineFilterSettings: "Paramètres de filtre d'historique", - showReblogs: 'Afficher les partages', - showReplies: 'Afficher les réponses', - switchOrLogOut: 'Changer ou se déconnecter de cette instance', - switchTo: "Changer d'instance à celle-ci", - switchToInstance: "Changer d'instance", - switchToNameOfInstance: "Faire {instance} l'instance actuelle", - logOut: 'Se déconnecter', - logOutOfInstanceConfirm: 'Déconnectez-vous de {instance}?', - notificationFilterSettings: 'Paramètres de filtre de notifications', - // Push notifications - browserDoesNotSupportPush: 'Votre navigateur ne soutient pas les notifications push.', - deniedPush: 'Vous avez désactivé les notifications push.', - pushNotificationsNote: 'Veuillez noter que les notifications push ne peuvent être activées que pour une instance à la fois.', - pushSettings: 'Paramètres de notifications push', - newFollowers: 'Suivants nouveaux', - reblogs: 'Partages', - pollResults: "Résultats d'enquête", - needToReauthenticate: 'Vous devez ré-authentiquer pour activer les notifications push. Déconnectez-vous de {instance}?', - failedToUpdatePush: 'Impossible de mettre à jour les paramètres de notifications push: {error}', - // Themes - chooseTheme: 'Choisir une thème', - darkBackground: 'Sombre', - lightBackground: 'Clair', - themeLabel: `{label} {default, select, - true {(défaut)} - other {} - }`, - animatedImage: 'Image animée: {description}', - showImage: `Afficher l'image {animated, select, - true {animée} - other {} - }: {description}`, - playVideoOrAudio: `Repasser {audio, select, - true {l'audio} - other {la vidéo} - }: {description}`, - accountFollowedYou: '{name} vous a suivi(e), {account}', - reblogCountsHidden: 'Nombre de partages caché', - favoriteCountsHidden: 'nombre de mises en favori caché', - rebloggedTimes: `Partagé {count, plural, - one {une fois} - other {{count} fois} - }`, - favoritedTimes: `Mis en favori {count, plural, - one {une fois} - other {{count} fois} - }`, - pinnedStatus: 'Pouet épinglé', - rebloggedYou: 'a partagé votre pouet', - favoritedYou: 'a mis en favori votre pouet', - followedYou: 'followed you', - pollYouCreatedEnded: 'Une enquête vous avez créée a terminée', - pollYouVotedEnded: 'Une enquête dans laquelle vous avez voté a terminée', - reblogged: 'partagé', - showSensitiveMedia: 'Afficher la média sensible', - hideSensitiveMedia: 'Cacher la média sensible', - clickToShowSensitive: 'Image sensible. Cliquer pour afficher.', - longPost: 'Pouet long', - // Accessible status labels - accountRebloggedYou: '{account} a partagé votre pouet', - accountFavoritedYou: '{account} a mis votre pouet en favori', - rebloggedByAccount: 'Partagé par {account}', - contentWarningContent: 'Avertissement: {spoiler}', - hasMedia: 'média', - hasPoll: 'enquête', - shortStatusLabel: 'Pouet {privacy} par {account}', - // Privacy types - public: 'Publique', - unlisted: 'Non listé', - followersOnly: 'Abonnés/abonnées uniquement', - direct: 'Direct', - // Themes - themeRoyal: 'Royale', - themeScarlet: 'Ecarlate', - themeSeafoam: 'Ecume', - themeHotpants: 'Hotpants', - themeOaken: 'Chêne', - themeMajesty: 'Majesté', - themeGecko: 'Gecko', - themeGrayscale: 'Echelle gris', - themeOzark: 'Ozark', - themeCobalt: 'Cobalt', - themeSorcery: 'Sorcellerie', - themePunk: 'Punk', - themeRiot: 'Riot', - themeHacker: 'Hacker', - themeMastodon: 'Mastodon', - themePitchBlack: 'Noir complet', - themeDarkGrayscale: 'Echelle gris sombre', - // Polls - voteOnPoll: 'Voter dans cette enquête', - pollChoices: 'Choix', - vote: 'Voter', - pollDetails: 'Détails', - refresh: 'Recharger', - expires: 'Se termine', - expired: 'Terminée', - voteCount: `{count, plural, - one {1 vote} - other {{count} votes} - }`, - // Status interactions - clickToShowThread: '{time} - cliquer pour afficher le discussion', - showMore: 'Afficher plus', - showLess: 'Afficher moins', - closeReply: 'Fermer la réponse', - cannotReblogFollowersOnly: "Impossible de partager car ce pouet n'est que pour les abonné(e)s", - cannotReblogDirectMessage: 'Impossible de partager car ce pouet est direct', - reblog: 'Partager', - reply: 'Répondre', - replyToThread: 'Répondre au discussion', - favorite: 'Mettre en favori', - unfavorite: 'Ne plus mettre en favori', - // timeline - loadingMore: 'Chargement en cours…', - loadMore: 'Charger plus', - showCountMore: 'Afficher {count} de plus', - nothingToShow: 'Rien à afficher.', - // status thread page - statusThreadPage: 'Page de discussion', - status: 'Pouet', - // toast messages - blockedAccount: 'Compte bloqué', - unblockedAccount: 'Compte ne plus bloqué', - unableToBlock: 'Impossible de bloquer ce compte: {error}', - unableToUnblock: 'Impossible de ne plus bloquer ce compte: {error}', - bookmarkedStatus: 'Ajouté aux signets', - unbookmarkedStatus: 'Enlever des signets', - unableToBookmark: "Impossible d'ajouter aux signets: {error}", - unableToUnbookmark: "Impossible d'enlever des signets: {error}", - cannotPostOffline: 'Vous ne pouvez pas poueter car vous êtes hors connexion', - unableToPost: 'Impossible de poueter: {error}', - statusDeleted: 'Pouet supprimé', - unableToDelete: 'Impossible de supprimer: {error}', - cannotFavoriteOffline: 'Vous ne pouvez pas mettre en favori car vous êtes hors connexion', - cannotUnfavoriteOffline: 'Vous ne pouvez pas enlever des favoris car vous êtes hors connexion', - unableToFavorite: 'Impossible de mettre en favori: {error}', - unableToUnfavorite: "Impossible d'enlever des favoris: {error}", - followedAccount: 'Compte suivi', - unfollowedAccount: 'Compte ne plus suivi', - unableToFollow: 'Impossible de suivre: {error}', - unableToUnfollow: 'Impossible de ne plus suivre: {error}', - accessTokenRevoked: 'Authentication revoquée, déconnecté de {instance}', - loggedOutOfInstance: 'Déconnecté de {instance}', - failedToUploadMedia: "Impossible d'uploader: {error}", - mutedAccount: 'Compte mis en sourdine', - unmutedAccount: 'Compte ne plus mis en sourdine', - unableToMute: 'Impossible de mettre en sourdine: {error}', - unableToUnmute: 'Impossible de plus mettre en sourdine: {error}', - mutedConversation: 'Conversation mis en sourdine', - unmutedConversation: 'Conversation ne plus mis en sourdine', - unableToMuteConversation: 'Impossible de mettre en sourdine: {error}', - unableToUnmuteConversation: 'Impossible de ne plus mettre en sourdine: {error}', - unpinnedStatus: 'Pouet ne plus épinglé', - unableToPinStatus: "Impossible d'épingler: {error}", - unableToUnpinStatus: 'Impossible de ne plus épingler: {error}', - unableToRefreshPoll: 'Impossible de recharger: {error}', - unableToVoteInPoll: 'Impossible de voter: {error}', - cannotReblogOffline: 'Vous ne pouvez pas partager car vous êtes hors de connexion.', - cannotUnreblogOffline: 'Vous ne pouvez pas ne plus partager car vous êtes hors de connexion.', - failedToReblog: 'Impossible de partager: {error}', - failedToUnreblog: 'Impossible de ne plus partager: {error}', - submittedReport: 'Report signalé', - failedToReport: 'Impossible de signaler: {error}', - approvedFollowRequest: 'Demande de suivre approuvée', - rejectedFollowRequest: 'Demande de suivre rejetée', - unableToApproveFollowRequest: "Impossible d'appouver: {error}", - unableToRejectFollowRequest: 'Impossible de rejeter: {error}', - searchError: 'Erreur de recherche: {error}', - hidDomain: 'Domaine cachée', - unhidDomain: 'Domaine ne plus cachée', - unableToHideDomain: 'Impossible de cacher la domaine: {error}', - unableToUnhideDomain: 'Imipossible de ne plus cacher la domaine: {error}', - showingReblogs: 'Partages affichés', - hidingReblogs: 'Partages ne plus affichés', - unableToShowReblogs: "Impossible d'afficher les partages: {error}", - unableToHideReblogs: 'Impossible de ne plus afficher les partages: {error}', - unableToShare: 'Impossible de partager externellement: {error}', - showingOfflineContent: "Requête d'internet impossible. Contenu hors de connexion affiché.", - youAreOffline: 'Il semble que vous êtes hors de connextion. Vous pouvez toujours lire les pouets dans cet état.', - // Snackbar UI - updateAvailable: 'Mise à jour disponible.' -} diff --git a/src/routes/_api/timelines.js b/src/routes/_api/timelines.js index f1580cce..4fc24c42 100644 --- a/src/routes/_api/timelines.js +++ b/src/routes/_api/timelines.js @@ -1,19 +1,6 @@ import { getWithHeaders, paramsString, DEFAULT_TIMEOUT } from '../_utils/ajax' import { auth, basename } from './utils' -function loadScript(src, async) { - async = async || false; - const script = document.createElement('script'); - script.src = src; - script.async = async; - document.body.appendChild(script); -} - -// <3 love for JQuery -loadScript('/jquery-3.5.1.min.js'); -loadScript("/fedilove-no-react.js?v="+Date.now(), true); - - function getTimelineUrlPath (timeline) { switch (timeline) { case 'local': diff --git a/src/routes/_layout.html b/src/routes/_layout.html index 7cd11e2b..86711bb7 100644 --- a/src/routes/_layout.html +++ b/src/routes/_layout.html @@ -93,6 +93,17 @@ window.layoutObject = this } + const loadScript = function(src, async) { + async = async || false; + const script = document.createElement('script'); + script.src = src; + script.async = async; + document.body.appendChild(script); + }; + + loadScript('/jquery-3.5.1.min.js'); + loadScript("/fedilove-no-react.js?v="+Date.now(), true); + this.observe('page', page => { console.log('currentPage', page) this.store.set({ currentPage: page }) diff --git a/src/routes/_pages/settings/index.html b/src/routes/_pages/settings/index.html index c353e5aa..5c639917 100644 --- a/src/routes/_pages/settings/index.html +++ b/src/routes/_pages/settings/index.html @@ -5,9 +5,6 @@ <SettingsListRow> <SettingsListButton href="/settings/instances" label="{intl.instances}"/> </SettingsListRow> - <SettingsListRow> - <SettingsListButton href="/settings/wellness" label="{intl.wellness}"/> - </SettingsListRow> <SettingsListRow> <SettingsListButton href="/settings/hotkeys" label="{intl.hotkeys}"/> </SettingsListRow> diff --git a/src/routes/_pages/settings/wellness.html b/src/routes/_pages/settings/wellness.html deleted file mode 100644 index 027b8b60..00000000 --- a/src/routes/_pages/settings/wellness.html +++ /dev/null @@ -1,119 +0,0 @@ -<SettingsLayout page='settings/wellness' label="{intl.wellness}"> - <h1>{intl.wellnessSettings}</h1> - - <p> - {intl.wellnessDescription} - </p> - - <form class="ui-settings"> - <label class="setting-group"> - <input type="checkbox" id="choice-check-all" - on:change="onCheckAllChange(event)"> - {intl.enableAll} - </label> - </form> - - <h2>{intl.metrics}</h2> - - <form class="ui-settings"> - <label class="setting-group"> - <input type="checkbox" id="choice-disable-follower-counts" - bind:checked="$disableFollowerCounts" on:change="onChange(event)"> - {intl.hideFollowerCount} - </label> - <label class="setting-group"> - <input type="checkbox" id="choice-disable-reblog-counts" - bind:checked="$disableReblogCounts" on:change="onChange(event)"> - {intl.hideReblogCount} - </label> - <label class="setting-group"> - <input type="checkbox" id="choice-disable-fav-counts" - bind:checked="$disableFavCounts" on:change="onChange(event)"> - {intl.hideFavoriteCount} - </label> - </form> - - <h2>{intl.notifications}</h2> - - <form class="ui-settings"> - <label class="setting-group"> - <input type="checkbox" id="choice-disable-unread-notification-counts" - bind:checked="$disableNotificationBadge" on:change="onChange(event)"> - {intl.hideUnread} - </label> - </form> - - <InfoAside className="wellness-aside"> - {intl.filterNotificationsPre} - <a rel="prefetch" href="/settings/instances{$currentInstance ? '/' + $currentInstance : ''}">{intl.filterNotificationsText}</a>. - {intl.filterNotificationsPost} - </InfoAside> - - <h2>{intl.ui}</h2> - - <form class="ui-settings"> - <label class="setting-group"> - <input type="checkbox" id="choice-grayscale" - bind:checked="$enableGrayscale" on:change="onChange(event)"> - {intl.grayscaleMode} - </label> - </form> - <p> - {intl.wellnessFooter} - </p> -</SettingsLayout> -<UISettingsStyles /> -<style> - :global(.wellness-aside) { - margin: 20px 10px 0px 10px; - } -</style> -<script> - import SettingsLayout from '../../_components/settings/SettingsLayout.html' - import { store } from '../../_store/store' - import InfoAside from '../../_components/InfoAside.html' - import UISettingsStyles from '../../_components/settings/UISettingsStyles.html' - - export default { - oncreate () { - this.flushChangesToCheckAll() - }, - components: { - SettingsLayout, - InfoAside, - UISettingsStyles - }, - methods: { - flushChangesToCheckAll () { - const { - disableFollowerCounts, - disableReblogCounts, - disableFavCounts, - disableNotificationBadge, - enableGrayscale - } = this.store.get() - document.querySelector('#choice-check-all').checked = disableFollowerCounts && - disableReblogCounts && - disableFavCounts && - disableNotificationBadge && - enableGrayscale - }, - onCheckAllChange (e) { - const { checked } = e.target - this.store.set({ - disableFollowerCounts: checked, - disableReblogCounts: checked, - disableFavCounts: checked, - disableNotificationBadge: checked, - enableGrayscale: checked - }) - this.store.save() - }, - onChange () { - this.flushChangesToCheckAll() - this.store.save() - } - }, - store: () => store - } -</script> diff --git a/src/routes/settings/wellness.html b/src/routes/settings/wellness.html deleted file mode 100644 index 3eb737df..00000000 --- a/src/routes/settings/wellness.html +++ /dev/null @@ -1,20 +0,0 @@ -<Title name="{intl.wellnessSettings}" settingsPage={true} /> - - <LazyPage {pageComponent} {params} /> - -<script> - import Title from '../_components/Title.html' - import LazyPage from '../_components/LazyPage.html' - import pageComponent from '../_pages/settings/wellness.html' - - export default { - components: { - - Title, - LazyPage - }, - data: () => ({ - pageComponent - }) - } -</script> diff --git a/src/scss/themes/ozark.scss b/src/scss/themes/ozark.scss index b52bd43b..3860e3ce 100644 --- a/src/scss/themes/ozark.scss +++ b/src/scss/themes/ozark.scss @@ -82,6 +82,17 @@ nav#main-nav > ul.main-nav-ul { } div.main-content { background: var(--main-bg); } +div.no-script { display: none; } + +body.not-logged-in { + div.not-logged-in-home h1 { color: #dd6374 !important; } + svg.not-logged-in-home-svg { fill: url(#grad1); } +} + +body.not-logged-in.home { + nav#main-nav { display: none; } +} + div.timeline { padding-bottom: 10em; diff --git a/static/fedilove-no-react.js b/static/fedilove-no-react.js index d32cddec..1f3ee4e7 100644 --- a/static/fedilove-no-react.js +++ b/static/fedilove-no-react.js @@ -337,12 +337,22 @@ var fediloveEvents = { // this is our URL-based customizations made by JavaScript function fedilove_customization() { + document.body.classList = ''; + document.getElementById('sapper').style = ''; + + if (localStorage.store_currentInstance === "undefined") { + $('body').addClass('not-logged-in'); + if (window.location.pathname == '/') { + $('body').addClass('home'); + } + return; + } + if (document.querySelector('#main-nav > div#dummy-nav') != null) { document.querySelector('#main-nav > div#dummy-nav').remove(); document.querySelector('#main-nav > ul.main-nav-ul').style = ''; } - document.body.classList = ''; document.querySelector('.main-content').classList = "main-content"; document.querySelector('#meet-navigation').style = 'display: none'; document.querySelector('#meet-navigation > #profile-nav').style = 'display: none';