Add linkedIn and Dapr Meteor photos (#128)

Signed-off-by: Marc Duiker <[email protected]>
dapr · Nov 22, 2024 · 001c8f8 · 001c8f8
1 parent f1c38fa
commit 001c8f8
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 4 deletions.
diff --git a/.devcontainer/devcontainer.json b/.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"
 }
diff --git a/content/community/_index.md b/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"

diff --git a/content/community/program/_index.md b/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:
     

diff --git a/static/images/community/linkedin-logo.png b/static/images/community/linkedin-logo.png
diff --git a/static/images/community/meteors/meteors-neon.jpg b/static/images/community/meteors/meteors-neon.jpg
diff --git a/themes/bigspring/assets/scss/_custom.scss b/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;
 }

diff --git a/themes/bigspring/layouts/community/list.html b/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">