Skip to content

Commit b86551b

Browse files
jyao97jyao97
committed
added facilities
1 parent b3a78ca commit b86551b

16 files changed

+256
-8
lines changed

‎_data/facilities.yaml

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
- title: TurtleBot 4
2+
# subtitle: a subtitle
3+
# group: featured
4+
image: facilities_images/turtlebot4_standard.png
5+
# link: https://github.com/
6+
description: |
7+
TurtleBot 4 is a mobile robot that can perform tasks including social navigation, collaborative navigation, and human-robot interaction.
8+
9+
- title: TIAGo++
10+
# subtitle: a subtitle
11+
# group: featured
12+
image: facilities_images/TIAGo++.jpg
13+
# link: https://github.com/
14+
description: |
15+
TIAGo++ is a mobile manipulation robot with two arms that can perform tasks including social rearrangement, human-robot interaction, and bi-manual manipulation.
16+
17+
- title: Gen 3
18+
# subtitle: a subtitle
19+
# group: featured
20+
image: facilities_images/gen3.png
21+
# link: https://github.com/
22+
description: |
23+
Kinova Gen3 is a manipulation robot that can perform tasks involving manipulation.
24+
25+
- title: Aloha
26+
# subtitle: a subtitle
27+
# group: featured
28+
image: facilities_images/aloha.webp
29+
# link: https://github.com/
30+
description: |
31+
Aloha is a stationary platform that can perform tasks involving bi-manual manipulation and human-robot interaction.
32+
33+
- title: Unitree Go2
34+
# subtitle: a subtitle
35+
# group: featured
36+
image: facilities_images/unitreego2.webp
37+
# link: https://github.com/
38+
description: |
39+
Unitree Go2 is four-pedal walker that can perform tasks involving navigation and human-robot interaction.
40+
41+
- title: Unitree B2
42+
# subtitle: a subtitle
43+
# group: featured
44+
image: facilities_images/unitreeb2.webp
45+
# link: https://github.com/
46+
description: |
47+
Unitree B2 is four-pedal walker that can perform tasks involving navigation and human-robot interaction.
48+
49+
- title: Meta Quest 3
50+
# subtitle: a subtitle
51+
# group: featured
52+
image: facilities_images/metaquest3.jpg
53+
# link: https://github.com/
54+
description: |
55+
Meta Quest 3 for VR applications with robots.

‎_includes/card_facilities.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{{ " " }}
2+
<div class="card-facilities" data-style="{{ include.style }}">
3+
4+
<div class="card-text-facilities">
5+
{% if include.title %}
6+
<a
7+
{% if include.link %}
8+
href="{{ include.link | relative_url }}
9+
{% endif %}
10+
{% if include.tooltip %}
11+
data-tooltip="{{ include.tooltip }}"
12+
{% endif %}
13+
class="card-title-facilities"
14+
>
15+
{{ include.title }}
16+
</a>
17+
{% endif %}
18+
19+
{% if include.subtitle %}
20+
<span class="card-subtitle-facilities">{{ include.subtitle }}</span>
21+
{% endif %}
22+
</div>
23+
24+
<div class="card-img-facilities" style="aspect-ratio: 1.5; overflow: hidden; margin-bottom: 0px;">
25+
<a
26+
{% if include.link %}
27+
href="{{ include.link | relative_url }}"
28+
{% endif %}
29+
aria-label="{{ include.title | default: "card link" }}"
30+
class="card-image-facilities"
31+
>
32+
<img
33+
src="{{ include.image | relative_url }}"
34+
alt="{{ include.title | default: "card image" }}"
35+
loading="lazy"
36+
style="width: 100%; height: auto; object-fit: contain;"
37+
{% include fallback.html %}
38+
>
39+
</a>
40+
</div>
41+
42+
<div class="card-description-facilities" style="margin: 0px;">
43+
{% if include.description %}
44+
<p>
45+
{{ include.description | markdownify | remove: "<p>" | remove: "</p>" }}
46+
</p>
47+
{% endif %}
48+
49+
{% if include.tags or include.repo %}
50+
{% include tags.html tags=include.tags repo=include.repo %}
51+
{% endif %}
52+
</div>
53+
</div>

‎_includes/list_facilities.html

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
{% assign emptyarray = "" | split: "," %}
2+
{% assign data = site.data[include.data]
3+
| default: site[include.data]
4+
| default: emptyarray
5+
| data_filter: include.filters
6+
%}
7+
8+
{% assign years = data
9+
| group_by_exp: "d", "d.date | date: '%Y'"
10+
| sort: "name"
11+
| reverse
12+
%}
13+
14+
{% for year in years %}
15+
{% assign data = year.items %}
16+
17+
{% if years.size > 1 %}
18+
{{--}}<h3 id="{{ year.name }}">{{ year.name }}</h3>
19+
{% assign data = data | sort: "date" | reverse %}
20+
{% endif %}
21+
22+
{% for d in data %}
23+
{% assign style = d.style | default: include.style %}
24+
25+
{%
26+
include {{ include.component | append: ".html" }}
27+
affiliation=d.affiliation
28+
author=d.author
29+
authors=d.authors
30+
buttons=d.buttons
31+
caption=d.caption
32+
content=d.content
33+
date=d.date
34+
description=d.description
35+
excerpt=d.excerpt
36+
height=d.height
37+
icon=d.icon
38+
id=d.id
39+
image=d.image
40+
last_modified_at=d.last_modified_at
41+
link=d.link
42+
lookup=d.lookup
43+
name=d.name
44+
publisher=d.publisher
45+
repo=d.repo
46+
role=d.role
47+
slug=d.slug
48+
style=style
49+
subtitle=d.subtitle
50+
tags=d.tags
51+
text=d.text
52+
title=d.title
53+
tooltip=d.tooltip
54+
type=d.type
55+
url=d.url
56+
width=d.width
57+
%}
58+
{% endfor %}
59+
{% endfor %}

‎_styles/card_facilities.scss

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
---
2+
---
3+
4+
.card-facilities {
5+
display: inline-flex;
6+
justify-content: stretch;
7+
align-items: center;
8+
flex-direction: column;
9+
width: 350px !important;
10+
max-width: calc(100% - 20px - 20px);
11+
margin: 20px;
12+
background: var(--background);
13+
border-radius: var(--rounded);
14+
overflow: hidden;
15+
box-shadow: var(--shadow);
16+
vertical-align: top;
17+
}
18+
19+
.card-facilities[data-style="small"] {
20+
width: 250px;
21+
}
22+
23+
.card-image-facilities img {
24+
aspect-ratio: 3 / 2;
25+
object-fit: cover;
26+
// box-shadow: var(--shadow);
27+
}
28+
29+
.card-text-facilities {
30+
display: inline-flex;
31+
justify-content: flex-start;
32+
align-items: center;
33+
flex-direction: column;
34+
gap: 0px;
35+
padding: 0px;
36+
}
37+
38+
.card-description-facilities {
39+
margin-top: -10px !important;
40+
display: inline-flex;
41+
justify-content: flex-start;
42+
align-items: center;
43+
flex-direction: column;
44+
gap: 0px;
45+
padding: 0px;
46+
max-width: 92% !important;
47+
}
48+
49+
.card-text-facilities > * {
50+
margin: 0 !important;
51+
}
52+
53+
.card-title-facilities {
54+
font-family: var(--heading);
55+
font-size: var(--large);
56+
font-weight: var(--semi-bold);
57+
gap: 20px;
58+
padding: 20px;
59+
}
60+
61+
.card-subtitle-facilities {
62+
margin-top: -10px !important;
63+
font-style: italic;
64+
}
65+
66+
// .card-text,
67+
// .card-description {
68+
// text-align: left; /* 强制所有文本左对齐 */
69+
// }

‎_styles/card_research.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
justify-content: stretch;
77
align-items: center;
88
flex-direction: column;
9-
width: 350px;
10-
max-width: calc(100% - 20px - 20px);
9+
width: 100% !important;
10+
max-width: calc(100% - 20px - 20px) !important;
1111
margin: 20px;
1212
background: var(--background);
1313
border-radius: var(--rounded);
@@ -33,7 +33,7 @@
3333
align-items: center;
3434
flex-direction: column;
3535
gap: 0px;
36-
max-width: 100%;
36+
max-width: 100% !important;
3737
padding: 0px;
3838
}
3939

@@ -44,7 +44,7 @@
4444
align-items: center;
4545
flex-direction: column;
4646
gap: 0px;
47-
max-width: 92%;
47+
max-width: 92% !important;
4848
padding: 0px;
4949
}
5050

@@ -57,7 +57,7 @@
5757
font-size: var(--large);
5858
font-weight: var(--semi-bold);
5959
gap: 20px;
60-
max-width: 100%;
60+
max-width: 100% !important;
6161
padding: 20px;
6262
}
6363

‎facilities/index.md

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
title: Facilities
3+
4+
nav:
5+
order: 4
6+
---
7+
8+
# {% include icon.html icon="fa-solid fa-gears" %}Facilities
9+
10+
Our lab has access to the following facilities:
11+
12+
{% include list_facilities.html component="card_facilities" data="facilities"%}

‎facilities_images/TIAGo++.jpg

100 KB
Loading

‎facilities_images/aloha.webp

229 KB
Binary file not shown.

‎facilities_images/gen3.png

39.8 KB
Loading

‎facilities_images/metaquest3.jpg

66.4 KB
Loading

‎facilities_images/turtlebot4_standard.png

332 KB
Loading

‎facilities_images/unitreeb2.webp

22.3 KB
Binary file not shown.

‎facilities_images/unitreego2.webp

34.3 KB
Binary file not shown.

‎join/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Join Us
33
nav:
4-
order: 6
4+
order: 7
55
---
66

77
# {% include icon.html icon="fa-regular fa-envelope" %}Join Us

‎people/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: People
33
nav:
4-
order: 5
4+
order: 6
55
---
66

77
# {% include icon.html icon="fa-solid fa-users" %}Team

‎teaching/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Teaching
33
nav:
4-
order: 4
4+
order: 5
55
---
66

77
# {% include icon.html icon="fa-solid fa-chalkboard-user" %}Teaching

0 commit comments

Comments
 (0)