Add new blog post detailing a Mothership RPG mission at the Shopify Summit 2025, including narrative elements, character actions, and outcomes. Include accompanying images for enhanced visual appeal.

Author: mawburn

app/components/ShareButtons.tsx

@@ -2,8 +2,8 @@ import type { SVGProps } from 'react'
 
 export function BlueskyIcon(props: SVGProps<SVGSVGElement>) {
   return (
-    <svg width="24" height="24" viewBox="0 0 360 320" fill="currentColor" {...props}>
-      <path d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.6-5.9 23.4-1.4 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.3 5.2 84.2 5.2 94.5 0 66.8 49.8 81.3 67.8 81.3 72.8 0 61.4-35.8 61.4-35.8-28.5-3.8-34-16.9-34-33.5 0-31.8 20-60.5 79.6-60.5 59.5 0 79.6 28.7 79.6 60.5 0 16.6-5.6 29.7-34 33.5 0 0-11.4 35.8 61.4 35.8 18 0 67.8-14.5 67.8-81.3 0-10.3 5.2-84.2 5.2-94.5 0-10.3-2-27.9-13.5-33.1-9.9-4.8-25.1-9.3-64.4 18.6C240.7 51.2 196.3 110.3 180 142z" />
+    <svg width="24" height="24" viewBox="0 0 600 530" fill="currentColor" {...props}>
+      <path d="M135.7 44c66.5 50 138 151.2 164.3 205.5C326.3 195.2 397.8 94 464.3 44 512.3 8 590-19.9 590 68.8c0 17.7-10.2 148.8-16.1 170-20.7 74-96.2 93-163.3 81.5 117.3 20 147.2 86.1 82.7 152.2C371 598.1 317.4 441 303.7 400.8c-2.5-7.4-3.7-10.9-3.7-8 0-2.9-1.2.6-3.7 8C282.6 441 229 598 106.7 472.5c-64.5-66-34.6-132.2 82.7-152.2C122.2 331.7 46.8 313 26 239 20.1 217.6 10 86.5 10 68.9 10-20 87.7 8 135.7 44z" />
     </svg>
   )
 }

app/components/ShareButtons/icons/BlueskyIcon.tsx

@@ -50,47 +50,47 @@ export function ShareButtons({ url, title }: ShareButtonsProps) {
     <div className="flex flex-wrap gap-2">
       <button
         onClick={() => handleShare('reddit')}
-        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
+        className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
         aria-label="Share on Reddit"
       >
         <RedditIcon className="w-5 h-5" />
-        <span className="hidden sm:inline">Reddit</span>
       </button>
 
       <button
         onClick={() => handleShare('linkedin')}
-        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
+        className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
         aria-label="Share on LinkedIn"
       >
         <LinkedInIcon className="w-5 h-5" />
-        <span className="hidden sm:inline">LinkedIn</span>
       </button>
 
       <button
         onClick={() => handleShare('bluesky')}
-        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
+        className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
         aria-label="Share on Bluesky"
       >
         <BlueskyIcon className="w-5 h-5" />
-        <span className="hidden sm:inline">Bluesky</span>
       </button>
 
       <button
         onClick={() => handleShare('twitter')}
-        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
+        className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
         aria-label="Share on Twitter"
       >
         <TwitterIcon className="w-5 h-5" />
-        <span className="hidden sm:inline">Twitter</span>
       </button>
 
       <button
         onClick={handleCopy}
-        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors"
+        className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors relative"
         aria-label="Copy link to clipboard"
       >
         <CopyIcon className="w-5 h-5" />
-        <span className="hidden sm:inline">{copied ? 'Copied!' : 'Copy link'}</span>
+        {copied && (
+          <span className="absolute -top-8 left-1/2 transform -translate-x-1/2 bg-gray-800 dark:bg-gray-200 text-white dark:text-gray-800 text-xs px-2 py-1 rounded">
+            Copied!
+          </span>
+        )}
       </button>
     </div>
   )

app/components/ShareButtons/index.tsx

@@ -1,7 +1,7 @@
 ---
 title: 'Nine Brains, One Giant Rat, and a Million Credits: A Mothership 1e Mission Report'
-date: '2025-06-10 16:00'
-image: '2025-06-10-mothership-shopify-summit.webp'
+date: '2025-06-06 09:00'
+image: '2025-06-06-mothership-shopify-summit.webp'
 excerpt: 'When the crew of the SS Shopify accepted a simple salvage mission from Flysafe Insurance Company, they thought they’d just grab a black box from a derelict casino ship and pocket whatever loot they could find. What they discovered aboard The Year of the Rat was anything but simple. This is the unclassified mission report, where nine players learned that sometimes the house always wins... unless you bring flamethrowers, harmonicas, and one surprisingly heroic xenobiologist. Spoilers ahead for the Year of the Rat module!'
 tags:
   [
@@ -19,7 +19,7 @@ _**NOTE:** Spoilers for the [Mothership 1e](https://www.tuesdayknightgames.com/c
 
 The following game took place during our annual Shopify meetup in Toronto on May 29, 2025. Eight crew members in nine brains were involved, and I hereby certify the accounts of this mission are unclassified and accurate to the best of my knowledge.
 
-![SS Shopify Crew](/images/2025-06-10-mothership-shopify-summit.webp)
+![SS Shopify Crew](/images/2025-06-06-mothership-shopify-summit.webp)
 
 ## The Mission
 
@@ -48,5 +48,5 @@ After killing Shu Di, the crew looted the rest of the ship, finding the black bo
 
 ### Resources
 
-- The brochure style module **The Year of the Rat** can be found on itch\.io: [here](https://am-i-cool-yet.itch.io/year-of-the-rat-a-mothership-adventure?ac=3R1JYiMaVvG)
-- Mothership 1e can be found: [here](https://www.tuesdayknightgames.com/collections/mothership).
+- The brochure style module **[The Year of the Rat](https://am-i-cool-yet.itch.io/year-of-the-rat-a-mothership-adventure?ac=3R1JYiMaVvG)** can be found on itch\.io.
+- [Mothership 1e](https://www.tuesdayknightgames.com/collections/mothership)