Skip to content

Commit 8fdb778

Browse files
FilippoMBFilippoMB
committed
fixed layout
1 parent 97c4ea9 commit 8fdb778

File tree

12 files changed

+488
-505
lines changed

12 files changed

+488
-505
lines changed

‎_sass/main.scss‎

Lines changed: 237 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,237 @@
1+
/* Variables */
2+
$primary-color: #007acc; /* Blue */
3+
$secondary-color: #333; /* Dark gray */
4+
$background-color: #f9f9f9; /* Light gray */
5+
$font-family: 'Arial', sans-serif; /* Font family */
6+
7+
8+
/* General styling */
9+
10+
section {
11+
margin-bottom: 40px; /* Space between sections */
12+
padding-bottom: 20px; /* Add space before the line */
13+
border-bottom: 2px solid #ddd; /* Light gray line between sections */
14+
}
15+
16+
section:last-child {
17+
border-bottom: none; /* No border after the last section */
18+
}
19+
20+
21+
/**
22+
* Home page content
23+
*/
24+
.homepage-content {
25+
text-align: center;
26+
padding: 20px;
27+
}
28+
29+
.image-container {
30+
text-align: center;
31+
margin-bottom: 20px;
32+
}
33+
34+
.homepage-content p {
35+
font-size: 1.2em;
36+
line-height: 1.6;
37+
margin-bottom: 20px;
38+
}
39+
40+
.homepage-content ul {
41+
list-style-type: none;
42+
padding: 0;
43+
font-size: 1.2em;
44+
}
45+
46+
.homepage-content ul li {
47+
margin-bottom: 10px;
48+
}
49+
50+
.homepage-content a {
51+
color: #007acc;
52+
text-decoration: none;
53+
}
54+
55+
.homepage-content a:hover {
56+
text-decoration: underline;
57+
}
58+
59+
.align-center {
60+
display: block;
61+
margin: 0 auto;
62+
}
63+
64+
/**
65+
* News
66+
*/
67+
.recent-news {
68+
margin: 50px 0;
69+
text-align: center;
70+
}
71+
72+
.news-carousel {
73+
background-color: #f5f5f5; /* Light gray background */
74+
padding: 20px; /* Add padding around the content */
75+
border-radius: 10px; /* Optional: round the corners */
76+
}
77+
78+
.news-list {
79+
list-style: none;
80+
padding: 0;
81+
margin: 0;
82+
}
83+
84+
.news-list li {
85+
display: none;
86+
font-size: 1.2em;
87+
padding: 20px;
88+
border-bottom: 1px solid #ddd;
89+
}
90+
91+
.news-list li h3 {
92+
margin: 0;
93+
font-size: 1.5em;
94+
}
95+
96+
.news-list li p {
97+
margin: 10px 0;
98+
}
99+
100+
/* People page */
101+
.people-page {
102+
padding: 20px;
103+
}
104+
.person, .collaborator {
105+
max-width: 40%;
106+
display: flex;
107+
flex-direction: column;
108+
align-items: center;
109+
margin-bottom: 20px;
110+
}
111+
.collaborator {
112+
max-width: 30%;
113+
}
114+
.profile-pic {
115+
border-radius: 50%;
116+
width: 100px;
117+
height: 100px;
118+
object-fit: cover;
119+
margin-bottom: 15px;
120+
}
121+
.info {
122+
flex: 1;
123+
text-align: center;
124+
}
125+
.info h3 {
126+
margin-bottom: 10px;
127+
font-size: 1.2em;
128+
}
129+
.info p {
130+
margin: 5px 0;
131+
font-size: 0.9em; /* Decrease font size for bio */
132+
line-height: 1.4; /* Optional: Adjust line height for readability */
133+
color: #666; /* Optional: Adjust text color to a slightly lighter shade */
134+
}
135+
.links a {
136+
margin-right: 10px;
137+
font-size: 1.5em;
138+
color: #333;
139+
text-decoration: none;
140+
}
141+
.links a:hover {
142+
color: $primary-color;
143+
}
144+
145+
.person-grid {
146+
display: flex;
147+
gap: 15px;
148+
justify-content: space-evenly;
149+
flex-direction: row;
150+
flex-wrap: wrap;
151+
}
152+
153+
154+
/* Publications page */
155+
156+
.publication:last-child {
157+
border-bottom: none;
158+
}
159+
160+
/* General styling for publications */
161+
.publication {
162+
border-bottom: 1px solid #ddd; /* Light gray line between publications */
163+
padding-bottom: 20px;
164+
margin-bottom: 20px;
165+
}
166+
167+
.publications-page {
168+
padding: 20px;
169+
}
170+
171+
/* Title to span full page width */
172+
.pub-title {
173+
width: 100%;
174+
text-align: center;
175+
font-size: 1.4em;
176+
margin-bottom: 10px;
177+
}
178+
179+
/* Authors and venue */
180+
.authors, .venue {
181+
text-align: center;
182+
margin-bottom: 15px;
183+
}
184+
185+
/* Figure centered and set to 80% of page width */
186+
.pub-figure {
187+
display: flex;
188+
justify-content: center; /* Center the image */
189+
margin-bottom: 20px;
190+
}
191+
192+
.pub-figure img {
193+
width: 80%; /* Set the image to 80% of the page width */
194+
height: auto;
195+
border-radius: 5px;
196+
}
197+
198+
/* Publication links (GitHub, ArXiv, Cite) */
199+
.pub-links {
200+
margin-top: 10px;
201+
text-align: center;
202+
}
203+
204+
.pub-links .btn {
205+
margin-right: 10px;
206+
text-decoration: none;
207+
font-size: 1.2em;
208+
color: #333; /* Link color */
209+
background-color: transparent;
210+
border: none;
211+
cursor: pointer;
212+
}
213+
214+
.pub-links .btn i {
215+
margin-right: 5px;
216+
}
217+
218+
/* Hover effect for the links */
219+
.pub-links .btn:hover {
220+
color: #0056b3;
221+
}
222+
223+
/* BibTeX entry styling */
224+
225+
pre {
226+
color: #abb2bf;
227+
background: #282c34;
228+
border: 1px solid #070707;
229+
margin-top: 10px;
230+
padding: 10px;
231+
border-radius: 5px;
232+
text-align: left;
233+
font-size: 0.9em;
234+
white-space: pre-wrap;
235+
word-wrap: break-word;
236+
font-size: 0.8em;
237+
}

0 commit comments

Comments
 (0)