docs: update example page

Author: machow

docs/examples/index.qmd

@@ -5,41 +5,6 @@ jupyter:
 
 :::::: {.column-page }
 
-::::: {.d-none}
-
-
-| style | source | layout |
-| ----- | ------ | ------ |
-| [pkgdown] | [github][pkgdown-code] | Index page with a title and short description for functions listed in each section. Each function gets its own documentation page. |
-| [single-page] | [github][sp-code] | Index page has function documentation embedded on it. |
-
-
-| package | source | about |
-| ----- | ------ | ------ |
-| [siuba] | [github][sb-code] | Data analysis library. |
-| [shiny][shiny] |  | Dashboarding framework. |
-| [vetiver][vetiver] | [github][vt-code] | A tool to version, share, deploy and monitor ML models. |
-| pins | | |
-| shinyswatch | | |
-| tiledb | | |
-
-
-: {tbl-colwidths="[20, 20, 60]"}
-
-https://tiledb-inc.github.io/TileDB-Vector-Search/documentation/reference/
-
-[pkgdown]: /examples/pkgdown/reference
-[pkgdown-code]: https://github.com/machow/quartodoc/tree/main/examples/pkgdown
-[single-page]: /examples/single-page/reference
-[sp-code]: https://github.com/machow/quartodoc/tree/main/examples/single-page
-[shiny]: https://shiny.rstudio.com/py/api/
-[vetiver]: https://rstudio.github.io/vetiver-python/stable/reference/
-[vt-code]: https://github.com/rstudio/vetiver-python
-[siuba]: https://siuba.org/api/
-[sb-code]: https://github.com/machow/siuba.org
-
-:::::
-
 
 ```{python}
 #| output: asis
@@ -56,10 +21,10 @@ def gallery_entry(src_thumbnail: str, href: str, title: str, href_ref=None, href
     href_source = href if href_source is None else href_source
 
     return f"""
-<div class="card border-2 rounded-3 g-col-12 g-col-sm-6 g-col-md-4 mb-2">
-<a href="{href}">
+<div class="card border-2 rounded-3 g-col-12 g-col-sm-12 g-col-md-6 g-col-lg-4 mb-2">
+<a class="gallery-href" href="{href}">
   <div class="card-header py-1 px-2 border-bottom border-1 bg-light">
-  <p>{title}</p>
+  <h6>{title}</h6>
   </div>
   <div class="gallery-card-body">
   <img src="{src_thumbnail}">
@@ -76,6 +41,18 @@ def gallery_entry(src_thumbnail: str, href: str, title: str, href_ref=None, href
 </div>
 """
 
+def gallery_entry_cta():
+    href = "https://github.com/machow/quartodoc/discussions/new?category=general&title=New%20Doc%20Site:"
+    return f"""
+<div class="card border-2 rounded-3 g-col-12 g-col-sm-12 g-col-md-6 g-col-lg-4 mb-2">
+<a class="gallery-href" href="{href}" target="_blank">
+  <div class="gallery-card-body gallery-card-lets-gooo">
+  Get help creating documentation ⚡️
+  </div>
+</a>
+</div>
+"""
+
 print(
   gallery([
     gallery_entry(
@@ -113,6 +90,7 @@ print(
         href_ref = "https://rstudio.github.io/py-shinyswatch/reference",
         href_source = "https://github.com/rstudio/py-shinyswatch",
     ),
+    gallery_entry_cta()
   ])
 )
 ```

docs/styles.css

@@ -68,8 +68,21 @@ td:first-child a {
 
 .gallery .gallery-card-body {
     height: 250px;
+    padding-bottom: 20px;
 }
 
+.gallery .gallery-card-lets-gooo {
+  font-size: 32px;
+  text-align: center;
+  padding: 100px 45px 45px 45px;
+  width: 100%;
+}
+
+.gallery a {
+  text-decoration: none;
+}
+
+
 .gallery .gallery-card-body img {
     width: 100%;
     height: 100%;