kaizend/index.html at main · pythonph/kaizend · 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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>PythonPH Kaizend: Continuous Improvement & Leadership</title>

  <!-- Meta -->
  <meta name="description" content="PythonPH Kaizend: A Platform for Self-Improvement and Making a Difference.">
  <meta property="og:title" content="PythonPH Kaizend: Continuous Improvement & Leadership">
  <meta property="og:description" content="Kaizend is the official Continuous Improvement and Leadership framework for PythonPH. Learn how we nurture core volunteers, ensure succession, and maintain a thriving, sustainable community.">
  <meta property="og:image" content="https://via.placeholder.com/1200x630/4489D9/FFFFFF?text=PythonPH+Kaizend">

  <!-- Font: Glacial Indifference -->
  <link href="https://fonts.cdnfonts.com/css/glacial-indifference-2" rel="stylesheet">

  <style>
    :root {
      --bg: #f2f3f5;
      --text: #1f313c;
      --muted: #d5d8db;
      --accent-blue: #4489d9;
      --card: #ffffff;
      --radius: 14px;
      --maxw: 980px;
      --navh: 58px;
      --pad-section: 130px; /* increased spacing */
    }

    html { scroll-behavior: smooth; }
    * { box-sizing: border-box; }

    body {
      margin: 0;
      font-family: 'Glacial Indifference', system-ui, -apple-system, sans-serif;
      font-size: 18px;
      line-height: 1.75;
      background: var(--bg);
      color: var(--text);
    }

    a { color: var(--accent-blue); text-decoration: none; }
    a:hover { text-decoration: underline; }

    /* Navigation */
    .topnav {
      position: sticky;
      top: 0;
      z-index: 10;
      height: var(--navh);
      background: var(--bg);
      border-bottom: 1px solid var(--muted);
      backdrop-filter: blur(6px);
    }

    .topnav .wrap {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .brand {
      font-weight: 700;
      color: var(--text);
      font-size: 18px;
      letter-spacing: 0.2px;
    }

    .navlinks {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      font-size: 15px;
    }

    .navlinks a { color: var(--text); opacity: 0.85; }
    .navlinks a:hover { opacity: 1; text-decoration: underline; }

    .wrap {
      max-width: var(--maxw);
      margin: 0 auto;
      padding: 0 20px;
    }

    header, section {
      padding: var(--pad-section) 0;
    }

    .rule {
      width: 60%;
      height: 1px;
      background: var(--muted);
      margin: var(--pad-section) auto;
    }

    h1, h2, h3 {
      margin: 0 0 0.6em 0;
      line-height: 1.25;
      color: var(--text);
      font-weight: 700;
    }

    h1 {
      font-size: clamp(36px, 5vw, 56px);
      text-align: center;
    }

    h2 {
      font-size: clamp(26px, 3vw, 34px);
      text-align: center;
      border-bottom: 3px solid var(--text);
      display: inline-block;
      padding-bottom: 0.3em;
      margin-bottom: 1.5em;
    }

    h3 { font-size: 20px; margin-top: 0; }

    p {
      margin: 0 0 1.4em 0;
      color: var(--text);
    }

    .lead {
      font-size: 20px;
      text-align: center;
      max-width: 780px;
      margin: 0 auto 1.5em;
    }

    .muted { color: #4a5c68; text-align: center; }

    /* HERO */
    .hero {
      text-align: center;
      padding-top: calc(var(--pad-section) + 40px);
    }

    .hero-logo {
      margin: 0 auto 50px;
      max-width: 320px; /* limits logo width */
      text-align: center;
    }

    .hero-logo img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      border-radius: 8px; /* optional: keeps soft rounded edges */
    }


    .cta {
      display: inline-block;
      padding: 16px 28px;
      border-radius: 999px;
      border: none;
      background: var(--accent-blue);
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 0.4px;
      transition: background 0.2s, transform 0.1s;
    }

    .cta:hover { background: #67b8ec; }
    .cta:active { transform: translateY(1px); }

    .bar {
      text-align: center;
      margin-top: 2.5em;
    }

    .grid {
      display: grid;
      gap: 24px;
      grid-template-columns: 1fr;
    }

    .cards { margin-top: 40px; }

    .card {
      background: var(--card);
      border: 1px solid var(--muted);
      border-radius: var(--radius);
      padding: 28px;
    }

    @media (min-width: 760px) {
      .grid-3 { grid-template-columns: repeat(3, 1fr); }
      .grid-2 { grid-template-columns: repeat(2, 1fr); }
    }

    .list { padding-left: 1em; }
    .list li { margin: 0.7em 0; }

    footer {
      padding: 60px 0;
      text-align: center;
      font-size: 15px;
      color: #4a5c68;
      border-top: 1px solid var(--muted);
      background: var(--bg);
    }
  </style>
</head>
<body>

  <!-- TOP NAV -->
  <nav class="topnav" aria-label="Primary">
    <div class="wrap">
      <a class="brand" href="#hero">PythonPH Kaizend</a>
      <div class="navlinks">
        <a href="#what-is-kaizend">What is Kaizend?</a>
        <a href="#philosophy">Philosophy</a>
        <a href="#structure">Leadership Structure</a>
        <a href="#rhythm">Rhythm</a>
        <a href="#privileges">Privileges & Upkeep</a>
        <a href="#faq">FAQ</a>
<!--         <a href="#apply">Apply</a> -->
      </div>
    </div>
  </nav>

  <!-- HERO -->
  <header class="hero wrap" id="hero">
    <div class="hero-logo">
      <img src="kaizend-logo.svg" alt="PythonPH Logo">
    </div>
    <h1>PythonPH Kaizend: A Platform for Self-Improvement and Making a Difference</h1>
  </header>

  <!-- WHAT IS KAIZEND -->
  <section class="wrap" id="what-is-kaizend">
    <p class="lead">
      <strong>Kaizend</strong> is how PythonPH <strong>nurtures and sustains its leaders</strong> — our continuous improvement and leadership program for core volunteers who keep the community evolving, and thriving.
    </p>
    <p class="lead">We welcome individuals who are drawn towards <strong>self-improvement</strong> and <strong>making
    a difference</strong>. Joining Kaizend means becoming part of a like-minded group,
    collectively working towards the positive growth of PythonPH.</p>

    <div class="grid grid-3 cards">
      <article class="card">
        <h3>Succession &amp; Leadership</h3>
        <p>Each year, new leaders step up through a smooth handover of experience and responsibility, keeping knowledge and momentum alive.</p>
      </article>
      <article class="card">
        <h3>Growth with Purpose</h3>
        <p>We believe in a balance between personal growth and commitment to our shared cause.</p>
      </article>
      <article class="card">
        <h3>Platform for Contributions & Real Impact</h3>
        <p>We're not just a group, but a platform where your contributions and volunteer spirit can have a real impact.</p>
      </article>
    </div>
  </section>

  <div class="rule"></div>

  <!-- PHILOSOPHY -->
  <section class="wrap" id="philosophy">
    <h2>Philosophy Behind Kaizend</h2>
    <p>Improvement is an ongoing rhythm built into how we work and who we become.</p>

    <h3>Origin and Meaning of “Kaizend”: Kaizen + d</h3>
    <div class="grid grid-2 cards">
      <article class="card">
        <h4>Kaizen (Continuous Improvement)</h4>
        <p>"Kaizen" is Japanese for "to improve". Kaizend is PythonPH's CI Framework for Volunteers. (CI =
Continuous Improvement)</p>
      </article>
      <article class="card">
        <h4>"d" for daemon (Always Running)</h4>
        <p>The "d" is based on the Unix convention for a daemonized
        process or in our case, something that we always seek to do. We
        are a group who seeks to improve as a way of life </p>
      </article>
    </div>

    <div class="grid cards">
      <article class="card">
        <h3>Meaning of the Kaizend Logo</h3>
        <p>In essence, it symbolizes <strong>balance. impact. growth. calm.</strong></p>
        <ul>
          <li>The <strong>stack of zen stones</strong> represents balance — of technical skills, soft skills and life skills and of different areas of our lives (work, relationships, lifestyle, mental, spiritual, physical and financial).</li>
          <li>The <strong>ripples</strong> below the stack of zen stones represents the positive impact we make as a group — as we apply continuous improvement and aim to be well-rounded individuals, it trickles down and naturally creates a positive impact to the PH Tech Community / society.</li>
          <li>The <strong>lotus leaf</strong> below the stack of zen stones symbolizes growth through hardships. Like a lotus flower, we too have the ability to rise from the muddy water, bloom out of the darkness and radiate into the world.</li>
        </ul>
      </article>
    </div>

  </section>

  <div class="rule"></div>

  <!-- STRUCTURE -->
  <section class="wrap" id="structure">
    <h2>Leadership Structure</h2>
    <p><strong>Board ⇄ Kaizend ⇄ Seasonal Volunteers ← Wider Community</strong></p>
    <p>Kaizend is the core that keeps energy flowing across every layer of the community.</p>

    <p>But beyond structure, it’s the <i>spirit</i> that keeps us going. <strong>Joy and inspiration are powerful fuels</strong> — when morale is high at the core, it ripples outward to everyone we reach. Think of it like spreading a really good kind of virus.</p>

    <h3>How people become part of the Core</h3>
    <ul class="list">
      <li><strong>By Invitation and Vouching:</strong> Selected from seasonal volunteers who showed initiative and are vouched by current members.</li>
      <li><strong>Annual Renewal:</strong> We refresh membership each year to keep momentum high and perspectives fresh.</li>
      <li><strong>Stewardship Mindset:</strong> It’s not about titles — it’s about care, growth, and responsibility.</li>
    </ul>
  </section>

  <div class="rule"></div>

  <!-- RHYTHM -->
  <section class="wrap" id="rhythm">
    <h2>The Kaizend Rhythm</h2>
    <p>Each year follows a sustainable cycle of learning, leadership, and renewal.</p>

    <div class="grid grid-3 cards">
      <article class="card">
        <h3>1. PyCon Season (September–March)</h3>
        <p>Core members lead committees, execute programs, and mentor seasonal volunteers in real work.</p>
      </article>
      <article class="card">
        <h3>2. Renewal &amp; Reflection (April–July)</h3>
        <p>We review, document what worked, and nominate new members who demonstrated initiative.</p>
      </article>
      <article class="card">
        <h3>3. Team Building &amp; Transition (July–August)</h3>
        <p>New chairs step up, committees re-form, and the next cycle begins with shared purpose.</p>
      </article>
    </div>
  </section>

  <div class="rule"></div>

  <!-- PRIVILEGES -->
  <section class="wrap" id="privileges">
    <h2>Privileges and Upkeep</h2>
    <h4>We Invest in Those Who Build</h4>
    <p>Kaizend is a two-way investment — you give your best to the community, and we help you grow as a leader, technologist, and human being.</p>

    <div class="grid grid-2 cards">
      <article class="card">
        <h3>Core Volunteer Benefits</h3>
        <ul class="list">
          <li><strong>Continuous Improvement Fund:</strong> we provide an exclusive fund per Kaizend member per year for training, certifications, or attending PyCon abroad*.<small></br><em>*Subject to the availability of our shared CI fund — because we grow together, within our means.</em></small></li>
          <li><strong>Exclusive Kaizend Activities:</strong> Team Building, Year-End Gatherings, and focused Kaizend Sessions.</li>
          <li><strong>Professional Identity:</strong> Official <code>@kaizend.org</code> email address.</li>
          <li><strong>Mastermind Network:</strong> Mentorship and collaboration with experienced community leaders.</li>
        </ul>
      </article>
      <article class="card">
        <h3>Core Volunteer Commitment and Upkeep</h3>
        <ul class="list">
          <li><strong>Take Ownership:</strong> Lead a key part of your PyCon PH committee’s work and see it through with your team.</li>
          <li><strong>Keep the momentum:</strong> Stay involved beyond the event — support your PythonPH committee, share what you learn, and help others do the same.</li>
        </ul>
      </article>
    </div>
  </section>

  <div class="rule"></div>

  <!-- FAQ -->
  <section class="wrap" id="faq">
    <h2>Frequently Asked Questions</h2>
    <div class="grid cards">
      <article class="card">
        <h3>Who can join Kaizend?</h3>
        <p>Active volunteers who’ve shown initiative, teamwork, and genuine care for the community. Candidates are usually nominated by current core members.</p>
      </article>
      <article class="card">
        <h3>How are members selected?</h3>
        <p>New members are invited after each PyCon cycle, based on performance and peer recommendations. It’s less about position — more about contribution and potential.</p>
      </article>
      <article class="card">
        <h3>What if a member becomes inactive?</h3>
        <p>We practice kind accountability. Members who can’t fulfill commitments step back, creating space for others to grow into leadership.</p>
      </article>
      <article class="card">
        <h3>Is Kaizend only for technical leaders?</h3>
        <p>No. We value organizers, creatives, and educators — anyone who makes PythonPH more inclusive, sustainable, and impactful.</p>
      </article>
    </div>
  </section>

<!--   <div class="rule"></div>
 -->
  <!-- CTA -->
<!--   <section class="wrap" id="apply">
    <h2>Your Growth, Our Shared Legacy</h2>
    <p>If you’re ready to move beyond volunteering — to build, mentor, and shape the next chapter of the Filipino Python community — Kaizend is where it begins.</p>
    <div class="bar">
      <a class="cta" href="#">Apply to Join the Kaizend Movement</a>
    </div>
  </section>
 -->
  <footer>
    <div class="wrap">© 2025 PythonPH Kaizend · Built by the community, for the community.</div>
  </footer>
</body>
</html>