vanruby.github.io/companies.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
---
layout: layout
title: "VanRuby - Employers"
---

<div class="p-5 mb-4 bg-body-tertiary rounded-3">
  <div class="container-fluid">
    <h2 class="text-center fw-semibold">Companies Hiring Ruby Developers in Vancouver</h2>
    <p class="fs-5 fw-light text-center">Explore opportunities with companies that hire Ruby developers in Vancouver. Whether remote-friendly or office-based, these organizations are building amazing products with Ruby.</p>
    <p class="text-center">
      <span class="badge bg-secondary fs-6">{{site.data.companies.size}} Employers</span>
    </p>
  </div>
</div>

<div class="alert alert-primary d-flex align-items-center" 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"/></svg>
  <div>
    Want to add your company? Modify the <a href="https://github.com/vanruby/vanruby.github.io/blob/master/_data/companies.csv" class="alert-link" target="_blank">company list</a> and submit a Pull Request.
  </div>
</div>

<!-- Sponsor Companies Table -->
{% assign gold_sponsors = site.data.companies | where: "sponsor_tier", "gold" %}
{% assign silver_sponsors = site.data.companies | where: "sponsor_tier", "silver" %}
{% assign sponsors = gold_sponsors | concat: silver_sponsors %}
{% if sponsors.size > 0 %}
<div class="mb-5 mt-5">
  <h3 class="mb-3">
    Employers Sponsoring VanRuby
  </h3>
  <p class="text-muted mb-4">These companies actively support the VanRuby community and are currently hiring Ruby developers.</p>
  <div class="table-responsive rounded-3 overflow-hidden mb-4">
    <table class="table table-hover table-striped align-middle mb-0">
      <thead class="table-dark">
        <tr>
          <th scope="col" style="width: 25%;">
            Name
          </th>
          <th scope="col" class="d-none d-md-table-cell" style="width: 20%;">
            Codebase
          </th>
          <th scope="col" style="width: 35%;">
            Market
          </th>
          <th scope="col" class="d-none d-md-table-cell" style="width: 20%;">
            Team Size
            <a href="#" class="text-white text-decoration-none" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Micro: 1-3, Small: 4-7, Medium: 7-10, Large: 11+">
              <svg class="bi" width="14" height="14" fill="currentColor"><use xlink:href="/assets/images/icons/bootstrap-icons.svg#question-circle"/></svg>
            </a>
          </th>
        </tr>
      </thead>
      <tbody>
        {% assign sorted_sponsors = sponsors | sort: "name" %}
        {% for company in sorted_sponsors %}
          {% unless company.hide_from_jobs == 'true' %}
          <tr>
            <td><a href="{{ company.website }}" target="_blank" class="text-decoration-none fw-semibold">{{ company.name }}</a></td>
            <td class="d-none d-md-table-cell">{{ company.codebase }}</td>
            <td>{{ company.market }}</td>
            <td class="d-none d-md-table-cell">{{ company.team_size }}</td>
          </tr>
          {% endunless %}
        {% endfor %}
      </tbody>
    </table>
  </div>
  <p class="text-center mt-3">
    <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-primary">Become a Sponsor</a>
  </p>
</div>
{% endif %}

<!-- All Other Companies Table -->
{% assign non_sponsors = "" | split: "" %}
{% for company in site.data.companies %}
  {% unless company.sponsor_tier == 'gold' or company.sponsor_tier == 'silver' or company.hide_from_jobs == 'true' %}
    {% assign non_sponsors = non_sponsors | push: company %}
  {% endunless %}
{% endfor %}
<div class="mb-4 mt-5">
  <h3 class="mb-3">
    Other Ruby Employers
  </h3>
  <div class="table-responsive rounded-3 overflow-hidden">
    <table class="table table-hover table-striped align-middle mb-0">
      <thead class="table-dark">
        <tr>
          <th scope="col" style="width: 25%;">
            Name
          </th>
          <th scope="col" class="d-none d-md-table-cell" style="width: 20%;">
            Codebase
          </th>
          <th scope="col" style="width: 35%;">
            Market
          </th>
          <th scope="col" class="d-none d-md-table-cell" style="width: 20%;">
            Team Size
            <a href="#" class="text-white text-decoration-none" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Micro: 1-3, Small: 4-7, Medium: 7-10, Large: 11+">
              <svg class="bi" width="14" height="14" fill="currentColor"><use xlink:href="/assets/images/icons/bootstrap-icons.svg#question-circle"/></svg>
            </a>
          </th>
        </tr>
      </thead>
      <tbody>
        {% assign sorted_non_sponsors = non_sponsors | sort: "name" %}
        {% for company in sorted_non_sponsors %}
          <tr>
            <td><a href="{{ company.website }}" target="_blank" class="text-decoration-none fw-semibold">{{ company.name }}</a></td>
            <td class="d-none d-md-table-cell">{{ company.codebase }}</td>
            <td>{{ company.market }}</td>
            <td class="d-none d-md-table-cell">{{ company.team_size }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<script>
  // Initialize Bootstrap tooltips
  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
  const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
</script>