Platform-Engineering-toolkit/about.html at main · Gielen1/Platform-Engineering-toolkit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About - Platform Engineering Toolkit</title>
    <meta name="description" content="Learn about the Platform Engineering Toolkit and meet the authors behind this comprehensive resource.">
    <meta property="og:description" content="Learn about the Platform Engineering Toolkit and meet the authors behind this comprehensive resource.">

    <meta name="author" content="Platform Engineering Toolkit">
    <meta name="keywords" content="platform engineering, devops, developer experience, internal platforms, cloud native">

    <meta property="og:title" content="User Needs Mapping - Platform Engineering Toolkit">
    <meta property="og:type" content="website">
    <meta property="og:image" content="ShareableIcon.png"/>
    <meta property="og:image:secure_url" content="ShareableIcon.png"/>
    <meta property="og:image:type" content="image/png"/>

    <meta name="twitter:card" content="summary_large_image">

    <link rel="icon" href="favicon.ico" sizes="32x32">
    <link rel="icon" href="android-chrome-512x512.png" type="image/png">
    <link rel="apple-touch-icon" href="apple-touch-icon.png"><!-- 180×180 -->

    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <!-- Header -->
    <header class="header">
        <div class="container">
            <nav class="nav">
                <a href="index.html" class="nav-brand">Platform Engineering Toolkit</a>
                <div class="nav-links">
                    <a href="get-involved.html" class="nav-link">Get Involved</a>
                    <a href="about.html" class="nav-link active">About</a>
                </div>
            </nav>
        </div>
    </header>

    <!-- Main Content -->
    <main>
        <div class="container">
            <div class="page-header">
                <a href="index.html" class="back-btn">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M19 12H5m7-7l-7 7 7 7"/>
                    </svg>
                    Back to Home
                </a>
                <h1 class="page-title">About</h1>

            </div>

            <div class="article-content">
                <div class="prose">
                    <section class="about-section">
    <h2>Why We Built This Toolkit</h2>

    <p>
        We created this toolkit because we know firsthand how overwhelming it can feel to navigate the endless stream of information out there. Platform Engineering is a fast-moving field, and while there’s no shortage of technical resources (which are, of course, essential), we noticed a gap: there isn’t much guidance on everything around the technology—the practices, approaches, and ways of working that help turn Platform Engineering into a true discipline.
    </p>

    <p>
        That’s where this toolkit comes in. Inside, you’ll find a curated mix of proven practices, frameworks, and references—some we’ve borrowed from others, some we’ve developed ourselves, all tried and tested in real-world use. To make it easier to explore, we’ve taken care to organize and categorize the material so you can quickly find what’s relevant, no matter where you are in your Platform Engineering journey.
    </p>

    <h3>A few important things to highlight:</h3>
    <ul>
        <li><strong>Not just for Platform Engineering.</strong> Many of the practices here come from other disciplines. We’ve included them because they can be just as valuable for platform work.</li>
        <li><strong>Not a library, but a guide.</strong> Rather than simply collecting links and frameworks, this toolkit offers an organized view to help you make sense of the landscape and apply what’s most useful.</li>
    </ul>

    <p>
        Most importantly, this project comes from a place of care. We’ve put it together in our own spare time because we believe in sharing with the wider community. If it helps you navigate this space with a bit more clarity and confidence, then it’s done its job.
    </p>
                    </section>

                    <section class="about-section">
                        <h2>About the authors</h2>

                        <div class="author-grid">
                            <div class="author-card">
                                <div class="author-avatar">
                                    <img src="src/assets/Gielen.avif" alt="Gielen Rojas-Lopez" />
                                </div>
                                <div class="author-content">
                                    <div class="author-header">
                                        <h3 class="author-name">Gielen Rojas-Lopez</h3>
                                        <p class="author-role">Independant Strategy Consultant @ ValueCraft Studio</p>
                                        <a href="https://www.linkedin.com/in/gielen/" target="_blank" rel="noopener noreferrer" class="author-linkedin">
                                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                                                <rect width="4" height="12" x="2" y="9"/>
                                                <circle cx="4" cy="4" r="2"/>
                                            </svg>
                                            LinkedIn
                                        </a>
                                    </div>
                                    <p class="author-bio">
                                        Gielen helps organizations enable flow through internal platforms designed as systems of value. Grounded in systems thinking, she blends Platform Engineering, DevOps, and Team Topologies with IT Service Management, Enterprise Architecture, and People Change. With over 25 years of hands-on delivery and consulting experience—spanning Microsoft, VMware, and the public sector—she brings both breadth and depth to help teams connect technology, people, and value flow.

                                </div>
                            </div>

                            <div class="author-card">
                                <div class="author-avatar">
                                    <img src="src/assets/Tom.avif" alt="Tom Slenders" />
                                </div>
                                <div class="author-content">
                                    <div class="author-header">
                                        <h3 class="author-name">Tom Slenders</h3>
                                        <p class="author-role">Agile Coach @ ASML</p>
                                        <a href="https://www.linkedin.com/in/tomslenders/" target="_blank" rel="noopener noreferrer" class="author-linkedin">
                                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                                                <rect width="4" height="12" x="2" y="9"/>
                                                <circle cx="4" cy="4" r="2"/>
                                            </svg>
                                            LinkedIn
                                        </a>
                                    </div>
                                    <p class="author-bio">
                                        Tom helps organizations optimize software delivery through Agile, DevOps and Platform Engineering. He started developing web pages when he first touched a computer in the 90's. With background in mathematics and computer science, his development carreer changed quickly when he realized most impact is made by having effective teams. Since then, he's been helping teams and organizations get the most out of themselves: from designing new organizational setups, to maturity models, leading teams, and team coaching.
                                        At ASML IT, he drives organizational change with a focus on Team Topologies and Platform Engineering.
                                    </p>
                                </div>
                            </div>

                            <div class="author-card">
                                <div class="author-avatar">
                                    <img src="src/assets/Andrea.jpg" alt="Andrea Klettke profile photo" />
                                </div>
                                <div class="author-content">
                                    <div class="author-header">
                                        <h3 class="author-name">Dr. Andrea Klettke</h3>
                                        <p class="author-role">Change Manager & Release Train Engineer @ Aliander</p>
                                        <a href="https://www.linkedin.com/in/andrea-klettke-73928b105/" target="_blank" rel="noopener noreferrer" class="author-linkedin">
                                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                                                <rect width="4" height="12" x="2" y="9"/>
                                                <circle cx="4" cy="4" r="2"/>
                                            </svg>
                                            LinkedIn
                                        </a>
                                    </div>
                                    <p class="author-bio">
                                        Andrea studied physics to understand the flow of the world – now she works to improve the flow of teams and organizations. She combines analytical and coaching skills to find the right change and make it easier for both people and organizations to work well. Andrea excels at translating technical change to management and git addgetting a company‘s hidden champions recognized. As an organizational change manager at ASML IT, Andrea facilitated flow using Team Topologies and Platform Engineering and recently became a Release Train Engineer at Alliander.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </main>

    <script src="script.js"></script>
</body>
</html>