Skip to content

Commit 8519a9f

Browse files
felixkoerberfelixkoerber
committed
Update event - Kopie.md
1 parent 42f0081 commit 8519a9f

File tree

1 file changed

+115
-105
lines changed

1 file changed

+115
-105
lines changed

‎_pages/event - Kopie.md

Lines changed: 115 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -4,114 +4,124 @@ layout: splash
44
author_profile: false
55
---
66
<style>
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-
}
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+
}
111122
</style>
112123

113124

114-
115125
<br>
116126

117127
<h3> <center> <strong> Goethe University - Tel Aviv University Winterschool “Adaptive Cognition in Noisy Environments” <br>

0 commit comments

Comments
 (0)