Merge pull request #577 from Appsilon/update-readme

Collapse past events section in README

README.md

@@ -20,12 +20,13 @@
 Would you like to learn about Rhino hands-on? Join our events!
 Upcoming events will be added to this section - stay tuned.
 
+<details>
+<summary><h3>Past</h3> <i>(click to expand)</i></summary>
+
 * [**Open Source Spotlight: New developments in Rhino**](https://events.ringcentral.com/events/shiny-gathering-11-b3775827-5b59-4068-ab59-82d9a262b7f0)<br>
 2024-02-27 at 18:00 (UTC+1)<br>
 Shiny Gathering led by [Kamil Żyła](https://www.linkedin.com/in/kamil-zyla/)
 
-### Past
-
 * [**Best practices for coding Shiny apps with Rhino Team**](https://www.youtube.com/watch?v=QmyilJr7jXs)<br>
 2023-06-27 at 18:00 (UTC+2)<br>
 Online gathering led by [Kamil Żyła](https://www.linkedin.com/in/kamil-zyla/)
@@ -53,6 +54,7 @@ at [EARL 2022](https://www.ascent.io/earl)
 2022-10-11 at 19:00 (UTC+2)<br>
 Led by [Kamil Żyła](https://www.linkedin.com/in/kamil-zyla/)
 at [LatinR 2022](https://latin-r.com/en)
+</details>
 
 ## Why Rhino?
 

pkgdown/extra.css

@@ -55,3 +55,14 @@ button.btn.btn-primary.btn-copy-ex {
 .home:hover {
   color: rgba(255,255,255,0.9);
 }
+
+summary:has(h3#past) {
+  & > * {
+    display: inline;
+  }
+
+  &::marker,
+  &::-webkit-details-marker {
+    font-size: calc(1.3rem + .6vw); /* an equivalent of Bootstrap's h3 that's within the summary */
+  }
+}