Playing the song "Nød og løst", the <title> shows "Nø og løt". <p dir="auto"

Unicode mangled in <title> by toHTML.un about jamstash HOT 12 CLOSED

tsquillario commented on August 22, 2024

Unicode mangled in by toHTML.un<p>from jamstash.</p></section> </section> </article> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <article> <h2 class="h2">Comments (12)</h2> <section class="issue-comment"> <section id="9599181" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Can you send me the MP3 to test? I typically have to do the conversion so it doesn't screw up the HTML on the page.</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9599905" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Try e.g <a href="http://www.nrk.no/urort/1.0/track/download/1504587.mp3" rel="nofollow">http://www.nrk.no/urort/1.0/track/download/1504587.mp3</a> , should say "Bølgeskum", but instead outputs something rather obscene</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9600061" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">What browser/os are you on? Where exactly is it displaying incorrectly?</p> <p dir="auto">The title, album & artist all appear correctly for me, including in the player after I hit play. I'm using the latest Chrome on Win7.</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9601079" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">It displays correctly everywhere except in the <title> (ie. top bit of the browser tab/window).</p> <p dir="auto">Tested with both Chromium 22.0.1229.94 and Firefox 16.0.1 on Arch Linux.</p> <p dir="auto">Also, possibly relevant: if I do Ctrl+Shift+K (or Ctrl+Shift+I in Chromium) and type</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="toHTML.un("AøBC")"><pre class="notranslate"><code class="notranslate">toHTML.un("AøBC") </code></pre></div> <p dir="auto">it outputs "AøC", ie. it removes the B.</p><p>from jamstash.</p></section> </section> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section class="issue-comment"> <section id="9601120" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">wops, seems < and > are not escaped in comments here, that was probably another source of confusion …</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9601409" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Hmmm, I'm not seeing this on Windows. The title show up as expected in Chrome & FF.</p> <p dir="auto">This is the function that does the unicode conversion. I would need to find one that is a little more robust to support Linux cause it looks like it does things differently. I'm not sure what else to do...</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="var toHTML = { on: function (str) { var a = [], i = 0; for (; i < str.length; ) a[i] = str.charCodeAt(i++); return "&#" + a.join(";&#") + ";" }, un: function (str) { return str.replace(/&#(x)?([^&]{1,5});?/g, function (a, b, c) { return String.fromCharCode(parseInt(c, b ? 16 : 10)) }) } };"><pre class="notranslate"><span class="pl-k">var</span> <span class="pl-s1">toHTML</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-en">on</span>: <span class="pl-k">function</span> <span class="pl-kos">(</span><span class="pl-s1">str</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">var</span> <span class="pl-s1">a</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">,</span> <span class="pl-s1">i</span> <span class="pl-c1">=</span> <span class="pl-c1">0</span><span class="pl-kos">;</span> <span class="pl-k">for</span> <span class="pl-kos">(</span><span class="pl-kos">;</span> <span class="pl-s1">i</span> <span class="pl-c1"><</span> <span class="pl-s1">str</span><span class="pl-kos">.</span><span class="pl-c1">length</span><span class="pl-kos">;</span> <span class="pl-kos">)</span> <span class="pl-s1">a</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-s1">str</span><span class="pl-kos">.</span><span class="pl-en">charCodeAt</span><span class="pl-kos">(</span><span class="pl-s1">i</span><span class="pl-c1">++</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-k">return</span> <span class="pl-s">"&#"</span> <span class="pl-c1">+</span> <span class="pl-s1">a</span><span class="pl-kos">.</span><span class="pl-en">join</span><span class="pl-kos">(</span><span class="pl-s">";&#"</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-s">";"</span> <span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-en">un</span>: <span class="pl-k">function</span> <span class="pl-kos">(</span><span class="pl-s1">str</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">return</span> <span class="pl-s1">str</span><span class="pl-kos">.</span><span class="pl-en">replace</span><span class="pl-kos">(</span><span class="pl-pds"><span class="pl-c1">/</span>&#<span class="pl-kos">(</span>x<span class="pl-kos">)</span>?<span class="pl-kos">(</span><span class="pl-kos">[</span>^&<span class="pl-kos">]</span><span class="pl-kos">{</span>1,5<span class="pl-kos">}</span><span class="pl-kos">)</span>;?<span class="pl-c1">/</span>g</span><span class="pl-kos">,</span> <span class="pl-k">function</span> <span class="pl-kos">(</span><span class="pl-s1">a</span><span class="pl-kos">,</span> <span class="pl-s1">b</span><span class="pl-kos">,</span> <span class="pl-s1">c</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">return</span> <span class="pl-v">String</span><span class="pl-kos">.</span><span class="pl-en">fromCharCode</span><span class="pl-kos">(</span><span class="pl-en">parseInt</span><span class="pl-kos">(</span><span class="pl-s1">c</span><span class="pl-kos">,</span> <span class="pl-s1">b</span> ? <span class="pl-c1">16</span> : <span class="pl-c1">10</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-kos">}</span> <span class="pl-kos">}</span><span class="pl-kos">;</span></pre></div><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9633245" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">That regex has [^&] – it looks like the intention is [^;], no? Seems to fix it anyway.</p> <p dir="auto">Otherwise, this alternative also seems to work here (and would take named entities too, but perhaps that never happens?):</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="function htmlDecode(input){ var e = document.createElement('div'); e.innerHTML = input; out = e.childNodes[0].nodeValue; $(e).remove(); return out; }"><pre class="notranslate"><code class="notranslate">function htmlDecode(input){ var e = document.createElement('div'); e.innerHTML = input; out = e.childNodes[0].nodeValue; $(e).remove(); return out; } </code></pre></div><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9742616" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Does changing the [^&] to [^;] fix this issue for you? I didn't write the function, just copied it from somewhere.</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9748525" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">It does. I'm assuming it should be matching one whole entity, like</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{"><pre class="notranslate"><code class="notranslate">{ </code></pre></div> <p dir="auto">so it makes sense to use</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" [^;]* "><pre class="notranslate"><code class="notranslate"> [^;]* </code></pre></div> <p dir="auto">as way of matching everything up until the ;</p> <p dir="auto">EDIT: plaintext (why are these comments not plaintext by default? ugh)</p><p>from jamstash.</p></section> </section> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section class="issue-comment"> <section id="9788815" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Can you paste a copy of what you changed the toHtml function to? Just adding [^;] isn't working, I'd like to see the whole thing.</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9807291" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/56868?s=40&u=f4e2deb68f2feb408b5665d22c3af9fe1ddc411d&v=4" alt="unhammer avatar" /> <a class="issue-username" href="/unhammer">unhammer</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="var toHTML = { on: function (str) { var a = [], i = 0; for (; i < str.length; ) a[i] = str.charCodeAt(i++); return "&#" + a.join(";&#") + ";" }, un: function (str) { return str.replace(/&#(x)?([^;]{1,5});?/g, function (a, b, c) { return String.fromCharCode(parseInt(c, b ? 16 : 10)) }) } };"><pre class="notranslate"><code class="notranslate">var toHTML = { on: function (str) { var a = [], i = 0; for (; i < str.length; ) a[i] = str.charCodeAt(i++); return "&#" + a.join(";&#") + ";" }, un: function (str) { return str.replace(/&#(x)?([^;]{1,5});?/g, function (a, b, c) { return String.fromCharCode(parseInt(c, b ? 16 : 10)) }) } }; </code></pre></div> <p dir="auto">(again, sorry for not noticing that my previous comment was parsed as html instead of posted verbatim…)</p><p>from jamstash.</p></section> </section> <section class="issue-comment"> <section id="9831766" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/333300?v=4" alt="tsquillario avatar" /> <a class="issue-username" href="/tsquillario">tsquillario</a> <span class="issue-time"> commented on August 22, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">I think this is fixed, thanks man!</p><p>from jamstash.</p></section> </section> </article> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section> <h2 class="h2">Related Issues (20)</h2> <div class="issue"> <ul> <li> <a href="/tsquillario/jamstash/issues/233">settings to connect to localhost</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 5</span> </li> <li> <a href="/tsquillario/jamstash/issues/234">Make this error more specific: "Error when contacting the Subsonic server. The requested data was not found."</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/tsquillario/jamstash/issues/235">Javascript error when invalid host is set in the settings</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/tsquillario/jamstash/issues/236">Feature Request: Save queue (and position in queue) across sessions</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/237">Support for Ampache music libraries</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/238">Initial load does not reflect folder selection</a> </li> <li> <a href="/tsquillario/jamstash/issues/239">Next Button</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span> </li> <li> <a href="/tsquillario/jamstash/issues/240">Please use https</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/tsquillario/jamstash/issues/241">Playlist Actions buttons improperly formatted</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 7</span> </li> <li> <a href="/tsquillario/jamstash/issues/242">Jamstash chrome extension claims Subsonic server license has expired</a> </li> <li> <a href="/tsquillario/jamstash/issues/247">Utilize GitHub's release functionality (and simplify dist folder management)</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/tsquillario/jamstash/issues/248">Website Down</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/249">Https redirects to an unknown site</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/251">Remote jukebox mode ?</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/256">Auto remove tracks after playing</a> </li> <li> <a href="/tsquillario/jamstash/issues/259">Error since 4.7.0 - Loading failed for the <script></a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/263">jplayer won't play FLAC</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/tsquillario/jamstash/issues/264">"Auto Albums" to use the selected folder</a> </li> <li> <a href="/tsquillario/jamstash/issues/267">Procedure described in GettingStarted wiki not working</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/tsquillario/jamstash/issues/268">Replaygain support</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> </ul> </div> </section> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </main> <section id="more" class="flex-none w-full md:w-60 text-gray-600 bg-gray-50 px-5 md:px-3 rounded-md dark-color"> <div class="w-full md:w-60 h-0.5"></div> <section> <a href="https://glbgpt.com?ref=githubhelp" target="_blank" class="block"> <article id="right-girl-box" class="small-box overflow-hidden" style="padding:0;"></article> </a>  <h2 class="h2 py-3.5">Recommend Projects</h2> <ul> <li class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/facebook/react"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://raw.githubusercontent.com/facebook/create-react-app/master/packages/cra-template/template/public/logo192.png" alt="React photo" /> React </a> </h3> <p class="article-more pt-1">A declarative, efficient, and flexible JavaScript library for building user interfaces.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/vuejs/vue"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/c8f91d18976e27123643a926a2588b8d931a0292fd0b6532c3155379e8591629/68747470733a2f2f7675656a732e6f72672f696d616765732f6c6f676f2e706e67" alt="Vue.js photo" /> Vue.js </a> </h3> <p class="article-more pt-1">🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/microsoft/TypeScript"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://www.typescriptlang.org/favicon-32x32.png" alt="Typescript photo" /> Typescript </a> </h3> <p class="article-more pt-1">TypeScript is a superset of JavaScript that compiles to clean JavaScript output.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/tensorflow/tensorflow"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/c04e16c05de80dadbdc990884672fc941fdcbbfbb02b31dd48c248d010861426/68747470733a2f2f7777772e74656e736f72666c6f772e6f72672f696d616765732f74665f6c6f676f5f736f6369616c2e706e67" alt="TensorFlow photo" /> TensorFlow </a> </h3> <p class="article-more pt-1">An Open Source Machine Learning Framework for Everyone</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/django/django"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars2.githubusercontent.com/u/27804?s=200&v=4" alt="Django photo" /> Django </a> </h3> <p class="article-more pt-1">The Web framework for perfectionists with deadlines.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/laravel/laravel"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://laravel.com/img/logomark.min.svg" alt="Laravel photo" /> Laravel </a> </h3> <p class="article-more pt-1">A PHP framework for web artisans</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/d3/d3"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/586ccf0aad9684edc821658cee04146cf36d1f1d5ec904bbefd72728909ccb2e/68747470733a2f2f64336a732e6f72672f6c6f676f2e737667" alt="D3 photo" /> D3 </a> </h3> <p class="article-more pt-1">Bring data to life with SVG, Canvas and HTML. 📊📈🎉</p> </article> </li> <li> <div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </li> </ul> </section> <section>  <h2 class="h2 py-3.5">Recommend Topics</h2> <ul> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/javascript"> javascript </a> </h3> <p class="article-more pt-1">JavaScript (JS) is a lightweight interpreted programming language with first-class functions.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/web"> web </a> </h3> <p class="article-more pt-1">Some thing interesting about web. New door for the world.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/server"> server </a> </h3> <p class="article-more pt-1">A server is a program made to process requests and deliver data to clients.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/machine-learning"> Machine learning </a> </h3> <p class="article-more pt-1">Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/visualization"> Visualization </a> </h3> <p class="article-more pt-1">Some thing interesting about visualization, use data art</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/game"> Game </a> </h3> <p class="article-more pt-1">Some thing interesting about game, make everyone happy.</p> </article> </li> <li> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </li> </ul> </section> <section>  <h2 class="h2 py-3.5">Recommend Org</h2> <ul> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/facebook"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/69631?v=4" alt="Facebook photo" /> Facebook </a> </h3> <p class="article-more pt-1">We are working to build community through open source technology. NB: members must have two-factor auth.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/microsoft"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/6154722?v=4" alt="Microsoft photo" /> Microsoft </a> </h3> <p class="article-more pt-1">Open source projects and samples from Microsoft.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/google"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1342004?v=4" alt="Google photo" /> Google </a> </h3> <p class="article-more pt-1">Google ❤️ Open Source for everyone.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/alibaba"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1961952?v=4" alt="Alibaba photo" /> Alibaba </a> </h3> <p class="article-more pt-1">Alibaba Open Source for everyone</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/d3"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1562726?v=4" alt="D3 photo" /> D3 </a> </h3> <p class="article-more pt-1">Data-Driven Documents codes.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/tencent"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/18461506?v=4" alt="Tencent photo" /> Tencent </a> </h3> <p class="article-more pt-1">China tencent open source team.</p> </article> </li> <li> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="6627871389" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </li> </ul> </section> </section> </div> </div>  <footer class="sizeing text-xs text-center p-5"> <div>Friends: <a class="hover:underline" target="_blank" href="https://www.chanpinqingbaoju.com">ProductDiscover</a> </div> Copyright © 2024 Coder Social  ❤️ <a class="hover:underline block md:inline" href="mailto:cs.victor.edison@gmail.com">Mail to me</a> </footer> </body> </html>