dlab-workshops/index.html at main · dlab-berkeley/dlab-workshops · 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
---
layout: default
title: D-Lab Workshop Catalog
---

<div class="homepage-hero">
  <div class="container text-center pb-4">
    <img src="static/images/dlab-bubble-logo-2025.png" alt="D-Lab Berkeley" class="mb-2 d-block mx-auto" style="height: 180px; width: auto;">
    <h2 class="mb-0">Workshop Catalog</h2>
  </div>

  <!-- IOKN2K Secret Button -->
  <button id="iokn2k-trigger" class="iokn2k-secret-button" title="It's Okay Not To Know!">
    IOKN2K
  </button>
</div>

{% include iokn2k-banner.html %}

<div class="container">

  {% if site.data.upcoming_workshops.workshops.size > 0 %}
  {% comment %} Count only registrable workshops (Part 1 or no parts) {% endcomment %}
  {% assign registrable_count = 0 %}
  {% for workshop in site.data.upcoming_workshops.workshops %}
    {% unless workshop.title contains ": Part 2" or workshop.title contains ": Part 3" or workshop.title contains ": Part 4" or workshop.title contains ": Part 5" or workshop.title contains ": Part 6" %}
      {% assign registrable_count = registrable_count | plus: 1 %}
    {% endunless %}
  {% endfor %}

  {% if registrable_count > 0 %}
  <div class="row justify-content-center my-4">
    <div class="col-12">
      <div class="alert alert-success text-center" role="alert">
        <h4 class="alert-heading">
          <i class="fas fa-calendar-check"></i> {{ registrable_count }} Workshops Available Now!
        </h4>
        <p class="mb-2">Register for upcoming workshop sessions happening soon.</p>
        <p class="mb-0"><small><i class="fas fa-university"></i> UC Berkeley affiliates only - CalNet login required</small></p>
        <hr>
        <a href="available-now.html" class="btn btn-success btn-lg">
          <i class="fas fa-list"></i> View All Available Workshops
        </a>
      </div>
    </div>
  </div>
  {% endif %}
  {% endif %}

  <div class="row justify-content-center mb-4 category-row">
    {% assign python_count = 0 %}
    {% assign r_count = 0 %}
    {% assign ai_count = 0 %}
    {% assign excel_count = 0 %}
    {% assign qualitative_count = 0 %}
    {% assign other_count = 0 %}

    {% for workshop in site.data.workshops.workshops %}
      {% if workshop.category == 'python' %}
        {% assign python_count = python_count | plus: 1 %}
      {% elsif workshop.category contains 'python' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'python' %}
            {% assign python_count = python_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if workshop.category == 'r' %}
        {% assign r_count = r_count | plus: 1 %}
      {% elsif workshop.category contains 'r' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'r' %}
            {% assign r_count = r_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if workshop.category == 'ai' %}
        {% assign ai_count = ai_count | plus: 1 %}
      {% elsif workshop.category contains 'ai' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'ai' %}
            {% assign ai_count = ai_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if workshop.category == 'excel' %}
        {% assign excel_count = excel_count | plus: 1 %}
      {% elsif workshop.category contains 'excel' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'excel' %}
            {% assign excel_count = excel_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if workshop.category == 'qualitative' %}
        {% assign qualitative_count = qualitative_count | plus: 1 %}
      {% elsif workshop.category contains 'qualitative' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'qualitative' %}
            {% assign qualitative_count = qualitative_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if workshop.category == 'other' %}
        {% assign other_count = other_count | plus: 1 %}
      {% elsif workshop.category contains 'other' and workshop.category.size > 1 %}
        {% for cat in workshop.category %}
          {% if cat == 'other' %}
            {% assign other_count = other_count | plus: 1 %}
            {% break %}
          {% endif %}
        {% endfor %}
      {% endif %}
    {% endfor %}

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="python.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fab fa-python category-icon mb-2" style="color: #3776ab;"></i>
            <h5 class="card-title">Python</h5>
            <span class="badge badge-primary">{{ python_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="R.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fab fa-r-project category-icon mb-2" style="color: #276DC3;"></i>
            <h5 class="card-title">R</h5>
            <span class="badge badge-info">{{ r_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="ai.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fas fa-robot category-icon mb-2" style="color: #ff6b35;"></i>
            <h5 class="card-title">AI</h5>
            <span class="badge badge-warning">{{ ai_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="excel.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fas fa-file-excel category-icon mb-2" style="color: #217346;"></i>
            <h5 class="card-title">Excel</h5>
            <span class="badge badge-secondary">{{ excel_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="qualitative.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fas fa-comments category-icon mb-2" style="color: #28a745;"></i>
            <h5 class="card-title">Qualitative</h5>
            <span class="badge badge-success">{{ qualitative_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>

    <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
      <a href="other.html" class="text-decoration-none">
        <div class="card category-card h-100 text-center">
          <div class="card-body d-flex flex-column justify-content-center">
            <i class="fas fa-tools category-icon mb-2" style="color: #6c757d;"></i>
            <h5 class="card-title">Other Tools</h5>
            <span class="badge badge-dark">{{ other_count }} workshops</span>
          </div>
        </div>
      </a>
    </div>
  </div>

  {% comment %} Browse All Workshops Button {% endcomment %}
  <div class="row justify-content-center mt-4">
    <div class="col-12 col-md-6 text-center">
      <a href="all-workshops.html" class="btn btn-outline-primary btn-lg btn-block">
        <i class="fas fa-list"></i> Browse All Workshops
      </a>
    </div>
  </div>

  {% comment %} Learning Paths {% endcomment %}
  <div class="row justify-content-center mt-4">
    <div class="col-12 col-md-6 text-center">
      <div class="btn-group" role="group">
        <a href="python_path.html" class="btn btn-outline-dark">Python Learning Path</a>
        <a href="R_path.html" class="btn btn-outline-dark">R Learning Path</a>
      </div>
    </div>
  </div>

</div>