---

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>