Add LinkedIn and Dapr Meteor photos

.devcontainer/devcontainer.json

@@ -9,7 +9,7 @@
 			"extended": true,
 			"version": "latest"
 		}
-	}
+	},
 
 	// Features to add to the dev container. More info: https://containers.dev/features.
 	// "features": {},
@@ -24,5 +24,5 @@
 	// "customizations": {},
 
 	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
-	// "remoteUser": "root"
+	"remoteUser": "root"
 }

content/community/_index.md

@@ -77,6 +77,15 @@ community:
       label : "Follow Dapr on Bluesky"
       link : "https://bsky.app/profile/daprdev.bsky.social"
 
+  - logo : "images/community/linkedin-logo.png"
+    alt: "Dapr LinkedIn"
+    title: "Follow us on LinkedIn"
+    summary: "LinkedIn is used to share important news such as new releases, case studies, and Dapr related events. If you're sharing Dapr news, mention the Dapr page or use the #dapr hashtag and we'll highlight your message during community calls."
+    cta :
+      enable : true
+      label : "Follow Dapr on LinkedIn"
+      link : "https://www.linkedin.com/company/daprdev"
+
   - logo : "images/community/x-logo-black.png"
     alt: "Dapr X (Twitter)"
     title: "Follow us on X"

content/community/program/_index.md

@@ -15,6 +15,9 @@ program:
 
   - title: "Requirements ✅"
     summary: "Dapr Meteors are selected based on their active involvement and impact within the Dapr community. This can include contributions such as writing blog posts, creating videos, speaking at conferences and meetups, helping people on Dapr Discord, or contributing documentation or code to the Dapr OSS project itself."
+    image: "images/community/meteors/meteors-neon.jpg"
+    alt: "Dapr Meteors with Dapr Neon Sign"
+
   - title: "Benefits 🤩"
     summary: "Being recognized as a Dapr Meteor comes with several benefits:
 

themes/bigspring/assets/scss/_custom.scss

@@ -53,7 +53,7 @@
     max-height: 30em;
 }
 
-.hero-image, .sponsor-image {
+.hero-image, .sponsor-image, .community-hero-image {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -64,6 +64,10 @@
     width: 60%;
 }
 
+.community-hero-image > img {
+    width: 90%;
+}
+
 .sponsor-image a {
     text-align: center;
 }

themes/bigspring/layouts/community/list.html

@@ -50,7 +50,6 @@ <h3 class="text-center">{{ .title }}</h3>
 <!-- Community Program -->
 {{ with .Params }}
 {{ if .program }}
-
 <section class="bg-light">
   <div class="width-80 vertical-align-center">
     <div class="hero-image">
@@ -69,6 +68,11 @@ <h3>{{ .title }}</h3>
         </div>
         {{ end }}
       </div>
+      {{ if .image }}
+      <div class="community-hero-image">
+        <img src="{{ .image | absURL }}" alt="{{ .alt | markdownify }}">
+      </div>
+      {{ end }}
       {{ end }}
     </div>
     <div class="sponsor-image">