vanruby.github.io/organizers.html at main · vanruby/vanruby.github.io · 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
---
layout: layout
title: "Organizers - VanRuby"
---

<div class="container my-5">
  <div class="text-center mb-5">
    <h1 class="display-4 fw-bold">VanRuby Organizers</h1>
    <p class="lead text-muted">Meet the people who keep VanRuby running</p>
  </div>

  <!-- Current Organizers -->
  <div class="mb-5">
    <h2 class="pb-2 border-bottom mb-4">Current Organizers</h2>
    <div class="row g-4">
      <div class="col-md-6">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <img src="/assets/images/people/michael_lee.jpeg" alt="Michael Lee" class="rounded-circle" width="160" height="160" style="object-fit: cover;">
            </div>
            <h3 class="card-title">Michael Lee</h3>
            <p class="text-muted mb-3">Co-Organizer</p>
            <a href="https://www.linkedin.com/in/mrleeio/" target="_blank" class="btn btn-primary">
              <svg class="bi me-2" width="16" height="16" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
              </svg>
              Connect on LinkedIn
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <img src="/assets/images/people/weston.jpeg" alt="Weston Triemstra" class="rounded-circle" width="160" height="160" style="object-fit: cover;">
            </div>
            <h3 class="card-title">Weston Triemstra</h3>
            <p class="text-muted mb-3">Co-Organizer</p>
            <a href="https://www.linkedin.com/in/weston/" target="_blank" class="btn btn-primary">
              <svg class="bi me-2" width="16" height="16" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
              </svg>
              Connect on LinkedIn
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Past Organizers -->
  <div class="mb-5">
    <h2 class="pb-2 border-bottom mb-4">Past Organizers</h2>
    <p class="text-muted mb-4">We're grateful to these individuals who helped build and grow the VanRuby community.</p>
    <div class="row g-4">
      <div class="col-md-6">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <img src="/assets/images/people/paulo.jpeg" alt="Paulo Ancheta" class="rounded-circle" width="120" height="120" style="object-fit: cover;">
            </div>
            <h4 class="card-title">Paulo Ancheta</h4>
            <a href="https://www.linkedin.com/in/pauloancheta/" target="_blank" class="btn btn-sm btn-outline-primary">
              <svg class="bi me-2" width="16" height="16" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
              </svg>
              LinkedIn
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <img src="/assets/images/people/philippe.jpeg" alt="Philippe Creux" class="rounded-circle" width="120" height="120" style="object-fit: cover;">
            </div>
            <h4 class="card-title">Philippe Creux</h4>
            <a href="https://www.linkedin.com/in/pcreux/" target="_blank" class="btn btn-sm btn-outline-primary">
              <svg class="bi me-2" width="16" height="16" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
              </svg>
              LinkedIn
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Volunteers -->
  <div class="mb-5">
    <h2 class="pb-2 border-bottom mb-4">Volunteers</h2>
    <p class="text-muted mb-4">Thank you to our amazing volunteers who help make VanRuby events possible!</p>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <svg class="bi text-muted" width="50" height="50" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
              </svg>
            </div>
            <h5 class="card-title text-muted">Your Name Here</h5>
            <p class="text-muted small">Volunteer</p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <svg class="bi text-muted" width="50" height="50" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
              </svg>
            </div>
            <h5 class="card-title text-muted">Your Name Here</h5>
            <p class="text-muted small">Volunteer</p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card h-100">
          <div class="card-body text-center">
            <div class="mb-3">
              <svg class="bi text-muted" width="50" height="50" fill="currentColor">
                <use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
              </svg>
            </div>
            <h5 class="card-title text-muted">Your Name Here</h5>
            <p class="text-muted small">Volunteer</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Get Involved -->
  <div class="text-center my-5 p-5 bg-body-tertiary rounded-3">
    <h3 class="mb-3">Want to Get Involved?</h3>
    <p class="lead mb-4">We're always looking for volunteers to help organize events, give talks, or contribute to the community.</p>
    <div class="d-flex gap-3 justify-content-center flex-wrap">
      <a href="https://github.com/vanruby/talks/issues/new?template=talk.yml" target="_blank" class="btn btn-secondary">Submit a Talk</a>
      <a href="mailto:michael@mrlee.io,weston@netsign.com?subject=VanRuby Volunteer" class="btn btn-primary">Contact Organizers</a>
    </div>
  </div>

  <!-- Add Yourself -->
  <div class="alert alert-primary d-flex align-items-center mt-4" role="alert">
    <svg class="bi flex-shrink-0 me-2" width="24" height="24" fill="currentColor">
      <use xlink:href="/assets/images/icons/bootstrap-icons.svg#info-circle-fill"></use>
    </svg>
    <div>
      Should you be featured on this page? <a href="https://github.com/vanruby/vanruby.github.io/issues/new" class="alert-link" target="_blank">Submit an issue</a> and let us know!
    </div>
  </div>
</div>