@@ -4,124 +4,114 @@ layout: splash
4
4
author_profile : false
5
5
---
6
6
<style >
7
- :root {
8
- --primary-color : #00618F ;
9
- --secondary-color : #0081BA ;
10
- --accent-color : #FFA500 ;
11
- --text-color : #333 ;
12
- --bg-color : #f4f4f4 ;
13
- }
14
-
15
- body {
16
- font-family : ' Roboto' , sans-serif ;
17
- line-height : 1.6 ;
18
- color : var (--text-color );
19
- background-color : var (--bg-color );
20
- }
21
-
22
- .page__content {
23
- font-size : 1.1em ;
24
- }
25
-
26
- .section-title {
27
- border-left : 5px solid var (--accent-color );
28
- padding-left : 15px ;
29
- margin-bottom : 30px ;
30
- font-size : 2em ;
31
- color : var (--primary-color );
32
- }
33
-
34
- .card {
35
- border : none ;
36
- border-radius : 10px ;
37
- box-shadow : 0 4px 6px rgba (0 ,0 ,0 ,0.1 );
38
- transition : transform 0.3s ease-in-out , box-shadow 0.3s ease-in-out ;
39
- margin-bottom : 20px ;
40
- }
41
-
42
- .card :hover {
43
- transform : translateY (-5px );
44
- box-shadow : 0 6px 12px rgba (0 ,0 ,0 ,0.15 );
45
- }
46
-
47
- .card-body {
48
- padding : 25px ;
49
- }
50
-
51
- .card-title {
52
- color : var (--primary-color );
53
- font-weight : bold ;
54
- margin-bottom : 15px ;
55
- }
56
-
57
- .btn-primary {
58
- background-color : var (--primary-color );
59
- border-color : var (--primary-color );
60
- padding : 10px 20px ;
61
- font-weight : bold ;
62
- transition : background-color 0.3s ease ;
63
- }
64
-
65
- .btn-primary :hover {
66
- background-color : var (--secondary-color );
67
- border-color : var (--secondary-color );
68
- }
69
-
70
- .speaker-card {
71
- text-align : center ;
72
- }
73
-
74
- .speaker-card img {
75
- width : 150px ;
76
- height : 150px ;
77
- border-radius : 50% ;
78
- object-fit : cover ;
79
- margin-bottom : 15px ;
80
- }
81
-
82
- .schedule-day {
83
- background-color : #fff ;
84
- border-radius : 10px ;
85
- margin-bottom : 20px ;
86
- overflow : hidden ;
87
- }
88
-
89
- .schedule-day-header {
90
- background-color : var (--primary-color );
91
- color : #fff ;
92
- padding : 15px 20px ;
93
- cursor : pointer ;
94
- display : flex ;
95
- justify-content : space-between ;
96
- align-items : center ;
97
- }
98
-
99
- .schedule-day-content {
100
- max-height : 0 ;
101
- overflow : hidden ;
102
- transition : max-height 0.5s ease ;
103
- }
104
-
105
- .schedule-day-content.show {
106
- max-height : 1000px ;
107
- }
108
-
109
- .schedule-session {
110
- padding : 20px ;
111
- border-bottom : 1px solid #eee ;
112
- }
113
-
114
- .schedule-session :last-child {
115
- border-bottom : none ;
116
- }
117
-
118
- .schedule-time {
119
- font-weight : bold ;
120
- color : var (--secondary-color );
121
- }
7
+ :root {
8
+ --primary-color : #00618F ;
9
+ --secondary-color : #00618F ;
10
+ --accent-color : #00618F ;
11
+ }
12
+ body {
13
+ line-height : 1.6 ;
14
+ color : #333 ;
15
+ background-color : #f4f4f4 ;
16
+ }
17
+ .custom-card {
18
+ height : 100% ;
19
+ box-shadow : 0 4px 8px rgba (0 ,0 ,0 ,0.1 );
20
+ border : none ;
21
+ transition : transform 0.3s ease-in-out ;
22
+ }
23
+ .custom-card :hover {
24
+ transform : translateY (-5px );
25
+ }
26
+ .custom-table th {
27
+ background-color : var (--primary-color );
28
+ color : white ;
29
+ }
30
+ .custom-table tr :nth-child (even ) {
31
+ background-color : var (--secondary-color );
32
+ }
33
+ .section-title {
34
+ border-left : 5px solid var (--accent-color );
35
+ padding-left : 15px ;
36
+ margin-bottom : 20px ;
37
+ }
38
+ .list-group-item {
39
+ transition : background-color 0.3s ease ;
40
+ }
41
+ .list-group-item :hover {
42
+ background-color : var (--secondary-color );
43
+ }
44
+ .btn-primary {
45
+ background-color : var (--primary-color );
46
+ border-color : var (--primary-color );
47
+ }
48
+ .btn-primary :hover {
49
+ background-color : #004d70 ;
50
+ border-color : #004d70 ;
51
+ }
52
+ .icon-feature {
53
+ font-size : 1.5rem ;
54
+ color : var (--accent-color );
55
+ margin-bottom : 1rem ;
56
+ }
57
+ .schedule-container {
58
+ max-width : 800px ;
59
+ margin : 0 auto ;
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
+ }
122
111
</style >
123
112
124
113
114
+
125
115
<br >
126
116
127
117
<h3 > <center > <strong > Goethe University - Tel Aviv University Winterschool “Adaptive Cognition in Noisy Environments” <br >
0 commit comments