vanruby.github.io/index.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
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
---
layout: layout
title: "VanRuby - Vancouver Ruby on Rails Group"
---

<div class="p-5 mb-4 bg-body-tertiary rounded-3">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-7 col-md-12 order-2 order-lg-1 d-flex flex-column pt-2 pb-1">
        <h3 class="text-center fw-semibold text-lg-start">Vancouver's Ruby Community</h3>
        <p class="fs-6 fw-light text-center text-lg-start">Connect, learn, and grow with VanRuby—a thriving community of
          Ruby enthusiasts and professionals in Vancouver. Whether you are a beginner or a seasoned expert, our events,
          talks, and networking opportunities help you stay ahead in the world of Ruby.</p>
        <a href="https://lu.ma/vanruby" target="_blank"
          class="btn btn-primary btn-lg btn-primary mt-auto align-self-lg-start">Join VanRuby</a>
      </div>
      <div class="col-lg-5 col-md-12 order-1 order-lg-2 d-flex flex-column justify-content-center mb-4 mb-lg-0">
        <iframe src="https://lu.ma/embed/calendar/cal-ek97jTetLbE3c6t/events?compact=true" width="100%" height="325px"
          frameborder="0" style="border: 1px solid #bfcbda88; border-radius: 6px;" allowfullscreen="" aria-hidden="false"
          tabindex="0"></iframe>
      </div>
    </div>
  </div>
</div>

<div class="row d-flex align-tems-stretch mb-4">
  <div class="col-12 col-lg-6 d-flex flex-column mb-4 mb-lg-0">
    <div class="card h-100 d-flex flex-column">
      <div class="card-body d-flex flex-column">
        <h5 class="card-title">Engaging Speakers</h5>
        <p class="card-text">VanRuby events thrive because of those who share their ideas, projects, and passion for
          Ruby. You could be next!</p>
        <a href="https://github.com/vanruby/talks/issues/new?template=talk.yml" target="_blank"
          class="btn btn-secondary mt-auto">Submit a talk</a>
        <p class="text-center mt-3 mb-0">
          <small>No GitHub account? <a href="mailto:michael@mrlee.io,weston@netsign.com?subject=VanRuby Talk Submission">Email us instead</a></small>
        </p>
      </div>
    </div>
  </div>
  <div class="col-12 col-lg-6 d-flex flex-column">
    <div class="card h-100 d-flex flex-column">
      <div class="card-body d-flex flex-column">
        <h5 class="card-title">Community Driven</h5>
        <p class="card-text">VanRuby would not exist without support from our sponsors. If your school or business could
          benefit from connecting with our community, we would love to hear from you.</p>
        <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-secondary mt-auto">Become a sponsor</a>
        <p class="text-center mt-3 mb-0">
          <small>No GitHub account? <a href="mailto:michael@mrlee.io,weston@netsign.com?subject=VanRuby Sponsorship">Email us instead</a></small>
        </p>
      </div>
    </div>
  </div>
</div>

<div id="carouselExampleCaptions" class="carousel slide">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
      aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
  </div>
  <div class="carousel-inner rounded-3">
    <div class="carousel-item active">
      <img src="/assets/images/events/janeapp-sept-2024.jpg" class="d-block w-100 carousel-image"
        alt="Jane App October 2024">
      <div class="carousel-caption d-none d-md-block">
        <h5>Jane App</h5>
        <p>October 2024</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="/assets/images/events/klue-oct-2024.jpg" class="d-block w-100 carousel-image" alt="Klue September 2024">
      <div class="carousel-caption d-none d-md-block">
        <h5>Klue</h5>
        <p>September 2024</p>
      </div>
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<style>
  .carousel-image {
    max-height: 500px;
    object-fit: cover;
    object-position: center;
  }

  .feature a:hover h3 {
    color: #dc3545 !important;
  }
</style>

<div class="container px-4 py-2" id="hanging-icons">
  <div class="row g-4 py-4 row-cols-1 row-cols-lg-3">
    <div class="col d-flex align-items-start">
      <div class="icon-square text-body-emphasis fs-4 me-3">
        <svg class="bi" width="1em" height="1em" fill="currentColor">
          <use xlink:href="/assets/images/icons/bootstrap-icons.svg#people"></use>
        </svg>
      </div>
      <div>
        <h3 class="fs-2 text-body-emphasis">3000+ Members</h3>
        <p>A growing community, welcoming developers of all backgrounds and skill levels to learn, share, and connect.
        </p>
      </div>
    </div>
    <div class="col d-flex align-items-start">
      <div class="icon-square text-body-emphasis fs-4 me-3">
        <svg class="bi" width="1em" height="1em" fill="currentColor">
          <use xlink:href="/assets/images/icons/bootstrap-icons.svg#calendar-event"></use>
        </svg>
      </div>
      <div>
        <h3 class="fs-2 text-body-emphasis">200+ Events</h3>
        <p>Organized hundreds of events, workshops, and hackathons to connect and inspire developers.</p>
      </div>
    </div>
    <div class="col d-flex align-items-start">
      <div class="icon-square text-body-emphasis fs-4 me-3">
        <svg class="bi" width="1em" height="1em" fill="currentColor">
          <use xlink:href="/assets/images/icons/bootstrap-icons.svg#brilliance"></use>
        </svg>
      </div>
      <div>
        <h3 class="fs-2 text-body-emphasis">18+ Years</h3>
        <p>Fostering a strong and supportive developer community through mentorship, knowledge-sharing, and engagement.
        </p>
      </div>
    </div>
  </div>
</div>

<!-- Gold Sponsors -->
{% assign gold_sponsors = site.data.companies | where: "sponsor_tier", "gold" %}
{% if gold_sponsors.size > 0 %}
<div class="container my-5">
<h2 class="pb-2 border-bottom">Gold Sponsors</h2>
<div class="row g-5 py-5 row-cols-1 row-cols-lg-3">
  {% for company in gold_sponsors %}
  <div class="feature col">
    <a href="{{ company.website }}" target="_blank"
      class="d-flex flex-column align-items-center text-decoration-none text-center">
      <div class="mb-3 text-body">
        {% if company.name == "BrainStation" %}
        {% include sponsor_logos/brainstation.html %}
        {% elsif company.name == "Clio" %}
        {% include sponsor_logos/clio.html %}
        {% elsif company.name == "ZayZoon" %}
        {% include sponsor_logos/zayzoon.html %}
        {% endif %}
      </div>
      <h3 class="fs-6 text-body-emphasis mb-0">{{ company.name }}</h3>
    </a>
  </div>
  {% endfor %}
</div>
</div>
{% endif %}

<!-- Silver Sponsors -->
{% assign silver_sponsors = site.data.companies | where: "sponsor_tier", "silver" %}
{% if silver_sponsors.size > 0 %}
<div class="container my-5">
<h2 class="pb-2 border-bottom">Silver Sponsors</h2>
<div class="row g-5 py-5 row-cols-1 row-cols-lg-4">
  {% for company in silver_sponsors %}
  <div class="feature col">
    <a href="{{ company.website }}" target="_blank"
      class="d-flex flex-column align-items-center text-decoration-none text-center">
      <div class="mb-3 text-body">
        {% if company.name == "GitHub" %}
        {% include sponsor_logos/github.html %}
        {% elsif company.name == "Ruby Central" %}
        {% include sponsor_logos/ruby_central.html %}
        {% elsif company.name == "Netsign" %}
        {% include sponsor_logos/netsign.html %}
        {% elsif company.name == "Gen II Fund" %}
        {% include sponsor_logos/gen_ii_fund.html %}
        {% endif %}
      </div>
      <h3 class="fs-6 text-body-emphasis mb-0">{{ company.name }}</h3>
    </a>
  </div>
  {% endfor %}
</div>
</div>
{% endif %}

<div class="container px-4 py-5">
  <h2 class="pb-2 border-bottom">Upcoming Events</h2>
  <div class="row row-cols-1 row-cols-lg-2 align-items-md-center g-5 py-5">
    <div class="col d-flex flex-column align-items-start gap-2">
      <iframe src="https://lu.ma/embed/calendar/cal-ek97jTetLbE3c6t/events?compact=true" width="100%" height="325px"
        frameborder="0" style="border: 1px solid #bfcbda88; border-radius: 6px;" allowfullscreen="" aria-hidden="false"
        tabindex="0"></iframe>
    </div>
    <div class="col">
      <div class="row row-cols-1 row-cols-lg-2 g-4">
        <div class="col d-flex flex-column gap-2">
          <h4 class="fw-semibold mb-0 text-body-emphasis">Free Registration</h4>
          <p class="text-body-secondary">Registration is free to make our events accessible to the entire community.</p>
        </div>
        <div class="col d-flex flex-column gap-2">
          <h4 class="fw-semibold mb-0 text-body-emphasis">Inclusivity</h4>
          <p class="text-body-secondary">Everyone is valued, respected, and able to participate, regardless of their
            background, identity, or abilities.</p>
        </div>
        <div class="col d-flex flex-column gap-2">
          <h4 class="fw-semibold mb-0 text-body-emphasis">MINASWAN</h4>
          <p class="text-body-secondary">Matz is nice, and so we are nice. VanRuby embodies the philosophy of the Ruby
            programming community.</p>
        </div>
        <div class="col d-flex flex-column gap-2">
          <h4 class="fw-semibold mb-0 text-body-emphasis">Opportunity</h4>
          <p class="text-body-secondary">Network with developers and local employers; we do our best to connect talent
            with job opportunities.</p>
        </div>
      </div>
    </div>
  </div>
</div>