Skip to content

Commit e66e5b8

Browse files
kanguyen-vnkanguyen-vn
committed
CALICO project page
1 parent 8923a17 commit e66e5b8

32 files changed

+4899
-6
lines changed

‎projects/calico/index.html‎

Lines changed: 417 additions & 6 deletions
Large diffs are not rendered by default.

‎projects/calico/static/css/bulma.css.map.txt‎

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

‎projects/calico/static/css/bulma.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎projects/calico/static/css/fontawesome.all.min.css‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎projects/calico/static/css/index.css‎

Lines changed: 282 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,282 @@
1+
body {
2+
font-family: 'Noto Sans', sans-serif;
3+
}
4+
5+
.footer {
6+
background-color: #dadada81;
7+
}
8+
9+
10+
.footer .icon-link {
11+
font-size: 25px;
12+
color: #000;
13+
}
14+
15+
.link-block a {
16+
margin-top: 5px;
17+
margin-bottom: 5px;
18+
}
19+
20+
.dnerf {
21+
font-variant: small-caps;
22+
}
23+
24+
25+
.teaser .hero-body {
26+
padding-top: 0;
27+
padding-bottom: 3rem;
28+
}
29+
30+
.teaser {
31+
font-family: 'Google Sans', sans-serif;
32+
}
33+
34+
35+
.publication-title {}
36+
37+
.publication-banner {
38+
max-height: parent;
39+
40+
}
41+
42+
.publication-banner video {
43+
position: relative;
44+
left: auto;
45+
top: auto;
46+
transform: none;
47+
object-fit: fit;
48+
}
49+
50+
.publication-header .hero-body {}
51+
52+
.publication-title {
53+
font-family: 'Google Sans', sans-serif;
54+
}
55+
56+
.publication-authors {
57+
font-family: 'Google Sans', sans-serif;
58+
}
59+
60+
.publication-venue {
61+
color: #555;
62+
width: fit-content;
63+
font-weight: bold;
64+
}
65+
66+
.publication-awards {
67+
color: #ff3860;
68+
width: fit-content;
69+
font-weight: bolder;
70+
}
71+
72+
.publication-authors {}
73+
74+
.publication-authors a {
75+
/* color: hsl(204, 86%, 53%) !important; */
76+
color: #13294B !important;
77+
/* font-weight: bold; */
78+
}
79+
80+
.publication-authors a:hover {
81+
text-decoration: underline;
82+
}
83+
84+
.author-block {
85+
display: inline-block;
86+
}
87+
88+
.publication-banner img {}
89+
90+
.publication-authors {
91+
/*color: #4286f4;*/
92+
}
93+
94+
.publication-video {
95+
position: relative;
96+
width: 100%;
97+
height: 0;
98+
padding-bottom: 56.25%;
99+
100+
overflow: hidden;
101+
border-radius: 10px !important;
102+
}
103+
104+
.publication-video iframe {
105+
position: absolute;
106+
top: 0;
107+
left: 0;
108+
width: 100%;
109+
height: 100%;
110+
}
111+
112+
.publication-body img {}
113+
114+
.results-carousel {
115+
overflow: hidden;
116+
}
117+
118+
.results-carousel .item {
119+
margin: 5px;
120+
overflow: hidden;
121+
border: 1px solid #bbb;
122+
border-radius: 10px;
123+
padding: 0;
124+
font-size: 0;
125+
}
126+
127+
.results-carousel video {
128+
margin: 0;
129+
}
130+
131+
132+
.interpolation-panel {
133+
background: #f5f5f5;
134+
border-radius: 10px;
135+
}
136+
137+
.interpolation-panel .interpolation-image {
138+
width: 100%;
139+
border-radius: 5px;
140+
}
141+
142+
.interpolation-video-column {}
143+
144+
.interpolation-panel .slider {
145+
margin: 0 !important;
146+
}
147+
148+
.interpolation-panel .slider {
149+
margin: 0 !important;
150+
}
151+
152+
#interpolation-image-wrapper {
153+
width: 100%;
154+
}
155+
156+
#interpolation-image-wrapper img {
157+
border-radius: 5px;
158+
}
159+
160+
.model-name {
161+
font-variant: small-caps;
162+
font-weight: bolder;
163+
}
164+
165+
li {
166+
list-style-type: none;
167+
}
168+
169+
.horizontal-container {
170+
display: flex;
171+
align-items: top;
172+
}
173+
174+
.horizontal-container p {
175+
flex: 1;
176+
margin-right: 16px;
177+
}
178+
179+
.horizontal-container img {
180+
flex: 0 0 50%;
181+
max-width: 42%;
182+
height: auto;
183+
}
184+
185+
.image-container-container {
186+
display: flex;
187+
justify-content: center;
188+
align-items: center;
189+
gap: 10px;
190+
flex-direction: column;
191+
}
192+
193+
.image-container {
194+
display: flex;
195+
justify-content: center;
196+
align-items: center;
197+
gap: 10px;
198+
/* Ensures a consistent 10px gap between images */
199+
}
200+
201+
.image {
202+
height: 300px;
203+
width: 400px;
204+
display: block;
205+
}
206+
207+
.caption {
208+
margin-top: 10px;
209+
font-size: 16px;
210+
margin-bottom: 10px;
211+
font-weight: bold;
212+
}
213+
214+
.caption .highlight {
215+
padding: 2px 5px;
216+
border-radius: 3px;
217+
font-weight: bold;
218+
}
219+
220+
.caption .highlight.one {
221+
background-color: #c5062950;
222+
}
223+
224+
.caption .highlight.two {
225+
background-color: #a8f24a50;
226+
}
227+
228+
.caption .highlight.three {
229+
background-color: #5d0b6d50;
230+
}
231+
232+
.caption .highlight.four {
233+
background-color: #84eef450;
234+
}
235+
236+
.caption .highlight.five {
237+
background-color: #a8f24a50;
238+
}
239+
240+
.caption .highlight.six {
241+
background-color: #930f0d50;
242+
}
243+
244+
.caption .highlight.seven {
245+
background-color: #cbfca750;
246+
}
247+
248+
.caption .highlight.eight {
249+
background-color: #5d0b6d50;
250+
}
251+
252+
.caption .highlight.nine {
253+
background-color: #bc008250;
254+
}
255+
256+
.caption .highlight.ten {
257+
background-color: #930f0d50;
258+
}
259+
260+
.caption .highlight.eleven {
261+
background-color: #3603c950;
262+
}
263+
264+
.qual-example {
265+
border: 2px solid #00000000;
266+
border-radius: 30px;
267+
padding: 20px;
268+
background-color: #dadada81;
269+
margin-bottom: 30px;
270+
}
271+
272+
.qual-example:last-child {
273+
margin-bottom: 0px;
274+
}
275+
276+
.illini-blue {
277+
color: #13294B;
278+
}
279+
280+
.illini-orange {
281+
color: #FF5F05;
282+
}

0 commit comments

Comments
 (0)