Skip to content

Commit 7125bc4

Browse files
committed
Improve opening page appearance
1 parent 1806115 commit 7125bc4

File tree

1 file changed

+202
-6
lines changed

1 file changed

+202
-6
lines changed

_pages/opening.md

Lines changed: 202 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,206 @@ author_profile: true
77

88
{% include base_path %}
99

10-
We are currently looking for postdoctoral researchers, PhD students, visiting students, and intern students to join the [IT:U NLP lab](https://it-u.at/en/research/research-groups/natural-language-processing/)! Please fill out [this form](https://docs.google.com/forms/d/e/1FAIpQLSfVnllFyucGh7IdlUMiz_R7Q4IUucIQqzlyC7KB9Vs7CnDPVQ/viewform) (feel free to skip some questions) if you are interested in joining our lab. We strongly encourage you to visit the [IT:U NLP group's page](https://it-u.at/en/research/research-groups/natural-language-processing/) to explore our current research topics before applying.
10+
<div class="opening-container">
11+
<div class="opening-header">
12+
<h1><span class="highlight">Join Our Team</span></h1>
13+
<p class="lead">We are currently looking for postdoctoral researchers, PhD students, visiting students, and intern students to join the <a href="https://it-u.at/en/research/research-groups/natural-language-processing/" class="highlight-link">IT:U NLP lab</a>!</p>
14+
</div>
1115

12-
- If you want to carry out research in our group as a **post-doc**, there are several funding possibilities:
13-
- IT:U Postdoc Program
14-
- [Marie-Curie Postdoctoral Fellowships](https://ec.europa.eu/research/mariecurieactions/)
15-
- [FWF ESPRIT Career Advancement for Postdocs](https://www.fwf.ac.at/en/research-funding/fwf-programmes/esprit-programme)
16-
- [Leopoldina Postdoc Scholarship (incoming from Germany, Austria, or Switzerland)](https://www.leopoldina.org/en/funding/leopoldina-fellowship-programme/leopoldina-postdoc-scholarship/)
16+
<div class="opening-application">
17+
<div class="application-card">
18+
<div class="card-icon">
19+
<i class="fas fa-file-alt"></i>
20+
</div>
21+
<div class="card-content">
22+
<h3>How to Apply</h3>
23+
<p>Please fill out <a href="https://docs.google.com/forms/d/e/1FAIpQLSfVnllFyucGh7IdlUMiz_R7Q4IUucIQqzlyC7KB9Vs7CnDPVQ/viewform" class="btn btn-info">this form</a> (feel free to skip some questions) if you are interested in joining our lab.</p>
24+
<p>We strongly encourage you to visit the <a href="https://it-u.at/en/research/research-groups/natural-language-processing/">IT:U NLP group's page</a> to explore our current research topics before applying.</p>
25+
</div>
26+
</div>
27+
</div>
28+
29+
<div class="opening-positions">
30+
<div class="position-card">
31+
<div class="card-header">
32+
<h2>Post-doctoral Researchers</h2>
33+
</div>
34+
<div class="card-body">
35+
<p>If you want to carry out research in our group as a <strong>post-doc</strong>, there are several funding possibilities:</p>
36+
<ul class="funding-list">
37+
<li>
38+
<div class="funding-item">
39+
<span class="funding-title">IT:U Postdoc Program</span>
40+
</div>
41+
</li>
42+
<li>
43+
<div class="funding-item">
44+
<span class="funding-title"><a href="https://ec.europa.eu/research/mariecurieactions/">Marie-Curie Postdoctoral Fellowships</a></span>
45+
</div>
46+
</li>
47+
<li>
48+
<div class="funding-item">
49+
<span class="funding-title"><a href="https://www.fwf.ac.at/en/research-funding/fwf-programmes/esprit-programme">FWF ESPRIT Career Advancement for Postdocs</a></span>
50+
</div>
51+
</li>
52+
<li>
53+
<div class="funding-item">
54+
<span class="funding-title"><a href="https://www.leopoldina.org/en/funding/leopoldina-fellowship-programme/leopoldina-postdoc-scholarship/">Leopoldina Postdoc Scholarship</a></span>
55+
<span class="funding-subtitle">(incoming from Germany, Austria, or Switzerland)</span>
56+
</div>
57+
</li>
58+
</ul>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
64+
<style>
65+
.opening-container {
66+
background-color: #f9f9f9;
67+
border-radius: 8px;
68+
padding: 30px;
69+
margin-bottom: 30px;
70+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
71+
}
72+
73+
.opening-header {
74+
text-align: center;
75+
margin-bottom: 30px;
76+
}
77+
78+
.opening-header h1 {
79+
font-size: 2.5em;
80+
margin-bottom: 15px;
81+
}
82+
83+
.highlight {
84+
background: linear-gradient(120deg, rgba(66, 133, 244, 0.2) 0%, rgba(66, 133, 244, 0.2) 100%);
85+
padding: 0 10px;
86+
border-radius: 4px;
87+
}
88+
89+
.lead {
90+
font-size: 1.2em;
91+
line-height: 1.6;
92+
color: #555;
93+
}
94+
95+
.highlight-link {
96+
color: #4285f4;
97+
font-weight: bold;
98+
text-decoration: none;
99+
transition: color 0.3s;
100+
}
101+
102+
.highlight-link:hover {
103+
color: #2a75f3;
104+
text-decoration: underline;
105+
}
106+
107+
.opening-application, .opening-positions {
108+
margin-bottom: 30px;
109+
}
110+
111+
.application-card, .position-card {
112+
display: flex;
113+
flex-direction: column;
114+
background-color: white;
115+
border-radius: 8px;
116+
overflow: hidden;
117+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
118+
}
119+
120+
.card-header {
121+
background-color: #4285f4;
122+
color: white;
123+
padding: 15px 20px;
124+
}
125+
126+
.card-header h2 {
127+
margin: 0;
128+
font-size: 1.5em;
129+
}
130+
131+
.card-icon {
132+
display: flex;
133+
align-items: center;
134+
justify-content: center;
135+
width: 60px;
136+
height: 60px;
137+
background-color: #4285f4;
138+
color: white;
139+
border-radius: 50%;
140+
margin: 20px auto;
141+
font-size: 24px;
142+
}
143+
144+
.card-content, .card-body {
145+
padding: 20px;
146+
}
147+
148+
.btn {
149+
display: inline-block;
150+
padding: 8px 16px;
151+
border-radius: 4px;
152+
text-decoration: none;
153+
font-weight: bold;
154+
transition: background-color 0.3s;
155+
}
156+
157+
.btn-info {
158+
background-color: #4285f4;
159+
color: white;
160+
}
161+
162+
.btn-info:hover {
163+
background-color: #2a75f3;
164+
text-decoration: none;
165+
}
166+
167+
.funding-list {
168+
list-style-type: none;
169+
padding: 0;
170+
margin: 0;
171+
}
172+
173+
.funding-list li {
174+
margin-bottom: 15px;
175+
padding-left: 20px;
176+
position: relative;
177+
}
178+
179+
.funding-list li:before {
180+
content: "";
181+
position: absolute;
182+
left: 0;
183+
color: #4285f4;
184+
font-weight: bold;
185+
}
186+
187+
.funding-item {
188+
display: flex;
189+
flex-direction: column;
190+
}
191+
192+
.funding-title {
193+
font-weight: bold;
194+
color: #333;
195+
}
196+
197+
.funding-subtitle {
198+
font-size: 0.9em;
199+
color: #666;
200+
margin-top: 3px;
201+
}
202+
203+
@media (max-width: 768px) {
204+
.opening-container {
205+
padding: 20px;
206+
}
207+
208+
.opening-header h1 {
209+
font-size: 2em;
210+
}
211+
}
212+
</style>

0 commit comments

Comments
 (0)