Add Contributor Story on the AOE Technology Radar fork

Signed-off-by: Eduard Itrich <eduard.itrich@porsche.de>
on-behalf-of: @porscheofficial <open_source_office@porsche.de>

content/blog/tech-radar.mdx

@@ -0,0 +1,98 @@
+---
+title: Technology Radar
+date: 2024-12-20
+image: /assets/blog/techradar/hero.jpg
+descriptionShort: In this interview, Patrice Bouillet discusses the journey of the Technology Radar project at Porsche Digital and highlights the role of internal collaboration, the contributions back to the upstream project by AOE, and the enthusiasm of other colleagues in driving this project forward.
+author:
+  name: Technology Radar
+  description: A static site generator for a full featured Technology Radar with Quadrants, Rings, Dashboard, Radar Visualization, Item History, Search etc..
+  image: https://raw.githubusercontent.com/porscheofficial/porschedigital-technology-radar/refs/heads/pdig/public/logo.svg
+  slug: https://github.com/porscheofficial/porschedigital-technology-radar
+readTime: 5min
+---
+
+<ImageText imageSrc="/assets/blog/techradar/1.jpg" imageAlt="A portrait photo of one of the project leads Patrice Bouillet" theme="light"
+    title="Tell us a little more about yourself, your role at Porsche and what topics drive you.">
+
+    I’m passionate about innovative technologies and creating seamless user
+    experiences. I’m particularly interested in areas like cloud architecture,
+    system scalability, and building efficient microservices and micro frontends.
+    Open source has always resonated with me, and my first significant public
+    contribution was in the field of an observability tool.  
+</ImageText>
+
+<ImageText imageSrc="/assets/blog/techradar/2.jpg" imageAlt="A screenshot of the Car Sales Technology Radar" theme="light" left
+    title="Can you please explain what a Technology Radar is in a nutshell and what benefits it offers?">
+
+    In simple terms, a Technology Radar is a tool that provides transparency on the
+    technologies, frameworks, and methodologies used by different teams within an
+    organization. It helps in achieving alignment among the teams by giving an
+    overview of the technologies in use, thus ensuring that everyone is on the same
+    page and promoting efficiency. While it doesn't force any team to adopt specific
+    technologies, it allows for a collaborative review of what is being utilized and
+    the benefits it brings, fostering a culture of sharing and learning from each
+    other’s experiences.
+</ImageText>
+
+<ImageText imageSrc="/assets/blog/techradar/3.jpg" imageAlt="Patrice Bouillet in front of a screen presenting the Technology Radar and discussing with his team" theme="light"
+    title="You decided to fork the open source Technology Radar project from AOE. What were your reasons for selecting this project over other solutions?">
+
+    Before I joined Porsche Digital in April this year, there were already some Technology
+    Radar initiatives in place, primarily using collaborative whiteboards. These
+    boards offered insights into the technologies teams were using, but they had
+    limitations. Each team had its perspective, which sometimes resulted in
+    conflicting categorizations of technologies. This lack of a unified view drove
+    us to look for a better solution.
+
+    While searching for an effective tool, I stumbled upon [AOE’s Technology Radar](https://github.com/AOEpeople/aoe_technology_radar),
+    which they use to display their technologies. This tool was interactive, detailed, and
+    not overwhelming, hitting the perfect balance we were looking for. AOE had also
+    made this Technology Radar available as an open-source framework, which was a perfect
+    fit for our needs.
+
+</ImageText>
+
+<ImageText imageSrc="/assets/blog/techradar/4.jpg" imageAlt="A team of developers standing in front of a screen that presents the Technology Radar" theme="light" left
+    title="Over time, more teams began to adapt this project. Could you share more details about this project?">
+
+    Initially, the idea was to deploy the Technology Radar just for my Agile Release
+    Train. However, after discussing with another architect, who had already faced
+    challenges with their existing system managed through Excel files, it became
+    clear that there was potential to scale this across other departments. We
+    collaborated closely to refine and deploy the Technology Radar, making it adaptable
+    for broader use within Porsche Digital.
+
+    Our collaboration led to setting up the Technology Radar in a manner that could be
+    easily expanded and adapted by other teams. We started by deploying our instance
+    and then created a public fork of the project, while also contributing back to
+    the upstream project. This not only helped our internal teams but also
+    supported the public open-source community.
+</ImageText>
+
+<ImageText imageSrc="/assets/blog/techradar/5.jpg" imageAlt="A team of developers standing in front of a screen that presents the Technology Radar" theme="light"
+    title="What did you learn along the way? What were the benefits of this strategy for you, your team and Porsche Digital?">
+
+    One of the key learnings from this project is the incredible spirit of
+    collaboration and innovation within Porsche Digital. There was a strong drive to
+    find solutions that benefit everyone. The enthusiasm and support from colleagues
+    like Patrick were instrumental in pushing this project forward.
+
+    We now have multiple instances of the Technology Raider running, with at least three
+    or four different departments adopting it. This tool has become a powerful asset
+    for us to keep track of technological developments, promote inner-source
+    initiatives, and contribute back to the open-source community.
+</ImageText>
+
+<ImageText imageSrc="/assets/blog/techradar/6.jpg" imageAlt="Patrice Bouillet in front of a screen presenting the Technology Radar and discussing with his team" theme="light" left
+    title="With a glimpse into the future: What are your plans regarding FOSS Contributions?">
+
+    As more departments adopt our Technology Radar, we hope to see increased contributions
+    and improvements to the upstream project. This shared framework not only
+    enhances our internal alignment but also prepares us to contribute more
+    effectively to the open-source community.
+
+    The journey of the Technology Radar from an idea to a internally maintained tool
+    within Porsche Digital is a testament to the power of open-source and
+    inner-source collaboration. We look forward to continued growth and
+    contributions to this project.
+</ImageText>

remoteOptimizedImages.js

@@ -1,6 +1,7 @@
 module.exports = [
   "https://raw.githubusercontent.com/oss-review-toolkit/ort/main/logos/logo.png",
   "https://raw.githubusercontent.com/porscheofficial/cookie-consent-banner/main/assets/logo.svg",
+  "https://raw.githubusercontent.com/porscheofficial/porschedigital-technology-radar/refs/heads/pdig/public/logo.svg",
   "https://raw.githubusercontent.com/porsche-design-system/porsche-design-system/main/packages/assets/projects/crest/src/porsche-crest%403x.png",
   "https://gitlab.com/uploads/-/system/group/avatar/13943452/terraform-icon.png?width=500.png",
   "https://eslint.org/icon-512.png",

src/app/layout.tsx

@@ -61,7 +61,7 @@ const cspHeader = `
     default-src 'self' https://api.github.com/repos/;
     script-src 'self' 'unsafe-eval' 'unsafe-inline' https://cdn.ui.porsche.com/porsche-design-system/;
     style-src 'self' 'unsafe-inline' https://cdn.ui.porsche.com/porsche-design-system/;
-    img-src 'self' blob: data: https://cdn.ui.porsche.com/porsche-design-system/ https://raw.githubusercontent.com/porscheofficial/cookie-consent-banner/;
+    img-src 'self' blob: data: https://cdn.ui.porsche.com/porsche-design-system/ https://raw.githubusercontent.com/porscheofficial/;
     font-src 'self' https://cdn.ui.porsche.com/porsche-design-system/;
     object-src 'none';
     manifest-src 'self' https://cdn.ui.porsche.com/porsche-design-system/;