@@ -58,56 +58,52 @@ author_profile: false
58
58
max-width : 800px ;
59
59
margin : 0 auto ;
60
60
}
61
- .day-card {
62
- background-color : #fff ;
63
- border-radius : 8px ;
64
- box-shadow : 0 2px 4px rgba (0 ,0 ,0 ,0.1 );
65
- margin-bottom : 20px ;
66
- overflow : hidden ;
67
- transition : all 0.3s ease ;
68
- }
69
- .day-header {
70
- background-color : #007bff ;
71
- color : #fff ;
72
- padding : 15px 20px ;
73
- cursor : pointer ;
74
- display : flex ;
75
- justify-content : space-between ;
76
- align-items : center ;
77
- }
78
- .day-header h3 {
79
- margin : 0 ;
80
- font-size : 1.2em ;
81
- }
82
- .day-content {
83
- max-height : 0 ;
84
- overflow : hidden ;
85
- transition : max-height 0.5s ease ;
86
- }
87
- .day-content.show {
88
- max-height : 1000px ;
89
- }
90
- .session {
91
- padding : 15px 20px ;
92
- border-bottom : 1px solid #eee ;
93
- }
94
- .session :last-child {
95
- border-bottom : none ;
96
- }
97
- .session h4 {
98
- margin : 0 0 10px 0 ;
99
- color : #007bff ;
100
- }
101
- .session p {
102
- margin : 0 ;
103
- font-size : 0.9em ;
104
- }
105
- .expand-icon {
106
- transition : transform 0.3s ease ;
107
- }
108
- .day-header.active .expand-icon {
109
- transform : rotate (180deg );
110
- }
61
+ .schedule-day {
62
+ margin-bottom : 20px ;
63
+ }
64
+
65
+ .schedule-day-header {
66
+ background-color : #007bff ;
67
+ color : white ;
68
+ padding : 15px ;
69
+ cursor : pointer ;
70
+ display : flex ;
71
+ justify-content : space-between ;
72
+ align-items : center ;
73
+ border-radius : 8px ;
74
+ transition : background-color 0.3s ease ;
75
+ }
76
+
77
+ .schedule-day-header :hover {
78
+ background-color : #0056b3 ;
79
+ }
80
+
81
+ .schedule-day-content {
82
+ background-color : white ;
83
+ border : 1px solid #ddd ;
84
+ border-radius : 8px ;
85
+ padding : 15px ;
86
+ display : none ;
87
+ }
88
+
89
+ .schedule-day-content.show {
90
+ display : block ;
91
+ }
92
+
93
+ .schedule-session {
94
+ margin-bottom : 15px ;
95
+ }
96
+
97
+ .schedule-time {
98
+ font-weight : bold ;
99
+ color : #007bff ;
100
+ }
101
+
102
+ .schedule-session h4 {
103
+ margin : 10px 0 ;
104
+ color : #333 ;
105
+ }
106
+
111
107
</style >
112
108
113
109
@@ -244,7 +240,7 @@ author_profile: false
244
240
</div>
245
241
</div>
246
242
</div>
247
- <section id =" schedule " >
243
+ <section id =" schedule " >
248
244
<h3 class="section-title">Schedule</h3>
249
245
{% for day in site.data.winter_school_schedule %}
250
246
<div class="schedule-day">
@@ -265,8 +261,8 @@ author_profile: false
265
261
</div>
266
262
</div>
267
263
{% endfor %}
268
- </section >
269
- </ div >
264
+ </section >
265
+
270
266
271
267
<script >
272
268
document .addEventListener (' DOMContentLoaded' , function () {
0 commit comments