-
Notifications
You must be signed in to change notification settings - Fork 484
/
Copy pathfilter-chips.html
69 lines (69 loc) · 8.43 KB
/
filter-chips.html
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
{% case include.type %}
{% when 'community' %}
<div class="filter-chip filter-chip__community" data-category="community">
<div>Community</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
<path d="M9.14759 6.5L12.5591 3.08852C12.9777 2.66989 12.9777 1.99114 12.5591 1.57216L11.8009 0.813977C11.3823 0.395341 10.7035 0.395341 10.2845 0.813977L6.87305 4.22545L3.46157 0.813977C3.04293 0.395341 2.36418 0.395341 1.94521 0.813977L1.18702 1.57216C0.768388 1.9908 0.768388 2.66955 1.18702 3.08852L4.5985 6.5L1.18702 9.91148C0.768388 10.3301 0.768388 11.0089 1.18702 11.4278L1.94521 12.186C2.36384 12.6047 3.04293 12.6047 3.46157 12.186L6.87305 8.77455L10.2845 12.186C10.7032 12.6047 11.3823 12.6047 11.8009 12.186L12.5591 11.4278C12.9777 11.0092 12.9777 10.3305 12.5591 9.91148L9.14759 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
</div>
{% when 'development' %}
<div class="filter-chip filter-chip__development" data-category="development">
<div>Development/Triage</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
<path d="M9.14759 6.5L12.5591 3.08852C12.9777 2.66989 12.9777 1.99114 12.5591 1.57216L11.8009 0.813977C11.3823 0.395341 10.7035 0.395341 10.2845 0.813977L6.87305 4.22545L3.46157 0.813977C3.04293 0.395341 2.36418 0.395341 1.94521 0.813977L1.18702 1.57216C0.768388 1.9908 0.768388 2.66955 1.18702 3.08852L4.5985 6.5L1.18702 9.91148C0.768388 10.3301 0.768388 11.0089 1.18702 11.4278L1.94521 12.186C2.36384 12.6047 3.04293 12.6047 3.46157 12.186L6.87305 8.77455L10.2845 12.186C10.7032 12.6047 11.3823 12.6047 11.8009 12.186L12.5591 11.4278C12.9777 11.0092 12.9777 10.3305 12.5591 9.91148L9.14759 6.5Z" fill="white" stroke="#F65275"/>
</svg>
</div>
</div>
{% when 'events' %}
<div class="filter-chip filter-chip__events" data-category="events">
<div>Events</div>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
<path d="M9.14759 6.5L12.5591 3.08852C12.9777 2.66989 12.9777 1.99114 12.5591 1.57216L11.8009 0.813977C11.3823 0.395341 10.7035 0.395341 10.2845 0.813977L6.87305 4.22545L3.46157 0.813977C3.04293 0.395341 2.36418 0.395341 1.94521 0.813977L1.18702 1.57216C0.768388 1.9908 0.768388 2.66955 1.18702 3.08852L4.5985 6.5L1.18702 9.91148C0.768388 10.3301 0.768388 11.0089 1.18702 11.4278L1.94521 12.186C2.36384 12.6047 3.04293 12.6047 3.46157 12.186L6.87305 8.77455L10.2845 12.186C10.7032 12.6047 11.3823 12.6047 11.8009 12.186L12.5591 11.4278C12.9777 11.0092 12.9777 10.3305 12.5591 9.91148L9.14759 6.5Z" fill="white" stroke="#2CD5C4"/>
</svg>
</div>
{% when 'author' %}
<div class="filter-chip filter-chip__author-persona" data-category="author">
<div>Author</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% when 'conference_speaker' %}
<div class="filter-chip filter-chip__conference_speaker-persona" data-category="conference_speaker">
<div>Conference Speaker</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% when 'osci' %}
<div class="filter-chip filter-chip__osci-persona" data-category="osci">
<div>OSCI</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% when 'search' %}
<div class="filter-chip filter-chip__search" data-category="search">
<div>Search</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% when 'analytics-observability-security' %}
<div class="filter-chip filter-chip__analytics-observability-security" data-category="analytics-observability-security">
<div>Analytics, Observability, and Security</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% when 'operating-opensearch' %}
<div class="filter-chip filter-chip__operating-opensearch" data-category="operating-opensearch">
<div>Operating OpenSearch</div>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.77455 6.5L12.186 3.08852C12.6047 2.66989 12.6047 1.99114 12.186 1.57216L11.4278 0.813977C11.0092 0.395341 10.3305 0.395341 9.91148 0.813977L6.5 4.22545L3.08852 0.813977C2.66989 0.395341 1.99114 0.395341 1.57216 0.813977L0.813977 1.57216C0.395341 1.9908 0.395341 2.66955 0.813977 3.08852L4.22545 6.5L0.813977 9.91148C0.395341 10.3301 0.395341 11.0089 0.813977 11.4278L1.57216 12.186C1.9908 12.6047 2.66989 12.6047 3.08852 12.186L6.5 8.77455L9.91148 12.186C10.3301 12.6047 11.0092 12.6047 11.4278 12.186L12.186 11.4278C12.6047 11.0092 12.6047 10.3305 12.186 9.91148L8.77455 6.5Z" fill="white" stroke="#00A3E0"/>
</svg>
</div>
{% endcase %}