Skip to content

Commit 70339bd

Browse files
tombentleytombentley
committed
Use separate page; show the upcoming events
Signed-off-by: Tom Bentley <tbentley@redhat.com>
1 parent 400c551 commit 70339bd

3 files changed

Lines changed: 70 additions & 12 deletions

File tree

join-us/community-call.ics renamed to join-us/community-call/community-call.ics

File renamed without changes.

‎join-us/community-call/index.md‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
layout: default
3+
title: Community call
4+
---
5+
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.10/index.global.min.css' rel='stylesheet' />
6+
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.10/index.global.min.js'></script>
7+
<script src='https://cdn.jsdelivr.net/npm/ical.js@1.5.0/build/ical.min.js'></script>
8+
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/icalendar@6.1.10/index.global.min.js'></script>
9+
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/list@6.1.10/index.global.min.js'></script>
10+
<style>
11+
body { font-family: -apple-system, sans-serif; padding: 40px; background: #f4f4f9; }
12+
#calendar { max-width: 900px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
13+
</style>
14+
15+
<div class="row align-items-start justify-content-center my-5">
16+
<div class="col-lg-3 mb-5" role="complementary" aria-labelledby="page-title">
17+
<div class="card shadow px-2 mx-2">
18+
<div class="card-body">
19+
<h1 id="page-title" class="fs-3">{{ page.title }}</h1>
20+
<p>Sometimes it's just easier to talk face-to-face.
21+
We have a meeting every two weeks that's open to anyone to come along.</p>
22+
<p>The time alternates to try to accomodate people from different parts of the world,
23+
so check the next-but-one if the next meeting is in the middle of your night. </p>
24+
</div>
25+
</div>
26+
</div>
27+
<div class="col-lg-6" role="main">
28+
<div>
29+
<p>We're using <a href="https://meet.jit.si/">Jitsi</a>, a free and open source video conferencing service.
30+
You don't need an account to join.
31+
</p>
32+
<div class="bd-callout bd-callout-warning"> <p></p> </div>
33+
<div class="alert alert-warning" role="alert">
34+
<h4 class="alert-heading">Meetings are public (and recorded!)</h4>
35+
<p>Meetings are recorded and shared on our youtube channel.</p>
36+
</div>
37+
<p>If your browser knows about your calendar app you should be able to subscribe in your calendar app by clicking the button below.</p>
38+
<div><a href="webcal://kroxylicious.io/join-us/community-call.ics" class="btn btn-primary">Subscribe</a></div>
39+
</div>
40+
<div>
41+
<h3>Upcoming events</h3>
42+
<div id="calendar"/>
43+
</div>
44+
</div>
45+
<script>
46+
document.addEventListener('DOMContentLoaded', function() {
47+
var calendarEl = document.getElementById('calendar');
48+
var calendar = new FullCalendar.Calendar(calendarEl, {
49+
initialView: 'listMonth',
50+
// This tells the calendar where to find your "Source of Truth"
51+
events: {
52+
url: 'community-call.ics',
53+
format: 'ics'
54+
}
55+
});
56+
calendar.render();
57+
});
58+
</script>

‎join-us/index.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -32,41 +32,41 @@ title: Join Us!
3232
</div>
3333
<div class="col">
3434
<div class="card shadow mb-2 mx-2 h-100">
35-
<div class="card-header"><h2 class="card-title fs-4">Follow us on Bluesky</h2></div>
35+
<div class="card-header"><h2 class="card-title fs-4">Join our fortnightly Office Hours</h2></div>
3636
<div class="card-body mx-3 my-2">
37-
<p>Follow us on Bluesky, and share your Kroxylicious story.</p>
37+
<p>Sometimes it's just easier to talk face-to-face.
38+
We have a virtual meeting every two weeks that's open to anyone to come along.
39+
</p>
3840
</div>
3941
<div class="card-footer text-center">
40-
<a href="https://bsky.app/profile/kroxylicious.io" class="btn btn-primary">Follow on Bluesky</a>
42+
<a href="community-call/" class="btn btn-primary">More info</a>
4143
</div>
4244
</div>
4345
</div>
4446
<div class="col">
4547
<div class="card shadow mb-2 mx-2 h-100">
46-
<div class="card-header"><h2 class="card-title fs-4">Follow on X</h2></div>
48+
<div class="card-header"><h2 class="card-title fs-4">Follow us on social media</h2></div>
4749
<div class="card-body mx-3 my-2">
48-
<p>Follow us on X, and share your Kroxylicious story.</p>
50+
<p>Follow us on social media, and share your Kroxylicious story.</p>
4951
</div>
5052
<div class="card-footer text-center">
53+
<a href="https://bsky.app/profile/kroxylicious.io" class="btn btn-primary">Follow on Bluesky</a>
5154
<a href="https://x.com/kroxylicious" class="btn btn-primary">Follow on X</a>
5255
</div>
5356
</div>
5457
</div>
5558
<div class="col">
5659
<div class="card shadow mb-2 mx-2 h-100">
57-
<div class="card-header"><h2 class="card-title fs-4">Join our fortnightly Office Hours</h2></div>
60+
<div class="card-header"><h2 class="card-title fs-4">Watch on Youtube</h2></div>
5861
<div class="card-body mx-3 my-2">
59-
<p>Sometimes it's just easier to talk face-to-face.
60-
We have a meeting every two weeks that's open to anyone to come along.
61-
The time alternates to accomodate people from different parts of the world,
62-
so check the next-but-one if the next meeting is in the middle of your night.
63-
</p>
62+
<p>You can subscribe for demos and highlights of new features in releases.</p>
6463
</div>
6564
<div class="card-footer text-center">
66-
<a href="webcal://kroxylicious.io/join-us/community-call.ics" class="btn btn-primary">Subscribe in my calendar</a>
65+
<a href="https://www.youtube.com/@kroxylicious-io" class="btn btn-primary">Our Youtube channel</a>
6766
</div>
6867
</div>
6968
</div>
69+
7070
</div>
7171
</div>
7272
<hr class="section-divider"/>

0 commit comments

Comments
 (0)