Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
kayrozen.com
1<div class="profile-section">
2 <div class="section-header">
3 <h3 class="title is-4">
4 <i class="fas fa-bookmark"></i>
5 {{ t("public-calendars") }}
6 </h3>
7 {% if is_self %}
8 <a href="/bookmark-calendars" class="button is-primary is-small">
9 <i class="fas fa-plus"></i>
10 {{ t("manage-calendars") }}
11 </a>
12 {% endif %}
13 </div>
14
15 {% if public_calendars %}
16 <div class="bookmark-lists-grid">
17 {% for calendar in public_calendars %}
18 <div class="list-card">
19 <div class="list-card-header">
20 <h4 class="list-name">
21 <a href="/bookmark-calendars/{{ calendar.calendar_id }}">
22 {{ calendar.name }}
23 </a>
24 </h4>
25 <div class="list-stats">
26 <span class="tag is-light">
27 {{ calendar.event_count }} {{ t("events") }}
28 </span>
29 </div>
30 </div>
31
32 {% if calendar.description %}
33 <p class="list-description">{{ calendar.description }}</p>
34 {% endif %}
35
36 {% if calendar.tags %}
37 <div class="list-card-tags mb-3">
38 {% for tag in calendar.tags %}
39 <span class="tag is-primary is-light">{{ tag }}</span>
40 {% endfor %}
41 </div>
42 {% endif %}
43
44 <div class="list-card-footer">
45 <small class="has-text-grey">
46 {{ t("created") }} {{ calendar.created_at | date(format="%B %d, %Y") }}
47 </small>
48 <div class="list-actions">
49 <a href="/bookmark-calendars/{{ calendar.calendar_id }}.ics"
50 class="button is-small is-outlined"
51 title="{{ t('export-calendar') }}">
52 <i class="fas fa-calendar-alt"></i>
53 </a>
54 <button class="button is-small is-outlined share-list-btn"
55 data-list-url="/bookmark-calendars/{{ calendar.calendar_id }}"
56 title="{{ t('share-calendar') }}">
57 <i class="fas fa-share"></i>
58 </button>
59 </div>
60 </div>
61 </div>
62 {% endfor %}
63 </div>
64 {% else %}
65 <div class="empty-state">
66 <p class="has-text-grey">{{ t("no-public-calendars") }}</p>
67 </div>
68 {% endif %}
69</div>