Client Web Mastodon minimaliste et opiniâtre.
?️ Prononciation : /fænpi/ ( FAN-pee ) ? Écouter
Il s'agit d'un client Web alternatif pour Mastodon.
productionmain? Suivez @phanpy sur Mastodon pour les mises à jour ✨
Tout est conçu et réalisé selon mes goûts et ma vision. Il s'agit d'un projet parallèle personnel pour moi d'en apprendre davantage sur Mastodon et d'expérimenter de nouvelles idées UI/UX.
@username ) sont affichés dans les chronologies, au lieu du nom d'utilisateur complet du compte ( @username@instance ) .
[NAME] @[username] .@[username] , excluez toujours le nom de domaine de l'instance.[NAME] ressemble au @[username] , alors le @[username] est également exclu.
inReplyToId à partir du cache ou des requêtes API supplémentaires, jusqu'à ce que la publication racine soit trouvée.Thread sans le numéro.
... à la fin.Prérequis : Node.js 18+
npm install - Installer les dépendancesnpm run dev - Démarrer le serveur de développement et messages:extract ( clean + ``watch`) en parallèlenpm run build - Construire pour la productionnpm run preview - Prévisualiser la version de productionnpm run fetch-instances - Récupérez la liste des instances depuis joinmastodon.org/servers, enregistrez-la dans src/data/instances.jsonnpm run sourcemap - Exécutez source-map-explorer sur la version de productionnpm run messages:extract - Extrait les messages des fichiers sources et met à jour les catalogues de messages locaux Certains d’entre eux pourraient changer à l’avenir. Le monde du front-end est en constante évolution.
Toutes les traductions sont disponibles sous forme de fichiers gettext .po dans le dossier src/locales . La langue par défaut est l'anglais ( en ). Les règles plurielles CLDR sont utilisées pour la pluralisation. Les langues RTL (de droite à gauche) sont également prises en charge avec une direction de texte, un rendu d'icônes et une mise en page appropriés.
Au chargement de la page, la langue par défaut est détectée via ces méthodes, dans l'ordre (la première correspondance est utilisée) :
lang du paramètre d'URL, par exemple /?lang=zh-Hantlang de la clé localStoragenavigator.language du navigateur Les utilisateurs peuvent modifier la langue dans les paramètres, ce qui définit la lang de la clé localStorage .
*Inspiré du manuel Translate WordPress :
{account} (variable), <0>{name} (balise avec variable) et # (espace réservé au numéro).Intl.DateTimeFormat - par exemple "8 août", "08/08/2024"Intl.RelativeTimeFormat - par exemple "il y a 2 jours", "dans 2 jours"Intl.NumberFormat - par exemple "1 000", "10K"Intl.DisplayNames - par exemple, "English" ( en ) en chinois traditionnel ( zh-Hant ) se dit "英文"Intl.Locale (avec polyfill pour les anciens navigateurs)Intl.Segmenter (avec polyfill pour les anciens navigateurs)U+200F , ) peut devoir être utilisée pour le texte mixte RTL/LTR, en particulier pour l'élément </code> ( <code>document.title</code> ).</li><li> Lors du développement, il existe une locale <code>pseudo-LOCALE</code> supplémentaire, utilisée pour la pseudolocalisation. C'est à des fins de test et n'apparaîtra pas en production.</li><li> Lors de la création pour la production, les messages du catalogue en anglais ( <code>en</code> ) ne sont pas regroupés séparément. D'autres paramètres régionaux sont regroupés sous forme de fichiers séparés et chargés à la demande. Cela garantit que <code>en</code> est toujours disponible comme solution de secours.</li></ul><div class="markdown-heading" dir="auto"><h3> Traductions bénévoles</h3></div><p dir="auto"> Les traductions sont gérées sur Crowdin. Vous pouvez aider en proposant des traductions bénévoles.</p><p dir="auto"> Lisez la documentation d'introduction pour commencer.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Auto-hébergement</h2></div><p dir="auto"> Il s'agit d'une <strong>application Web purement statique</strong> . Vous pouvez l'héberger où vous le souhaitez.</p><p dir="auto"> Deux façons (choisissez-en une) :</p><div class="markdown-heading" dir="auto"><h3> Un moyen facile</h3></div><p dir="auto"> Accédez aux versions et téléchargez le dernier <code>phanpy-dist.zip</code> ou <code>phanpy-dist.tar.gz</code> . Il est pré-construit, vous n'avez donc pas besoin d'exécuter de commandes d'installation/construction. Extrayez-le. Servez le dossier des fichiers extraits.</p><div class="markdown-heading" dir="auto"><h3> Méthode de construction sur mesure</h3></div><p dir="auto"> Nécessite Node.js.</p><p dir="auto"> Téléchargez ou <code>git clone</code> ce référentiel. Utilisez la branche <code>production</code> pour les versions <em>stables</em> , <code>main</code> pour <em>les dernières versions</em> . Construisez-le en exécutant <code>npm run build</code> (après <code>npm install</code> ). Servez le dossier <code>dist</code> .</p><p dir="auto"> La personnalisation peut être effectuée en transmettant des variables d'environnement à la commande build. Exemples : </p><div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="PHANPY_CLIENT_NAME="Phanpy Dev"
PHANPY_WEBSITE="https://dev.phanpy.social"
npm run build"><pre>PHANPY_CLIENT_NAME= <span class="pl-s"><span class="pl-pds">"</span> Phanpy Dev <span class="pl-pds">"</span></span>
PHANPY_WEBSITE= <span class="pl-s"><span class="pl-pds">"</span> https://dev.phanpy.social <span class="pl-pds">"</span></span>
npm run build</pre></div><div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="PHANPY_DEFAULT_INSTANCE=hachyderm.io
PHANPY_DEFAULT_INSTANCE_REGISTRATION_URL=https://hachyderm.io/auth/sign_up
PHANPY_PRIVACY_POLICY_URL=https://hachyderm.io/privacy-policy
npm run build"><pre>PHANPY_DEFAULT_INSTANCE=hachyderm.io
PHANPY_DEFAULT_INSTANCE_REGISTRATION_URL=https://hachyderm.io/auth/sign_up
PHANPY_PRIVACY_POLICY_URL=https://hachyderm.io/privacy-policy
npm run build</pre></div><p dir="auto"> Il est également possible de les paramétrer dans le fichier <code>.env</code> .</p><p dir="auto"> Variables disponibles :</p><ul dir="auto"><li> <code>PHANPY_CLIENT_NAME</code> (facultatif, par défaut : <code>Phanpy</code> ) affecte :<ul dir="auto"><li> Titre de la page Web, affiché dans la fenêtre du navigateur ou dans le titre de l'onglet</li><li> Titre de l'application, lorsqu'elle est installée en tant que PWA, affichée sur l'écran d'accueil, le dock macOS, la barre des tâches Windows, etc.</li><li> Titre de la carte OpenGraph, lorsqu'il est partagé sur les réseaux sociaux</li><li> Nom du client, lors de l'enregistrement de l'application pour l'authentification et affiché comme client utilisé dans les publications de certaines applications/clients</li></ul></li><li> <code>PHANPY_WEBSITE</code> (facultatif mais recommandé, par défaut : <code>https://phanpy.social</code> ) affecte :<ul dir="auto"><li> URL canonique du site</li><li> URL de la carte OpenGraph, lorsqu'elle est partagée sur les réseaux sociaux</li><li> Chemin racine de l'image de la carte OpenGraph</li><li> URL du client, lors de l'enregistrement de l'application pour l'authentification et affichée en tant que client utilisé dans les publications de certaines applications/clients</li></ul></li><li> <code>PHANPY_DEFAULT_INSTANCE</code> (facultatif, aucune valeur par défaut) :<ul dir="auto"><li> par exemple 'mastodon.social', sans <code>https://</code></li><li> Instance par défaut pour la connexion</li><li> Lors de la connexion, l'utilisateur sera redirigé instantanément vers la page d'authentification de l'instance au lieu d'avoir à saisir manuellement l'URL de l'instance et à la soumettre.</li></ul></li><li> <code>PHANPY_DEFAULT_INSTANCE_REGISTRATION_URL</code> (facultatif, aucune valeur par défaut) :<ul dir="auto"><li> URL de la page d'enregistrement de l'instance</li><li> Par exemple <code>https://mastodon.social/auth/sign_up</code></li></ul></li><li> <code>PHANPY_PRIVACY_POLICY_URL</code> (facultatif, par défaut la politique de confidentialité de l'instance officielle) :<ul dir="auto"><li> URL de la page de politique de confidentialité</li><li> Peut spécifier la propre politique de confidentialité de l'instance</li></ul></li><li> <code>PHANPY_DEFAULT_LANG</code> (facultatif) :<ul dir="auto"><li> La langue par défaut est l'anglais ( <code>en</code> ) si elle n'est pas spécifiée.</li><li> Langue de secours après plusieurs méthodes de détection (paramètre de requête <code>lang</code> , clé <code>lang</code> dans <code>localStorage</code> et <code>navigator.language</code> )</li></ul></li><li> <code>PHANPY_LINGVA_INSTANCES</code> (facultatif, liste séparée par des espaces, par défaut : <code>lingva.phanpy.social [...hard-coded list of fallback instances]</code> ):<ul dir="auto"><li> Spécifiez une liste d'instances séparées par des espaces. La première sera utilisée par défaut avant de revenir aux instances suivantes. S'il n'y a qu'une seule instance, cela signifie qu'il n'y a pas de solution de secours.</li><li> Peut spécifier une instance Lingva auto-hébergée, alimentée par lingva-translate ou lingva-api</li><li> Liste des instances de secours codées en dur dans <code>/.env</code></li><li><g-emoji class="g-emoji" alias="arrow_upper_right"> ↗️</g-emoji> Liste des instances lingva-translate</li></ul></li><li> <code>PHANPY_IMG_ALT_API_URL</code> (facultatif, aucune valeur par défaut) :<ul dir="auto"><li> Point de terminaison d'API pour l'instance auto-hébergée de img-alt-api.</li><li> S'il est fourni, un paramètre apparaîtra pour que les utilisateurs activent le générateur de description d'image dans le compositeur. Désactivé par défaut.</li></ul></li><li> <code>PHANPY_GIPHY_API_KEY</code> (facultatif, pas de valeur par défaut) :<ul dir="auto"><li> Clé API pour GIPHY. Voir la documentation API.</li><li> S'il est fourni, un paramètre apparaîtra pour permettre aux utilisateurs d'activer le sélecteur GIF dans le compositeur. Désactivé par défaut.</li><li> Ce n'est pas auto-hébergé.</li></ul></li></ul><div class="markdown-heading" dir="auto"><h3> Hébergement de sites statiques</h3></div><p dir="auto"> Essayez de rechercher en ligne « comment héberger automatiquement des sites statiques », car il existe de nombreuses façons de le faire.</p><div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto"> Hébergement Lingva-translate ou lingva-api</h4></div><p dir="auto"> Voir la documentation pour lingva-translate ou lingva-api.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Déploiements communautaires</h2></div><p dir="auto"> Ceux-ci sont auto-hébergés par d’autres personnes formidables.</p><ul dir="auto"><li> ferengi.one par @david@weaknotes.com</li><li> halo.mookiesplace.com par @mookie@mookiesplace.com</li><li> phanpy.bauxite.tech par @b4ux1t3@hachyderm.io</li><li> phanpy.blaede.family par @cassidy@blaede.family</li><li> phanpy.crmbl.uk par @snail@crmbl.uk</li><li> phanpy.cz par @zdendys@mamutovo.cz</li><li> phanpy.fulda.social par @Ganneff@fulda.social</li><li> phanpy.gotosocial.social par @admin@gotosocial.social</li><li> phanpy.hear-me.social par @admin@hear-me.social</li><li> phanpy.mastodon.world par @ruud@mastodon.world</li><li> phanpy.mstdn.mx par @maop@mstdn.mx</li><li> phanpy.social.tchncs.de par @milan@social.tchncs.de</li><li> phanpy.tilde.zone par @ben@tilde.zone</li><li> phanpy.vmst.io par @vmstan@vmst.io</li><li> social.qrk.one par @kev@fosstodon.org</li></ul><blockquote><p dir="auto"> Remarque : ajoutez le vôtre en créant une pull request. </p></blockquote><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Frais</h2></div><p dir="auto"> Coûts impliqués dans l'exécution et le développement de cette application Web :</p><ul dir="auto"><li> Nom de domaine (.social) : <strong>23,18 USD$/an</strong> (6,87 USD$ la 1ère année)</li><li> Hébergement : gratuit</li><li> Développement, conception, maintenance : "Gratuit" (Mon temps précieux) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Mascotte</h2></div><p dir="auto"> Phanpy est un Pokémon de type Sol.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Mainteneurs + contributeurs</h2></div><ul dir="auto"><li> Chee Aun (mastodonte) (Twitter)</li></ul><div class="markdown-heading" dir="auto"><h3> Bénévoles en traduction</h3></div><ul dir="auto"><li> alidsds11 (arabe)</li><li> alternative (coréen)</li><li> BoFFire (arabe, français, kabyle)</li><li> Brawaru (russe)</li><li> cbasje (néerlandais)</li><li> cbo92 (anglais)</li><li> CDN (chinois simplifié)</li><li> dannypsnl (chinois traditionnel)</li><li> databio (catalan)</li><li> Dizro (italien)</li><li> Drift6944 (tchèque)</li><li> drydenwu (chinois traditionnel)</li><li> élissarc (français)</li><li> ElPamplina (espagnol)</li><li> Fitik (espéranto, hébreu)</li><li> Freesia (japonais)</li><li> ghose (galicien)</li><li> hongminhee (coréen)</li><li> Hugoglyphe (espéranto, espagnol)</li><li> isard (catalan)</li><li> Kaliuwu (polonais)</li><li> Karlafej (tchèque)</li><li> katullo11 (italien)</li><li> Kytta (allemand)</li><li> lun (thaïlandais)</li><li> lucasofchirst (occitan, portugais, portugais, brésilien)</li><li> LukeHong (chinois traditionnel)</li><li> marcin.kozinski (polonais)</li><li> mkljczkk (polonais)</li><li> mojosoeun (coréen)</li><li> moreal (coréen)</li><li> MrWillCom (chinois simplifié)</li><li> nclm (français)</li><li> pazpi (italien)</li><li> punkrockgirl (basque)</li><li> radecos (anglais)</li><li> Razem (tchèque)</li><li> realpixelcode (allemand)</li><li> rezahosseinzadeh (persan)</li><li> rwmpelstilzchen (espéranto, hébreu)</li><li> SadmL (russe)</li><li> SadmL_AI (russe)</li><li> shuuji3 (japonais)</li><li> Sky_NiniKo (français)</li><li> Steffo99 (italien)</li><li> Su5hicz (tchèque)</li><li> tferrermo (espagnol)</li><li> tkbremnes (bokmal norvégien)</li><li> smoking93 (allemand)</li><li> Vac31. (Lituanien)</li><li> valtlai (finnois)</li><li> vasiriri (polonais)</li><li> voyagercy (chinois traditionnel)</li><li> xabi_itzultzaile (basque)</li><li> xen4n (ukrainien)</li><li> xqueralt (catalan)</li><li> ZiriSut (kabyle)</li><li> zkreml (tchèque) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Histoire</h2></div><p dir="auto"> Je suis l'un des premiers utilisateurs de Twitter. Twitter a été lancé le 15 juillet 2006. Je l'ai rejoint en décembre 2006 et mon premier tweet a été publié le 18 décembre 2006.</p><p dir="auto"> Je sais à quoi ressemble Twitter. C'était amusant.</p><p dir="auto"> À l'époque, j'avais créé un clone de Twitter appelé "Twig" écrit en Python et Google App Engine. J'ai presque créé mon propre client de bureau Twitter écrit en Appcelerator Titanium. J'ai donné l'une de mes meilleures présentations sur le client Twitter lors d'une mini-conférence. J'ai construit ce truc appelé « colonnes Twitter », une application Web qui affiche votre liste de suivis, les suivis de vos suivis, vos abonnés, les abonnés de vos abonnés, etc. En 2009, j'ai écrit un article de blog intitulé "Comment j'ai débuté avec Twitter". J'ai créé deux thèmes pour DestroyTwitter (un client de bureau réalisé avec Adobe Air par Jonnie Hallman) et l'un d'eux s'appelle "Vimeo". En 2013, j'ai écrit mon propre site de sauvegarde de tweets avec un front-end pour visualiser mes tweets et un backend CouchDB pour les stocker.</p><p dir="auto"> Cela fait <strong>plus de 15 ans</strong> .</p><p dir="auto"> Et me voilà. Création d'un client Web Mastodon.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Clients Web alternatifs</h2></div><ul dir="auto"><li> Fourchettes Phanpy ↓<ul dir="auto"><li> Agora</li></ul></li><li> Tablier (retraité) - fourchettes ↓<ul dir="auto"><li> Sémaphore</li><li> Enafore</li></ul></li><li> Coucou+</li><li> Sengi</li><li> Caisse à savon</li><li> Elan - fourchettes ↓<ul dir="auto"><li> elk.fedified.com</li></ul></li><li> Mastodeck</li><li> Malles</li><li> Tooty</li><li> Bac à litière</li><li> Statut</li><li> Défense</li><li> Mastodon Glitch Edition (interface autonome)</li><li> Mangane</li><li> LeBureau</li><li> Plus... </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> ?♂️ Avis à tous les autres développeurs de clients de médias sociaux</h2></div><p dir="auto"> S'il vous plaît, copiez les idées et les expériences d'interface utilisateur de cette application. Je pense que certains d’entre eux sont plutôt bons et ce serait formidable si davantage d’applications en disposaient.</p><p dir="auto"> Si vous n'êtes pas un développeur, veuillez parler de cette application à vos développeurs de clients de médias sociaux préférés et demandez-leur de copier les idées et les expériences de l'interface utilisateur.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Licence</h2></div><p dir="auto"> MIT.</p> </div>
<div class="zd_btn more_version_btn" data-more="Développer" data-less="Replier">Développer</div>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template">
<span class="title">Informations supplémentaires</span>
</div>
<ul class="more_info grid gap_y6 gap_x6 grid_c3">
<li>
<span class="title">Version</span>
<span class="text"></span>
</li>
<li>
<span class="title">Type</span>
<a class="text" href="/fr/category/list_228_1.html">Autre code source</a>
</li>
<li>
<span class="title">Date de mise à jour</span>
<span class="text">2024-11-09</span>
</li>
<li>
<span class="title">taille</span>
<span class="text"></span>
</li>
<li>
<span class="title">Langue</span>
<span class="text">Chinois simplifié</span>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Applications connexes</span>
</div>
<ul class="version_list grid gap_x6 gap_y6 grid_c2">
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Recommandé pour vous</span>
</div>
<ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3">
<li>
<a class="img_item" href="/fr/app/44151.html"><img src="https://images.downcodes.com/uploads/20230315/logo_641169e22e95f1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Bidi Film et Télévision bdys Version Android"></a>
<div class="content">
<h3><a href="/fr/app/44151.html">Bidi Film et Télévision bdys Version Android</a></h3>
<div class="cate">
<a href="/fr/category/list_297_1.html">Lecture vidéo</a>
</div>
<div class="other">
<span>V2.1.7</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/39387.html"><img src="https://images.downcodes.com/uploads/20230216/logo_63edd21d622421.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Téléchargement du jeu Assault Lily"></a>
<div class="content">
<h3><a href="/fr/app/39387.html">Téléchargement du jeu Assault Lily</a></h3>
<div class="cate">
<a href="/fr/category/list_301_1.html">jeu de rôle</a>
</div>
<div class="other">
<span>v1.0.5</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/28990.html"><img src="https://images.downcodes.com/uploads/20220919/logo_63281248401771.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Code source du système de paiement des connaissances 丨 Contenu éducatif en ligne réalisation de connaissances payantes 丨 Vidéo de questions-réponses graphique cours payant personnalisation du mini pro"></a>
<div class="content">
<h3><a href="/fr/download/28990.html">Code source du système de paiement des connaissances 丨 Contenu éducatif en ligne réalisation de connaissances payantes 丨 Vidéo de questions-réponses graphique cours payant personnalisation du mini pro</a></h3>
<div class="cate">
<a href="/fr/category/list_55_1.html">Autres catégories</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/45483.html"><img src="https://images.downcodes.com/uploads/20230317/logo_6413c6576e3f21.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Plantes contre Zombies édition Westward Journey"></a>
<div class="content">
<h3><a href="/fr/app/45483.html">Plantes contre Zombies édition Westward Journey</a></h3>
<div class="cate">
<a href="/fr/category/list_299_1.html">Casse-tête occasionnel</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/179136.html"><img src="https://images.downcodes.com/uploads/20240818/logo_66c1c8413413d1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Version hybride PVZ 2.3.5 version menu intégré"></a>
<div class="content">
<h3><a href="/fr/app/179136.html">Version hybride PVZ 2.3.5 version menu intégré</a></h3>
<div class="cate">
<a href="/fr/category/list_299_1.html">Casse-tête occasionnel</a>
</div>
<div class="other">
<span>2.3</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/176855.html"><img src="https://images.downcodes.com/uploads/20240628/logo_667e0d8fe35261.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Mod DLC Bruit de la tour à pizza"></a>
<div class="content">
<h3><a href="/fr/app/176855.html">Mod DLC Bruit de la tour à pizza</a></h3>
<div class="cate">
<a href="/fr/category/list_299_1.html">Casse-tête occasionnel</a>
</div>
<div class="other">
<span>1.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/176584.html"><img src="https://images.downcodes.com/uploads/20240624/logo_6678eedab44bc1.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Happy Block House Simulateur de famille mobile"></a>
<div class="content">
<h3><a href="/fr/app/176584.html">Happy Block House Simulateur de famille mobile</a></h3>
<div class="cate">
<a href="/fr/category/list_307_1.html">Entreprise simulée</a>
</div>
<div class="other">
<span>1.0.41</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/176463.html"><img src="https://images.downcodes.com/uploads/20240622/logo_66764c7e969a71.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Réparation de l'installation d'évacuation du métro avec crochet"></a>
<div class="content">
<h3><a href="/fr/app/176463.html">Réparation de l'installation d'évacuation du métro avec crochet</a></h3>
<div class="cate">
<a href="/fr/category/list_309_1.html">tir en vol</a>
</div>
<div class="other">
<span>1.25.20</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/app/178338.html"><img src="https://images.downcodes.com/uploads/20240731/logo_66a9c40e360431.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Jeu mobile BodyCam"></a>
<div class="content">
<h3><a href="/fr/app/178338.html">Jeu mobile BodyCam</a></h3>
<div class="cate">
<a href="/fr/category/list_309_1.html">tir en vol</a>
</div>
<div class="other">
<span>1.0</span>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Actualités connexes</span>
<a href="/category/list_336_1.html">Tout</a>
</div>
<ul class="cate_list_template">
<li>
<a href="/fr/wz/212997.html">
<div class="text">Adresse du site officiel de Bidi Film and Television</div>
<span class="time">2024-11-24</span>
</a>
</li>
<li>
<a href="/fr/wz/212996.html">
<div class="text">Comment recharger le serveur Assault Lily International</div>
<span class="time">2024-11-24</span>
</a>
</li>
<li>
<a href="/fr/wz/212995.html">
<div class="text">Comment réparer le bégaiement dans Stalker 2: Heart of Chornobyl</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/fr/wz/212994.html">
<div class="text">Où est Juice WRLD dans Fortnite ?</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/fr/wz/212993.html">
<div class="text">Comment démarrer l'extension Wild Card dans Star Wars Outlaws</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/fr/wz/212992.html">
<div class="text">Pékin ajoute une nouvelle institution de R&D pour améliorer la sécurité et la gouvernance de l'intelligence artificielle</div>
<span class="time">2024-11-22</span>
</a>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Commentaires des utilisateurs</span>
</div>
</div>
</section>
<footer class="footer_template">
<div class="w12_box">
<div class="clearfix">
<div class="l_item">
<img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt="">
<div class="f_icon">
<a href="https://www.facebook.com/" title="facebook"></a>
<a href="https://telegram.org/" title="telegram"></a>
<a href="https://www.tiktok.com/" title="tiktok"></a>
<a href="https://www.youtube.com/" title="youtube"></a>
</div>
</div>
<div class="r_item">
<dl>
<dt>Products & Services</dt>
<dd><a href="javascript:;">Install APK</a></dd>
<dd><a href="javascript:;">APK signature verification</a></dd>
<dd><a href="javascript:;">APK Download Service</a></dd>
</dl>
<dl>
<dt>Company</dt>
<dd><a href="javascript:;">Developer Console</a></dd>
<dd><a href="javascript:;">Submit APK</a></dd>
<dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd>
</dl>
<dl>
<dt>Legal</dt>
<dd><a href="javascript:;">About us</a></dd>
<dd><a href="javascript:;">Contact Us</a></dd>
<dd><a href="javascript:;">Cooperation</a></dd>
</dl>
</div>
</div>
<p>© 2006-2024Copyright All rights reserves</p>
</div>
</footer>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tongji.zhangwan.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5D64MDP2H8');
</script>
</body>
<script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/viewer.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script>
<script>
commonMethod.appdetail();
function phpLoadPage(){
this.kid = '';
this.lang = 'fr';
this.pageIndex = 1;
this.resultLen = 10;
this. requestUrl = "/show_comment_list";
}
phpLoadPage.prototype.init = function() {
var _this = this;
var moreComment = 'Cliquez pour voir plus';
$(".loadmore_item").click(function(){
if(_this.resultLen >= 10){
_this.pageIndex = _this.pageIndex + 1
$(".loadmore_item").html("loading...")
$.ajax({
async: true,
url: _this.requestUrl,
type: 'GET',
data : { page : _this.pageIndex,kid:_this.kid,lang:_this.lang },
dataType: 'json',
timeout: 30000,
success: function(result){
_this.resultLen = result.newArray.length
if(_this.resultLen < 10){
$(".loadmore_item").html("Reached the end...")
}else{
$(".loadmore_item").html(`${moreComment}`)
}
$(".comment_template").append(_this.mergeHtml(result.newArray));
},
error: function(xhr, status){
console.log('An error occurred...');
},
complete: function(xhr, status){
console.log('Ajax request has ended...');
}
})
}
})
}
phpLoadPage.prototype.mergeHtml = function(data){
var textHtml = "";
var lang = 'fr';
let fromto = 'Provenant de';
for(var i=0;i<data.length;i++) {
var item= data[i];
var lsHtml = item.mark == 1 && item.status == 1 ? `<span class="tip">${fromto}</span><a href="/${lang}/ask/${item.aid}.html">${item.title}</a>` : '';
textHtml += `<dd>
<span class="img_item">
<img src="${item.headlogo}" alt="${item.adduser}">
</span>
<div class="main">
<div class="title">
<span>${item.adduser}</span>
${lsHtml}
<span>${item.showtime}</span>
</div>
<div>${item.content}</div>
</div>
</dd>`;
}
return textHtml;
}
new phpLoadPage().init()
</script>
</html>