Skip to content

Commit 1dd5688

Browse files
marco66colombomarco66colombo
committed
split homepage content into News posts and dedicated Resources section
1 parent 3ab4e7f commit 1dd5688

4 files changed

Lines changed: 88 additions & 6 deletions

File tree

‎_config.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,9 @@ navbar:
2121
- name: About
2222
link: "#about" # Note that for links to autoscroll to anchors on the main page, only the #anchor is needed (no preceding slash)
2323
autoscroll: true
24+
- name: News
25+
link: "#news"
26+
autoscroll: true
2427
- name: Events
2528
link: "#events"
2629
autoscroll: true

‎_data/resources.yml‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
- title: "hls4ml"
2+
description: "Open-source framework for translating ML algorithms into FPGA firmware."
3+
image: "/images/hls4ml.png"
4+
external_link: "https://fastmachinelearning.org/hls4ml/"
5+
6+
- title: "SuperSONIC"
7+
description: "A research project focused on accelerated real-time scientific ML systems."
8+
image: "/images/sonic.png"
9+
external_link: "https://fastmachinelearning.org/SuperSONIC/"
10+
11+
- title: "FastML GitHub Repositories"
12+
description: "Community software projects, examples, and shared development resources."
13+
image: "/images/fastml_logo.png"
14+
external_link: "https://github.com/fastmachinelearning"

‎css/style.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,28 @@
33
--almost-black: #040404;
44
--light-grey: #e0e0e0;
55
--medium-grey: #afafaf;
6+
--navbar-offset: 64px;
7+
}
8+
9+
/* Keep section titles visible below the fixed navbar when using anchor links. */
10+
#about,
11+
#news,
12+
#events,
13+
#resources,
14+
#collaboration,
15+
#sponsors {
16+
scroll-margin-top: var(--navbar-offset);
17+
}
18+
19+
/* Collaboration anchors to a dark section boundary; avoid showing the white section above. */
20+
#collaboration {
21+
scroll-margin-top: 0;
22+
}
23+
24+
@media (max-width: 991.98px) {
25+
:root {
26+
--navbar-offset: 72px;
27+
}
628
}
729

830

‎index.html‎

Lines changed: 49 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<body class="bg-light" data-bs-spy="scroll" data-bs-target="#navbar-global">
88
{% include nav.html %}
99
<div class="bg-dark container-fluid">
10-
<div class="container col-xxl-8 px-4 py-5 " id="about">
10+
<div class="container col-xxl-8 px-4 my-5" id="about">
1111
<div class="row flex-lg-row-reverse align-items-center justify-content-center g-5 py-5">
1212
<div class="col-8 col-sm-8 col-lg-6">
1313
<img src="{{ site.baseurl }}/images/fastml_logo.png" class="d-block mx-lg-auto img-fluid" alt="Test" width="350" height="250"
@@ -73,10 +73,18 @@ <h4 class="card-title text-center">{{ event.title }}</h4>
7373
</div>
7474
</div>
7575
<div class="bg-light container-fluid">
76-
<div class="px-4 py-5 my-5 text-center" id="resources">
77-
<h1 class="pb-4 display-5 fw-bold">Resources</h1>
76+
<div class="px-4 my-5 text-center" id="news">
77+
<h1 class="pb-4 display-5 fw-bold">News</h1>
78+
<div class="col-lg-6 mx-auto text-center">
79+
<p class="lead mb-4">Latest updates from the FastML community.</p>
80+
</div>
7881
<div class="col-lg-5 mx-auto">
7982
{% for post in site.posts %}
83+
{% assign is_resource_post = false %}
84+
{% if post.external_link == "https://fastmachinelearning.org/hls4ml/" or post.external_link == "https://fastmachinelearning.org/SuperSONIC/" %}
85+
{% assign is_resource_post = true %}
86+
{% endif %}
87+
{% unless is_resource_post %}
8088
<div class="row">
8189
<div class="card m-2 post-preview">
8290
<div class="row g-0">
@@ -95,12 +103,47 @@ <h4 class="card-title text-center">{{post.title}}</h4>
95103
</div>
96104
</div>
97105
</div>
106+
{% endunless %}
107+
{% endfor %}
108+
</div>
109+
</div>
110+
</div>
111+
<div class="bg-light container-fluid">
112+
<div class="px-4 my-5 text-center" id="resources">
113+
<h1 class="pb-4 display-5 fw-bold">Resources</h1>
114+
<div class="col-lg-6 mx-auto text-center">
115+
<p class="lead mb-4">Core projects and platforms from the FastML ecosystem.</p>
116+
</div>
117+
<div class="col-lg-5 mx-auto">
118+
{% if site.data.resources and site.data.resources.size > 0 %}
119+
{% for resource in site.data.resources %}
120+
<div class="row">
121+
<div class="card m-2 post-preview">
122+
<div class="row g-0">
123+
<div class="col-md-4 d-flex align-items-center">
124+
<img src="{{ site.baseurl }}{{ resource.image }}" class="img-fluid rounded-start" alt="{{ resource.title }}"
125+
style="max-width: 100%; max-height: 120px; width: auto; margin: 0 auto;">
126+
</div>
127+
<div class="col-md-8">
128+
<div class="card-body">
129+
<h4 class="card-title text-center">{{ resource.title }}</h4>
130+
<p class="card-text">{{ resource.description }}</p>
131+
<div class="d-flex justify-content-center"><a href="{{ resource.external_link }}"
132+
class="btn btn-primary">View Details</a></div>
133+
</div>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
98138
{% endfor %}
139+
{% else %}
140+
<p class="text-center text-muted">Resource links will be added soon.</p>
141+
{% endif %}
99142
</div>
100143
</div>
101144
</div>
102-
<div class="bg-primary container-fluid">
103-
<div class="px-4 py-5 my-5 text-center text-light" id="collaboration">
145+
<div class="bg-primary container-fluid" id="collaboration">
146+
<div class="px-4 my-5 pt-5 text-center text-light">
104147
<h1 class="display-5 fw-bold">Collaboration</h1>
105148
<div class="col-lg-6 mx-auto">
106149
<p class="lead mb-4">{{site.collaboration.byline}}</p>
@@ -123,7 +166,7 @@ <h2 class="h3 fw-bold text-center">Collaborating Institutes</h2>
123166
</div>
124167
</div>
125168
<div class="bg-light container-fluid">
126-
<div class="px-4 py-5 my-5 text-center" id="sponsors">
169+
<div class="px-4 my-5 text-center" id="sponsors">
127170
<h1 class="pb-4 display-5 fw-bold">Sponsors and Partners</h1>
128171
<div class="col-lg-6 mx-auto text-center">
129172
<p class="lead mb-4">We are graciously funded by the following organizations:</p>

0 commit comments

Comments
 (0)