dynamic rendering for news items

This commit is contained in:
Tom Heaton
2024-06-20 10:39:17 +01:00
parent 251aef1876
commit 735947b728
2 changed files with 120 additions and 126 deletions

View File

@@ -18,10 +18,9 @@ import {
Img,
UDLLink,
} from "@/components/HeroSection/HeroElements";
import img from "@/images/F23.prince.learning.turquoise.jpg";
import img from "@/images/book_cover.jpg";
export default function HeroSection() {
const citation = `
const citation = `
@book{prince2023understanding,
author = "Simon J.D. Prince",
title = "Understanding Deep Learning",
@@ -31,6 +30,116 @@ export default function HeroSection() {
}
`;
const news = [
{
date: "05/22/24",
content: (
<HeroNewsItemContent>
New{" "}
<UDLLink href="https://borealisai.com/research-blogs/neural-tangent-kernel-applications/">
blog
</UDLLink>{" "}
about the applications of the neural tangent kernel.
</HeroNewsItemContent>
),
},
{
date: "05/10/24",
content: (
<HeroNewsItemContent>
Positive{" "}
<UDLLink href="https://github.com/udlbook/udlbook/blob/main/public/NMI_Review.pdf">
review
</UDLLink>{" "}
in Nature Machine Intelligence.
</HeroNewsItemContent>
),
},
{
date: "03/12/24",
content: <HeroNewsItemContent>Book now available again.</HeroNewsItemContent>,
},
{
date: "02/21/24",
content: (
<HeroNewsItemContent>
New blog about the{" "}
<UDLLink href="https://borealisai.com/research-blogs/the-neural-tangent-kernel/">
Neural Tangent Kernel
</UDLLink>
.
</HeroNewsItemContent>
),
},
{
date: "02/15/24",
content: (
<HeroNewsItemContent>
First printing of book has sold out in most places. Second printing available
mid-March.
</HeroNewsItemContent>
),
},
{
date: "01/29/24",
content: (
<HeroNewsItemContent>
New blog about{" "}
<UDLLink href="https://borealisai.com/research-blogs/gradient-flow/">
gradient flow
</UDLLink>{" "}
published.
</HeroNewsItemContent>
),
},
{
date: "12/26/23",
content: (
<HeroNewsItemContent>
Machine Learning Street Talk{" "}
<UDLLink href="https://youtube.com/watch?v=sJXn4Cl4oww">podcast</UDLLink> discussing
book.
</HeroNewsItemContent>
),
},
{
date: "12/19/23",
content: (
<HeroNewsItemContent>
Deeper Insights{" "}
<UDLLink href="https://podcasts.apple.com/us/podcast/understanding-deep-learning-with-simon-prince/id1669436318?i=1000638269385">
podcast
</UDLLink>{" "}
discussing book.
</HeroNewsItemContent>
),
},
{
date: "12/06/23",
content: (
<HeroNewsItemContent>
<UDLLink href="https://borealisai.com/news/understanding-deep-learning/">
Interview
</UDLLink>{" "}
with Borealis AI.
</HeroNewsItemContent>
),
},
{
date: "12/05/23",
content: (
<HeroNewsItemContent>
Book released by{" "}
<UDLLink href="https://mitpress.mit.edu/9780262048644/understanding-deep-learning/">
The MIT Press
</UDLLink>
.
</HeroNewsItemContent>
),
},
];
export default function HeroSection() {
return (
<HeroContainer id="home">
<HeroContent>
@@ -38,132 +147,17 @@ export default function HeroSection() {
<HeroColumn1>
<HeroNewsBlock>
<HeroNewsTitle>RECENT NEWS:</HeroNewsTitle>
<HeroNewsItem>
<HeroNewsItemDate>05/22/24</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
New{" "}
<UDLLink href="https://www.borealisai.com/research-blogs/neural-tangent-kernel-applications/">
{" "}
blog{" "}
</UDLLink>{" "}
about the applications of the neural tangent kernel.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>05/10/24</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
Positive{" "}
<UDLLink href="https://github.com/udlbook/udlbook/blob/main/public/NMI_Review.pdf">
review
</UDLLink>{" "}
in Nature Machine Intelligence.
</HeroNewsItemContent>
</HeroNewsItem>
{/* <HeroNewsItem>
<HeroNewsItemDate>03/12/24</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
Book now available again.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>02/21/24</HeroNewsItemDate>
<HeroNewsItemContent>
New blog about the{" "}
<UDLLink href="https://www.borealisai.com/research-blogs/the-neural-tangent-kernel/">
Neural Tangent Kernel.
</UDLLink>
</HeroNewsItemContent>
<HeroNewsItemContent> Book now available again.</HeroNewsItemContent>
</HeroNewsItem> */}
<HeroNewsItem>
<HeroNewsItemDate>02/21/24</HeroNewsItemDate>
<HeroNewsItemContent>
New blog about the{" "}
<UDLLink href="https://www.borealisai.com/research-blogs/the-neural-tangent-kernel/">
Neural Tangent Kernel
</UDLLink>
.
</HeroNewsItemContent>
</HeroNewsItem>
{/* <HeroNewsItem>
<HeroNewsItemDate>02/15/24</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
First printing of book has sold out in most places. Second
printing available mid-March.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItemContent> First printing of book has sold out in most places. Second printing available mid-March.</HeroNewsItemContent>
</HeroNewsItem> */}
<HeroNewsItem>
<HeroNewsItemDate>01/29/24</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
New blog about{" "}
<UDLLink href="https://www.borealisai.com/research-blogs/gradient-flow/">
{" "}
gradient flow
</UDLLink>{" "}
published.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/26/23</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
Machine Learning Street Talk{" "}
<UDLLink href="https://www.youtube.com/watch?v=sJXn4Cl4oww">
{" "}
podcast{" "}
</UDLLink>{" "}
discussing book.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/19/23</HeroNewsItemDate>
<HeroNewsItemContent>
Deeper Insights{" "}
<UDLLink href="https://podcasts.apple.com/us/podcast/understanding-deep-learning-with-simon-prince/id1669436318?i=1000638269385">
podcast
</UDLLink>{" "}
discussing book.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/06/23</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
<UDLLink href="https://www.borealisai.com/news/understanding-deep-learning/">
Interview
</UDLLink>{" "}
with Borealis AI.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/05/23</HeroNewsItemDate>
<HeroNewsItemContent>
{" "}
Book released by{" "}
<UDLLink href="https://mitpress.mit.edu/9780262048644/understanding-deep-learning/">
The MIT Press
</UDLLink>
.
</HeroNewsItemContent>
</HeroNewsItem>
{news.map((item, index) => (
<HeroNewsItem key={index}>
<HeroNewsItemDate>{item.date}</HeroNewsItemDate>
{item.content}
</HeroNewsItem>
))}
</HeroNewsBlock>
<HeroCitationTitle>CITATION:</HeroCitationTitle>
<HeroCitationBlock>
<pre>
<code>
<>{citation}</>
</code>
<code>{citation}</code>
</pre>
</HeroCitationBlock>
<HeroFollowBlock>
@@ -177,7 +171,7 @@ export default function HeroSection() {
</HeroColumn1>
<HeroColumn2>
<HeroImgWrap>
<Img src={img} alt="UDL Book" />
<Img src={img} alt="Book Cover" />
</HeroImgWrap>
<HeroLink href="https://github.com/udlbook/udlbook/releases/download/v4.0.1/UnderstandingDeepLearning_05_27_24_C.pdf">
Download full pdf (27 May 2024)

View File

Before

Width:  |  Height:  |  Size: 282 KiB

After

Width:  |  Height:  |  Size: 282 KiB