Fix border and add categories (#1978)

* display boundaries on cards-grid * remove most catalog-entries * add categories
cardstack · Dec 24, 2024 · f22f7cf · f22f7cf
1 parent 79a69a3
commit f22f7cf
Show file tree

Hide file tree

Showing 24 changed files with 172 additions and 214 deletions.
diff --git a/packages/experiments-realm/components/grid.gts b/packages/experiments-realm/components/grid.gts
@@ -5,7 +5,7 @@ import { Format, type CardContext } from 'https://cardstack.com/base/card-api';
 import { type Query } from '@cardstack/runtime-common';
 
 import { CardContainer } from '@cardstack/boxel-ui/components';
-import { eq, not } from '@cardstack/boxel-ui/helpers';
+import { eq } from '@cardstack/boxel-ui/helpers';
 
 export type ViewOption = 'card' | 'strip' | 'grid';
 
@@ -57,7 +57,7 @@ export class CardsGrid extends GlimmerComponent<CardsGridSignature> {
                     fieldName=undefined
                   }}
                   class='card'
-                  @displayBoundaries={{not (eq @selectedView 'card')}}
+                  @displayBoundaries={{true}}
                 >
                   <card.component />
                 </CardContainer>

diff --git a/packages/seed-realm/BlogCategory/city-design.json b/packages/seed-realm/BlogCategory/city-design.json
@@ -0,0 +1,28 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "longName": "City Design",
+      "shortName": "Design",
+      "slug": "city-design",
+      "backgroundColor": "#ac00ff",
+      "textColor": "#fff",
+      "description": "Showcasing architecture and urban planning brilliance.",
+      "title": "City Design",
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../blog-category",
+        "name": "BlogCategory"
+      }
+    }
+  }
+}
diff --git a/packages/seed-realm/BlogCategory/cultural-scenes.json b/packages/seed-realm/BlogCategory/cultural-scenes.json
@@ -0,0 +1,28 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "longName": "Cultural Scenes",
+      "shortName": "Culture",
+      "slug": "cultural-scenes",
+      "backgroundColor": "#c3fc33",
+      "textColor": null,
+      "description": "Capturing the vibrant art, food, and music of cities.",
+      "title": "Cultural Scenes",
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../blog-category",
+        "name": "BlogCategory"
+      }
+    }
+  }
+}
diff --git a/packages/seed-realm/BlogCategory/future-tech.json b/packages/seed-realm/BlogCategory/future-tech.json
@@ -0,0 +1,28 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "longName": "Future Tech",
+      "shortName": "Tech",
+      "slug": "future-tech",
+      "backgroundColor": "#00ac3d",
+      "textColor": "#fff",
+      "description": "Highlighting technology shaping tomorrow’s cities.",
+      "title": "Future Tech",
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../blog-category",
+        "name": "BlogCategory"
+      }
+    }
+  }
+}
diff --git a/packages/seed-realm/BlogCategory/street-life.json b/packages/seed-realm/BlogCategory/street-life.json
@@ -0,0 +1,28 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "longName": "Street Life",
+      "shortName": "Streets",
+      "slug": "street-life",
+      "backgroundColor": "#281e78",
+      "textColor": "#fff",
+      "description": "Discovering the stories of streets and public spaces.",
+      "title": "Street Life",
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../blog-category",
+        "name": "BlogCategory"
+      }
+    }
+  }
+}
diff --git a/packages/seed-realm/BlogCategory/urban-work.json b/packages/seed-realm/BlogCategory/urban-work.json
@@ -0,0 +1,28 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "longName": "Urban Work",
+      "shortName": "Work",
+      "slug": "urban-work",
+      "backgroundColor": "#ff7f00",
+      "textColor": "#fff",
+      "description": "Exploring work trends in the evolving city landscape.",
+      "title": "Work",
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../blog-category",
+        "name": "BlogCategory"
+      }
+    }
+  }
+}
diff --git a/packages/seed-realm/BlogPost/727d4f9a-3bee-4cd6-a34b-beea673b3229.json b/packages/seed-realm/BlogPost/727d4f9a-3bee-4cd6-a34b-beea673b3229.json
@@ -29,9 +29,14 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/street-life"
+        }
+      },
+      "categories.1": {
+        "links": {
+          "self": "../BlogCategory/cultural-scenes"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/BlogPost/84a3e57f-9057-4302-b841-43f8b6814ab7.json b/packages/seed-realm/BlogPost/84a3e57f-9057-4302-b841-43f8b6814ab7.json
@@ -29,9 +29,9 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/city-design"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/BlogPost/84ebb780-67dd-4e7e-a7c2-8fe817aade35.json b/packages/seed-realm/BlogPost/84ebb780-67dd-4e7e-a7c2-8fe817aade35.json
@@ -29,9 +29,9 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/cultural-scenes"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/BlogPost/a8b044b3-48ad-40e4-bc2d-43021b8e313f.json b/packages/seed-realm/BlogPost/a8b044b3-48ad-40e4-bc2d-43021b8e313f.json
@@ -29,9 +29,14 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/future-tech"
+        }
+      },
+      "categories.1": {
+        "links": {
+          "self": "../BlogCategory/city-design"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/BlogPost/ultimate-guide-remote-work.json b/packages/seed-realm/BlogPost/ultimate-guide-remote-work.json
@@ -29,9 +29,9 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/urban-work"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/BlogPost/urban-living-future-sustainable.json b/packages/seed-realm/BlogPost/urban-living-future-sustainable.json
@@ -29,9 +29,14 @@
           "self": "../BlogApp/ramped"
         }
       },
-      "categories": {
+      "categories.0": {
         "links": {
-          "self": null
+          "self": "../BlogCategory/city-design"
+        }
+      },
+      "categories.1": {
+        "links": {
+          "self": "../BlogCategory/future-tech"
         }
       },
       "editors": {

diff --git a/packages/seed-realm/CatalogEntry/author.json b/packages/seed-realm/CatalogEntry/author.json
diff --git a/packages/seed-realm/CatalogEntry/blog-category.json b/packages/seed-realm/CatalogEntry/blog-category.json
diff --git a/packages/seed-realm/CatalogEntry/blog-post.json b/packages/seed-realm/CatalogEntry/blog-post.json
diff --git a/packages/seed-realm/CatalogEntry/blog.json b/packages/seed-realm/CatalogEntry/blog.json
@@ -2,7 +2,7 @@
   "data": {
     "type": "card",
     "attributes": {
-      "title": "Blog",
+      "title": "Blog App",
       "description": "Catalog entry for Blog App card",
       "isField": false,
       "ref": {

diff --git a/packages/seed-realm/CatalogEntry/fields/contact-link-field.json b/packages/seed-realm/CatalogEntry/fields/contact-link-field.json
diff --git a/packages/seed-realm/CatalogEntry/fields/email-field.json b/packages/seed-realm/CatalogEntry/fields/email-field.json
diff --git a/packages/seed-realm/CatalogEntry/fields/featured-image-field.json b/packages/seed-realm/CatalogEntry/fields/featured-image-field.json