Author fields & templates; Blog App updates

packages/base/base64-image.gts

@@ -197,7 +197,7 @@ class Edit extends Component<typeof Base64ImageField> {
 // this allows multiple radio groups rendered on the page
 // to stay independent of one another.
 let groupNumber = 0;
-class ImageSizeField extends FieldDef {
+export class ImageSizeField extends FieldDef {
   static displayName = 'Image Size';
   static [primitive]: 'actual' | 'contain' | 'cover';
   static [useIndexBasedKey]: never;

packages/base/markdown.gts

@@ -14,7 +14,7 @@ class View extends Component<typeof MarkdownField> {
     <style scoped>
       .markdown-content {
         max-width: 100%;
-        font-size: var(--markdown-font-size, 1rem);
+        font-size: var(--markdown-font-size, inherit);
         font-family: var(--markdown-font-family, inherit);
         overflow: hidden;
       }
@@ -67,8 +67,8 @@ class View extends Component<typeof MarkdownField> {
         font-family: inherit;
         font-size: inherit;
         font-weight: 400;
-        margin-top: var(--boxel-sp-sm);
-        margin-bottom: var(--boxel-sp-sm);
+        margin-top: var(--boxel-sp-lg);
+        margin-bottom: var(--boxel-sp);
       }
 
       /* Bold */

packages/experiments-realm/Author/ad28d989-68a8-4bad-a8dc-05f9f724489c.json

@@ -0,0 +1,51 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "firstName": "Alexandra Maximiliana",
+      "lastName": "Montgomery-Barrington IV",
+      "bio": "A distinguished editorial leader with over a decade of experience shaping content strategies that captivate and engage audiences across digital platforms, Alexandra Maximiliana Montgomery-Barrington IV is renowned for her visionary approach to storytelling and editorial excellence. She has led high-performing teams to produce impactful narratives while driving innovation in the publishing industry. Alexandra is a strategic thinker with a passion for fostering collaboration, ensuring that every project delivers both creative quality and measurable results. When not overseeing editorial initiatives, she enjoys hiking through scenic landscapes, capturing moments through her lens, and immersing herself in a good book.",
+      "fullBio": "Alexandra Maximiliana Montgomery-Barrington IV is a highly respected editorial leader with more than a decade of experience in digital media and content strategy. Known for her keen eye for detail and her ability to craft compelling narratives, she has consistently delivered high-quality content that resonates with diverse audiences. Throughout her career, Alexandra has demonstrated a deep understanding of the evolving digital landscape, balancing creative vision with data-driven insights to produce work that not only engages but also drives measurable results. Her expertise spans editorial direction, content curation, and cross-functional team leadership, enabling her to oversee complex projects from conception to execution.\n\nA strategic thinker and innovative problem solver, Alexandra has a proven track record of building and leading editorial teams that thrive in dynamic environments. She has worked with industry-leading brands, shaping content strategies that align with business goals while maintaining a strong focus on storytelling and audience connection. Her leadership style is rooted in collaboration and fostering a culture of creativity and excellence, ensuring that every project exceeds expectations. Alexandra is also passionate about mentoring and developing talent, helping her teams grow both professionally and personally.\n\nOutside of her professional life, Alexandra is an avid outdoors enthusiast, finding inspiration in nature through hiking and photography. Her love of storytelling extends beyond the written word—capturing moments through her lens allows her to explore new perspectives and deepen her connection to the world around her. When she’s not leading editorial initiatives, you’ll find her immersed in a good book, seeking out new ideas and inspiration to fuel her next project. Alexandra's unique blend of editorial expertise, leadership, and creative passion has made her a trailblazer in the publishing world, constantly pushing the boundaries of what’s possible in digital content.",
+      "quote": "\"Storytelling is the bridge that connects ideas with impact, and great content is the foundation that makes it last.\"",
+      "contactLinks": [
+        {
+          "label": "X",
+          "value": "https://x.com/alexandra.montgomery-barrington-boxel"
+        },
+        {
+          "label": "LinkedIn",
+          "value": "https://linkedin.com/alexandra.montgomery-barrington-boxel"
+        },
+        {
+          "label": "Email",
+          "value": "[email protected]"
+        }
+      ],
+      "email": "[email protected]",
+      "featuredImage": {
+        "imageUrl": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1521227889351-bf6f5b2e4e37.jpeg",
+        "credit": "Photo via Unsplash",
+        "caption": "Alexandra Maximiliana Montgomery-Barrington IV",
+        "altText": "Alexandra Maximiliana Montgomery-Barrington IV",
+        "size": "actual",
+        "height": null,
+        "width": null
+      },
+      "description": "Editor-in-Chief and Senior Director of Content Strategy, Editorial Innovation, and Cross-Platform Publishing Initiatives",
+      "thumbnailURL": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1521227889351-bf6f5b2e4e37.jpeg"
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
+    },
+    "meta": {
+      "adoptsFrom": {
+        "module": "../author",
+        "name": "Author"
+      }
+    }
+  }
+}

packages/experiments-realm/Author/alice-enwunder.json

@@ -4,14 +4,9 @@
     "attributes": {
       "firstName": "Alice",
       "lastName": "Enwunder",
-      "photo": {
-        "altText": null,
-        "size": "actual",
-        "height": null,
-        "width": null,
-        "base64": null
-      },
-      "body": "",
+      "bio": null,
+      "fullBio": null,
+      "quote": "Curiouser and curiouser",
       "contactLinks": [
         {
           "label": "X",
@@ -26,7 +21,25 @@
           "value": "[email protected]"
         }
       ],
-      "thumbnailURL": "https://images.unsplash.com/photo-1561569912-9f202ecac634?q=80&w=3135&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+      "email": null,
+      "featuredImage": {
+        "imageUrl": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1509868918748-a554ad25f858.jpeg",
+        "credit": null,
+        "caption": null,
+        "altText": "Alice Enwunder",
+        "size": "actual",
+        "height": null,
+        "width": null
+      },
+      "description": null,
+      "thumbnailURL": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1509868918748-a554ad25f858.jpeg"
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": null
+        }
+      }
     },
     "meta": {
       "adoptsFrom": {

packages/experiments-realm/Author/jane-doe.json

@@ -4,15 +4,42 @@
     "attributes": {
       "firstName": "Jane",
       "lastName": "Doe",
-      "photo": {
-        "altText": "",
+      "bio": "Jane Doe is the Senior Managing Editor at Ramped.com, where she leads content strategy, editorial direction, and ensures the highest standards of quality across all publications. With over a decade of experience in digital media and editorial management, Jane has a proven track record of shaping impactful narratives, growing engaged audiences, and collaborating with cross-functional teams to deliver compelling content. When she's not editing, you can find her exploring new books, hiking, or indulging in her love of photography.",
+      "fullBio": "Jane Doe is the Senior Managing Editor at *Ramped.com*, where she leads the editorial team in crafting high-impact content that resonates with a diverse, global audience. With over 10 years of experience in digital media, Jane has built a career around her passion for storytelling, strategic content development, and editorial excellence. At *Ramped.com*, she oversees the editorial direction for both long-form features and quick-hit content, ensuring that all materials meet rigorous standards for quality, accuracy, and engagement. Her role involves not only managing content workflows but also driving the site’s content strategy, optimizing for SEO, and integrating new multimedia formats to enhance user experience.\n\nBefore joining *Ramped*, Jane served in senior editorial positions at prominent media organizations, where she was instrumental in shaping editorial voice, increasing readership, and overseeing large teams of writers, editors, and designers. Her ability to adapt to evolving trends in digital media has helped these organizations expand their online presence and build strong, loyal audiences. She is particularly skilled in data-driven content strategies and has worked closely with product, marketing, and analytics teams to optimize content for growth and engagement.\n\nA firm believer in the power of mentorship, Jane is deeply committed to helping young writers develop their craft and grow professionally. She frequently leads editorial workshops and offers guidance on topics ranging from narrative structure to the nuances of digital publishing. Her approach to leadership emphasizes collaboration, creativity, and a keen attention to detail.\n\nWhen she's not editing or refining strategy, Jane enjoys exploring new books across various genres, hiking through nature trails, and experimenting with photography. She is also a dedicated advocate for promoting diversity in media and creating inclusive spaces for underrepresented voices within the industry.\n\nHer dedication to her craft and her team has made Jane an invaluable asset to *Ramped.com*, where she continues to shape the future of digital content and drive the organization’s mission forward.",
+      "quote": "“Great content isn’t just about words on a page—it's about creating experiences that resonate with people, spark conversation, and drive meaningful action.”",
+      "contactLinks": [
+        {
+          "label": "X",
+          "value": "https://x.com/jane-doe-boxel"
+        },
+        {
+          "label": "LinkedIn",
+          "value": "https://linkedin.com/jane-doe-boxel"
+        },
+        {
+          "label": "Email",
+          "value": "[email protected]"
+        }
+      ],
+      "email": "[email protected]",
+      "featuredImage": {
+        "imageUrl": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1481214110143-ed630356e1bb.jpeg",
+        "credit": "",
+        "caption": null,
+        "altText": "Jane Doe",
         "size": "actual",
         "height": null,
-        "width": null,
-        "base64": null
+        "width": null
       },
-      "body": null,
-      "thumbnailURL": null
+      "description": "Senior Managing Editor at Ramped.com",
+      "thumbnailURL": "https://boxel-images.boxel.ai/app-assets/portraits/photo-1481214110143-ed630356e1bb.jpeg"
+    },
+    "relationships": {
+      "blog": {
+        "links": {
+          "self": "../BlogApp/ramped"
+        }
+      }
     },
     "meta": {
       "adoptsFrom": {

packages/experiments-realm/BilingualBlog/85de4d7a-e9d8-459d-80a7-d9f0508c9ea1.json

@@ -3,9 +3,19 @@
     "type": "card",
     "attributes": {
       "translation": "",
-      "title": null,
+      "headline": "",
       "slug": null,
       "body": "To quote wikipedia:\n\nMicroblogging is a form of blogging using short posts without titles known as microposts[1][2][3] (or status updates on a minority of websites like Meta Platforms'). Microblogs \"allow users to exchange small elements of content such as short sentences, individual images, or video links\",[1] which may be the major reason for their popularity.[4] Some popular social networks such as Twitter, Threads, Mastodon, Tumblr, Koo, and Instagram can be viewed as collections of microblogs.",
+      "publishDate": null,
+      "featuredImage": {
+        "imageUrl": null,
+        "credit": null,
+        "caption": null,
+        "altText": null,
+        "size": "actual",
+        "height": null,
+        "width": null
+      },
       "description": null,
       "thumbnailURL": null
     },
@@ -14,6 +24,11 @@
         "links": {
           "self": null
         }
+      },
+      "blog": {
+        "links": {
+          "self": null
+        }
       }
     },
     "meta": {

packages/experiments-realm/BlogPost/mad-as-a-hatter.json

@@ -2,10 +2,19 @@
   "data": {
     "type": "card",
     "attributes": {
-      "title": "Mad As a Hatter",
+      "headline": "Mad As a Hatter",
       "slug": "mad-as-a-hatter",
       "body": "## Where it all begins\n\nThis is a story of a man named [Brady](https://eightiesforbrady.com), who was bringing up three very lovely girls under the rule of the Queen of Hearts.",
       "publishDate": "2034-11-20T18:00:00.000Z",
+      "featuredImage": {
+        "imageUrl": "https://images.unsplash.com/photo-1551422788-18e2a1f5bb88?q=80&w=3087&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        "credit": null,
+        "caption": "We're all mad here.",
+        "altText": "",
+        "size": "contain",
+        "height": 400,
+        "width": null
+      },
       "description": null,
       "thumbnailURL": "https://images.unsplash.com/photo-1551422788-18e2a1f5bb88?q=80&w=3087&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
     },
@@ -14,6 +23,11 @@
         "links": {
           "self": "../Author/alice-enwunder"
         }
+      },
+      "blog": {
+        "links": {
+          "self": null
+        }
       }
     },
     "meta": {