@@ -146,58 +146,6 @@ Here you can find insights about our Cloud Native Computing Linz meetups includi
146
146
</div >
147
147
</div >
148
148
149
- ### Event Frequency by Month
150
- <div class =" chart-container " >
151
- <canvas id =" monthlyFrequencyChart " ></canvas >
152
- <div id =" monthlyFrequencyFallback " style =" display : none ;" >
153
- <div class="chart-title">📅 Event Frequency by Month</div>
154
- <table class="stats-table">
155
- <thead>
156
- <tr><th>Month</th><th>Events Count</th><th>Activity Level</th></tr>
157
- </thead>
158
- <tbody>
159
- <tr><td>January</td><td class="number-cell">2</td><td><span class="host-bar" style="width: 20px; background-color: #17a2b8;"></span> Low</td></tr>
160
- <tr><td>February</td><td class="number-cell">3</td><td><span class="host-bar" style="width: 30px; background-color: #ffc107;"></span> Medium</td></tr>
161
- <tr><td>March</td><td class="number-cell">4</td><td><span class="host-bar" style="width: 40px; background-color: #28a745;"></span> High</td></tr>
162
- <tr><td>April</td><td class="number-cell">3</td><td><span class="host-bar" style="width: 30px; background-color: #ffc107;"></span> Medium</td></tr>
163
- <tr><td>May</td><td class="number-cell">4</td><td><span class="host-bar" style="width: 40px; background-color: #28a745;"></span> High</td></tr>
164
- <tr><td>June</td><td class="number-cell">3</td><td><span class="host-bar" style="width: 30px; background-color: #ffc107;"></span> Medium</td></tr>
165
- <tr><td>July</td><td class="number-cell">2</td><td><span class="host-bar" style="width: 20px; background-color: #17a2b8;"></span> Low</td></tr>
166
- <tr><td>August</td><td class="number-cell">0</td><td><span class="host-bar" style="width: 5px; background-color: #dc3545;"></span> None</td></tr>
167
- <tr><td>September</td><td class="number-cell">3</td><td><span class="host-bar" style="width: 30px; background-color: #ffc107;"></span> Medium</td></tr>
168
- <tr><td>October</td><td class="number-cell">4</td><td><span class="host-bar" style="width: 40px; background-color: #28a745;"></span> High</td></tr>
169
- <tr><td>November</td><td class="number-cell">3</td><td><span class="host-bar" style="width: 30px; background-color: #ffc107;"></span> Medium</td></tr>
170
- <tr><td>December</td><td class="number-cell">0</td><td><span class="host-bar" style="width: 5px; background-color: #dc3545;"></span> None</td></tr>
171
- </tbody>
172
- </table>
173
- <div class="fallback-note">🗓️ Most active months are March, May, and October. Summer and winter months typically have fewer events.</div>
174
- </div >
175
- </div >
176
-
177
- ### Recordings and Slides
178
-
179
- Many of our events are recorded and slides are available. You can find these resources on the individual event pages or in our [ slides repository] ({{ site.baseurl }}/slides/).
180
-
181
- <div id =" recordings-list " >
182
- {% for event in site.data.events reversed %}
183
- {% if event.talks %}
184
- {% for talk in event.talks %}
185
- {% if talk.recording or talk.file %}
186
- <div class =" recording-item " >
187
- <strong >{{ event.date }}</strong > - {{ talk.title }} ({{ talk.speaker }})
188
- {% if talk.recording %}
189
- <a href =" {{ talk.recording }} " target =" _blank " >🎥 Recording</a >
190
- {% endif %}
191
- {% if talk.file %}
192
- <a href =" {{ site.baseurl }}{{ talk.file }} " target =" _blank " >📄 Slides</a >
193
- {% endif %}
194
- </div >
195
- {% endif %}
196
- {% endfor %}
197
- {% endif %}
198
- {% endfor %}
199
- </div >
200
-
201
149
<!-- Try multiple CDNs for Chart.js -->
202
150
<script >
203
151
document .addEventListener (' DOMContentLoaded' , function () {
@@ -293,8 +241,7 @@ function showFallbackTables() {
293
241
var ids = [
294
242
[' hostOrganizationsChart' , ' hostOrganizationsFallback' ],
295
243
[' topSpeakersChart' , ' topSpeakersFallback' ],
296
- [' participantsTrendsChart' , ' participantsTrendsFallback' ],
297
- [' monthlyFrequencyChart' , ' monthlyFrequencyFallback' ]
244
+ [' participantsTrendsChart' , ' participantsTrendsFallback' ]
298
245
];
299
246
ids .forEach (function (pair ) {
300
247
var chart = document .getElementById (pair[0 ]);
@@ -396,23 +343,12 @@ function initializeChartsWithoutTime() {
396
343
y: parseInt (String (event .participants ).replace (/ [^ \d ] / g , ' ' ), 10 )
397
344
}));
398
345
399
- // Monthly frequency
400
- const monthlyCount = {};
401
- events .forEach (event => {
402
- const month = new Date (event .date ).getMonth ();
403
- const monthNames = [' Jan' , ' Feb' , ' Mar' , ' Apr' , ' May' , ' Jun' ,
404
- ' Jul' , ' Aug' , ' Sep' , ' Oct' , ' Nov' , ' Dec' ];
405
- const monthName = monthNames[month];
406
- monthlyCount[monthName] = (monthlyCount[monthName] || 0 ) + 1 ;
407
- });
408
-
409
346
return {
410
347
hostLabels,
411
348
hostData,
412
349
speakerLabels,
413
350
speakerData,
414
- participants: participantsData,
415
- monthly: monthlyCount
351
+ participants: participantsData
416
352
};
417
353
};
418
354
@@ -596,52 +532,14 @@ function initializeChartsWithoutTime() {
596
532
}
597
533
}
598
534
}
599
- }
600
- });
601
- }
602
-
603
- // Monthly Frequency Chart
604
- const monthlyCtx = document .getElementById (' monthlyFrequencyChart' ).getContext (' 2d' );
605
- new Chart (monthlyCtx, {
606
- type: ' doughnut' ,
607
- data: {
608
- labels: Object .keys (chartData .monthly ),
609
- datasets: [{
610
- data: Object .values (chartData .monthly ),
611
- backgroundColor: [
612
- ' rgba(255, 99, 132, 0.6)' ,
613
- ' rgba(54, 162, 235, 0.6)' ,
614
- ' rgba(255, 205, 86, 0.6)' ,
615
- ' rgba(75, 192, 192, 0.6)' ,
616
- ' rgba(153, 102, 255, 0.6)' ,
617
- ' rgba(255, 159, 64, 0.6)' ,
618
- ' rgba(199, 199, 199, 0.6)' ,
619
- ' rgba(83, 102, 255, 0.6)' ,
620
- ' rgba(255, 99, 255, 0.6)' ,
621
- ' rgba(99, 255, 132, 0.6)' ,
622
- ' rgba(255, 132, 99, 0.6)' ,
623
- ' rgba(132, 99, 255, 0.6)'
624
- ]
625
- }]
626
- },
627
- options: {
628
- ... commonOptions,
629
- plugins: {
630
- ... commonOptions .plugins ,
631
- title: {
632
- display: true ,
633
- text: ' Events Distribution by Month'
634
535
}
635
- }
536
+ });
636
537
}
637
- });
638
- } catch (error) {
639
- console .error (' Error creating charts without time scale:' , error);
640
- showFallbackTables ();
641
- }
642
- }
643
-
644
- function initializeCharts () {
538
+ } catch (error) {
539
+ console .error (' Error creating charts without time scale:' , error);
540
+ showFallbackTables ();
541
+ }
542
+ }function initializeCharts() {
645
543
// Initialize charts with time scales (when date adapter is available)
646
544
if (typeof Chart === ' undefined' ) {
647
545
showFallbackTables ();
@@ -725,23 +623,14 @@ function initializeCharts() {
725
623
.map (event => ({
726
624
x: event .date ,
727
625
y: parseInt (String (event .participants ).replace (/ [^ \d ] / g , ' ' ), 10 )
728
- })); // Monthly frequency
729
- const monthlyCount = {};
730
- events .forEach (event => {
731
- const month = new Date (event .date ).getMonth ();
732
- const monthNames = [' Jan' , ' Feb' , ' Mar' , ' Apr' , ' May' , ' Jun' ,
733
- ' Jul' , ' Aug' , ' Sep' , ' Oct' , ' Nov' , ' Dec' ];
734
- const monthName = monthNames[month];
735
- monthlyCount[monthName] = (monthlyCount[monthName] || 0 ) + 1 ;
736
- });
626
+ }));
737
627
738
628
return {
739
629
hostLabels,
740
630
hostData,
741
631
speakerLabels,
742
632
speakerData,
743
- participants: participantsData,
744
- monthly: monthlyCount
633
+ participants: participantsData
745
634
};
746
635
};
747
636
@@ -930,42 +819,6 @@ function initializeCharts() {
930
819
}
931
820
});
932
821
}
933
-
934
- // Monthly Frequency Chart
935
- const monthlyCtx = document .getElementById (' monthlyFrequencyChart' ).getContext (' 2d' );
936
- new Chart (monthlyCtx, {
937
- type: ' doughnut' ,
938
- data: {
939
- labels: Object .keys (chartData .monthly ),
940
- datasets: [{
941
- data: Object .values (chartData .monthly ),
942
- backgroundColor: [
943
- ' rgba(255, 99, 132, 0.6)' ,
944
- ' rgba(54, 162, 235, 0.6)' ,
945
- ' rgba(255, 205, 86, 0.6)' ,
946
- ' rgba(75, 192, 192, 0.6)' ,
947
- ' rgba(153, 102, 255, 0.6)' ,
948
- ' rgba(255, 159, 64, 0.6)' ,
949
- ' rgba(199, 199, 199, 0.6)' ,
950
- ' rgba(83, 102, 255, 0.6)' ,
951
- ' rgba(255, 99, 255, 0.6)' ,
952
- ' rgba(99, 255, 132, 0.6)' ,
953
- ' rgba(255, 132, 99, 0.6)' ,
954
- ' rgba(132, 99, 255, 0.6)'
955
- ]
956
- }]
957
- },
958
- options: {
959
- ... commonOptions,
960
- plugins: {
961
- ... commonOptions .plugins ,
962
- title: {
963
- display: true ,
964
- text: ' Events Distribution by Month'
965
- }
966
- }
967
- }
968
- });
969
822
} catch (error) {
970
823
console .error (' Error creating charts with time scale:' , error);
971
824
// Fallback to non-time charts
@@ -996,34 +849,6 @@ tryLoadChartJs();
996
849
padding-bottom : 8px ;
997
850
}
998
851
999
- .recording-item {
1000
- margin : 10px 0 ;
1001
- padding : 10px ;
1002
- background-color : #f8f9fa ;
1003
- border-left : 4px solid #007bff ;
1004
- border-radius : 4px ;
1005
- }
1006
-
1007
- .recording-item a {
1008
- margin-left : 10px ;
1009
- text-decoration : none ;
1010
- padding : 4px 8px ;
1011
- background-color : #007bff ;
1012
- color : white ;
1013
- border-radius : 4px ;
1014
- font-size : 0.9em ;
1015
- }
1016
-
1017
- .recording-item a :hover {
1018
- background-color : #0056b3 ;
1019
- }
1020
-
1021
- #recordings-list {
1022
- max-height : 400px ;
1023
- overflow-y : auto ;
1024
- margin-top : 20px ;
1025
- }
1026
-
1027
852
.stats-table {
1028
853
width : 100% ;
1029
854
border-collapse : collapse ;
0 commit comments