Post titles improvements as per #1208, #1209

Closes #1208 and #1209

General improvements

post titles are now self-linked;
element no longer truncates post titles to 50 characters (technically, we don't need to truncate at all there, but I opted for max title length truncation just in case); </li> </ul> <h3>Copying links</h3> <p>Below are screenshots of the initial implementation (raw URL & Markdown link copying).</p> <p>Per-post (expanded) view:</p> <p><img referrerpolicy="no-referrer" src="https://github.com/codidact/qpixel/assets/34833340/78f3847a-cf77-438a-a8ba-8f1bb2717d79" alt="Screenshot from 2023-10-22 07-31-18" /></p> <p>Post history view:</p> <p><img referrerpolicy="no-referrer" src="https://github.com/codidact/qpixel/assets/34833340/30be50b0-a475-46fb-ab0d-301391ea088a" alt="Screenshot from 2023-10-22 13-59-48" /></p> <p>The above is subject to change over the course of fleshing the idea out.</p> <p>TODO:</p> <ul> <li>[x] create a partial for rendering a reusable component;</li> <li>[x] switch expanded post view to the partial;</li> <li>[x] switch post history view to the partial;</li> <li>[X] at least show a link that can be manually copied if JS is disabled;</li> <li>[X] decide on the appropriate title override for Markdown share links for post history;</li> <li>[X] update Code Golf's script to not rely on <code>.js-permalink</code>*;</li> <li>[ ] add rich link copying;</li> </ul> <hr /> <p>* Instead of updating the script, I ended up using a hidden anchor tag for scripts to be able to hook to it as usual. A better idea, probably, is to set a data attribute on the button, though.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Oaphi"><img src="https://avatars.githubusercontent.com/u/34833340?v=4" />Oaphi</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>After some deliberation, I don't think there's a need for a separate rich link option (raw link & markdown cover all common cases). The rest should work as described.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

codidact / qpixel

Post titles improvements as per #1208, #1209 #1223

General improvements