timtinkers.online
fetches a Twitch webcal and displays this week's schedule in HTML
1body {
2 font-family: Arial, sans-serif;
3 max-width: 800px;
4 margin: 0 auto;
5 padding: 20px;
6 background-color: #f5f5f5;
7}
8
9.schedule-container {
10 border-radius: 8px;
11 padding: 20px;
12 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
13}
14
15.week-header {
16 text-align: center;
17 margin-bottom: 20px;
18 color: #333;
19}
20
21.events-list {
22 display: flex;
23 flex-direction: column;
24 gap: 15px;
25}
26
27.event {
28 border-left: 4px solid #6441a5;
29 padding: 15px;
30 background: #f9f9f9;
31 border-radius: 0 8px 8px 0;
32}
33
34.event-title {
35 margin: 0 0 8px 0;
36 color: #6441a5;
37 font-size: 1.2em;
38}
39
40.event-time {
41 margin: 0 0 8px 0;
42 color: #666;
43 font-weight: bold;
44}
45
46.event-description {
47 margin: 0;
48 color: #333;
49 line-height: 1.4;
50}
51
52.loading {
53 text-align: center;
54 color: #666;
55 font-style: italic;
56}
57
58.error {
59 background: #ffe6e6;
60 border-left: 4px solid #ff4444;
61 padding: 15px;
62 color: #cc0000;
63 border-radius: 0 8px 8px 0;
64}