docs(readme): add star history trending badges (#5867)

README.md

@@ -9,6 +9,30 @@
 </div>
 
 <div align="center">
+  <!-- Keep whitespace outside the badge links to avoid an underlined gap. -->
+  <!-- Use raw HTML aliases to keep Doxygen's emitted comment delimiters balanced. -->
+  <!--! @htmlonly_start -->
+  <a href="https://www.star-history.com/lizardbyte/sunshine"><picture><source
+    media="(prefers-color-scheme: dark)"
+    srcset="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=rank&theme=dark"
+  /><source
+    media="(prefers-color-scheme: light)"
+    srcset="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=rank"
+  /><img
+    alt="Star History Rank"
+    src="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=rank"
+  /></picture></a>
+  <a href="https://www.star-history.com/lizardbyte/sunshine"><picture><source
+    media="(prefers-color-scheme: dark)"
+    srcset="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=trending&theme=dark"
+  /><source
+    media="(prefers-color-scheme: light)"
+    srcset="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=trending"
+  /><img
+    alt="GitHub Trending Repository of the Day"
+    src="https://api.star-history.com/badge?repo=LizardByte/Sunshine&type=trending"
+  /></picture></a><br><br>
+  <!--! @htmlonly_end -->
   <a href="https://github.com/LizardByte/Sunshine"><img src="https://img.shields.io/github/stars/lizardbyte/sunshine.svg?logo=github&style=for-the-badge" alt="GitHub stars"></a>
   <a href="https://github.com/LizardByte/Sunshine/releases/latest"><img src="https://img.shields.io/github/downloads/lizardbyte/sunshine/total.svg?style=for-the-badge&logo=github" alt="GitHub Releases"></a>
   <a href="https://hub.docker.com/r/lizardbyte/sunshine"><img src="https://img.shields.io/docker/pulls/lizardbyte/sunshine.svg?style=for-the-badge&logo=docker" alt="Docker"></a>

dockle.toml

@@ -59,6 +59,11 @@ extra_javascript = [
   "docs/crowdin.js",
 ]
 extra_files = ["docs/api.js", "docs/configuration.js"]
-aliases = ["api_examples{3|:|}=@htmlonly<script>(function() { let examples = generateExamples('\\1', '\\2', \\3); document.write(createTabs(examples)); })();</script>@endhtmlonly"]
+# Balance HTML comments around raw HTML commands embedded in Markdown comments.
+aliases = [
+  "htmlonly_start=@htmlonly<!--",
+  "htmlonly_end=-->@endhtmlonly",
+  "api_examples{3|:|}=@htmlonly<script>(function() { let examples = generateExamples('\\1', '\\2', \\3); document.write(createTabs(examples)); })();</script>@endhtmlonly",
+]
 main_page = "README.md"
 dot_graph_max_nodes = 60