This is an automated email from the ASF dual-hosted git repository.

dahn pushed a commit to branch staging-site
in repository https://gitbox.apache.org/repos/asf/cloudstack-www.git


The following commit(s) were added to refs/heads/staging-site by this push:
     new af202dab1 add separate VP component to update VP id and their social 
links (#370)
af202dab1 is described below

commit af202dab18256f8c09ddbe9c465e9260dd6c5664
Author: dahn <[email protected]>
AuthorDate: Wed Oct 1 09:52:15 2025 +0200

    add separate VP component to update VP id and their social links (#370)
    
    Co-authored-by: Daan Hoogland <[email protected]>
---
 blog/2024-10-25-ccc-agenda/index.md~ |  15 ----------
 source/generate_who.py               |  11 ++++---
 src/components/VP/index.tsx          |  55 +++++++++++++++++++++++++++++++++++
 src/pages/{who.md => who.mdx}        |   6 +++-
 static/img/social/LinkedIn-Blue.png  | Bin 0 -> 3838 bytes
 5 files changed, 67 insertions(+), 20 deletions(-)

diff --git a/blog/2024-10-25-ccc-agenda/index.md~ 
b/blog/2024-10-25-ccc-agenda/index.md~
deleted file mode 100644
index ae1a6dce8..000000000
--- a/blog/2024-10-25-ccc-agenda/index.md~
+++ /dev/null
@@ -1,15 +0,0 @@
----
-layout: post
-title: Lorem Ipsum
-tags: [news]
-authors: [ivet]
-slug: fix-this-slug-for-post-url
----
-
-![](header.png "Blog Header Image")
-
-<h2>Lorem Ipsum</h2>
-
-Add content here
-
-<a class="button button--primary" href="https://cloudstack.apache.org/"; 
target="_blank">BUTTON</a>
diff --git a/source/generate_who.py b/source/generate_who.py
index 472a9d9df..a7767a9a8 100644
--- a/source/generate_who.py
+++ b/source/generate_who.py
@@ -84,7 +84,7 @@ def generate_markdown(pmc_members, committers):
     pmc_members.sort(key=lambda x: locale.strxfrm(x[0].lower()))
     committers.sort(key=lambda x: locale.strxfrm(x[0].lower()))
     repo_path = get_repo_path()
-    with open(repo_path + "/src/pages/who.md", "w", encoding="utf-8") as f:
+    with open(repo_path + "/src/pages/who.mdx", "w", encoding="utf-8") as f:
         f.write("""---
 title: Apache CloudStack Project Membership
 ---
@@ -95,10 +95,13 @@ PMC Information: 
https://projects.apache.org/committee.html?cloudstack
 
 Board Minutes: https://whimsy.apache.org/board/minutes/CloudStack.html
 
-""")
+````mdx-code-block
+import VP from "@site/src/components/VP";
+
+<VP/>
+````
 
-        pmc_chair = "Nicolás Vázquez (nvazquez)"
-        f.write(f"**PMC Chair**: {pmc_chair}\n\n")
+""")
 
         f.write("The following data is subject to change. The up-to-date 
information can be found on <a 
href=\"http://people.apache.org/committers-by-project.html#cloudstack-pmc\";>the 
Apache Peoples site</a>:\n\n")
 
diff --git a/src/components/VP/index.tsx b/src/components/VP/index.tsx
new file mode 100644
index 000000000..a0e653604
--- /dev/null
+++ b/src/components/VP/index.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+
+const pmc_chair_quote = `"Earlier this year, I was selected by my fellow PMC 
members as the project’s VP. The main role of the VP is to report
+        quarterly to the Apache Software Foundation Board,
+        representing CloudStack and providing updates on the health
+        and status of the project. I am grateful for the opportunity
+        to serve as the CloudStack VP and to work with amazing people
+        from the community to continue making CloudStack an even
+        greater cloud orchestration platform!"`
+
+const pmc_chair_name = "Nicolás Vázquez"
+const pmc_chair_picture = "/img/authors/nicolas.png"
+const pmc_chair_githandle = "nvazquez"
+const pmc_chair_linked = "nvazquezuy"
+
+const git_link = "https://github.com/"+pmc_chair_githandle
+const linked_link = "https://www.linkedin.com/in/"+pmc_chair_linked
+
+export default function VP(): JSX.Element {
+    return <>
+      <div className="row">
+        <div className="col col--3">
+
+<img src={pmc_chair_picture} alt={pmc_chair_name} className="blog-image"/>
+
+        </div>
+        <div className="col col--9">
+
+          <div className="row">
+            <div className="col">
+          <p>
+               PMC Chair: <b>{pmc_chair_name}</b>
+         </p>
+           </div>
+           <div className="col col--2">
+         <p>
+                <a href={git_link} target="_blank">
+                 <img src="/img/git_logo.svg" width="20px" alt=""/>
+               </a>
+               &nbsp;&nbsp;
+                <a href={linked_link} target="_blank">
+                 <img src="/img/social/LinkedIn-Blue.png" width="20px" alt=""/>
+               </a>
+         </p>
+           </div>
+         </div>
+          <p>
+
+            {pmc_chair_quote}
+
+          </p>
+       </div>
+      </div>
+    </>
+}
diff --git a/src/pages/who.md b/src/pages/who.mdx
similarity index 98%
rename from src/pages/who.md
rename to src/pages/who.mdx
index 7c169edc2..812de3eab 100644
--- a/src/pages/who.md
+++ b/src/pages/who.mdx
@@ -8,7 +8,11 @@ PMC Information: 
https://projects.apache.org/committee.html?cloudstack
 
 Board Minutes: https://whimsy.apache.org/board/minutes/CloudStack.html
 
-**PMC Chair**: Nicolás Vázquez (nvazquez)
+````mdx-code-block
+import VP from "@site/src/components/VP";
+
+<VP/>
+````
 
 The following data is subject to change. The up-to-date information can be 
found on <a 
href="http://people.apache.org/committers-by-project.html#cloudstack-pmc";>the 
Apache Peoples site</a>:
 
diff --git a/static/img/social/LinkedIn-Blue.png 
b/static/img/social/LinkedIn-Blue.png
new file mode 100644
index 000000000..62232662c
Binary files /dev/null and b/static/img/social/LinkedIn-Blue.png differ

Reply via email to