dynamic rendering for news items
This commit is contained in:
Tom Heaton
@@ -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,103 +30,81 @@ export default function HeroSection() {
|
||||
}
|
||||
`;
|
||||
|
||||
return (
|
||||
<HeroContainer id="home">
|
||||
<HeroContent>
|
||||
<HeroRow>
|
||||
<HeroColumn1>
|
||||
<HeroNewsBlock>
|
||||
<HeroNewsTitle>RECENT NEWS:</HeroNewsTitle>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>05/22/24</HeroNewsItemDate>
|
||||
const news = [
|
||||
{
|
||||
date: "05/22/24",
|
||||
content: (
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
New{" "}
|
||||
<UDLLink href="https://www.borealisai.com/research-blogs/neural-tangent-kernel-applications/">
|
||||
{" "}
|
||||
blog{" "}
|
||||
<UDLLink href="https://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>
|
||||
),
|
||||
},
|
||||
{
|
||||
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>
|
||||
</HeroNewsItem>
|
||||
|
||||
{/* <HeroNewsItem>
|
||||
<HeroNewsItemDate>03/12/24</HeroNewsItemDate>
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
Book now available again.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>02/21/24</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
date: "03/12/24",
|
||||
content: <HeroNewsItemContent>Book now available again.</HeroNewsItemContent>,
|
||||
},
|
||||
{
|
||||
date: "02/21/24",
|
||||
content: (
|
||||
<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/">
|
||||
<UDLLink href="https://borealisai.com/research-blogs/the-neural-tangent-kernel/">
|
||||
Neural Tangent Kernel
|
||||
</UDLLink>
|
||||
.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
{/* <HeroNewsItem>
|
||||
<HeroNewsItemDate>02/15/24</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
date: "02/15/24",
|
||||
content: (
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
First printing of book has sold out in most places. Second
|
||||
printing available mid-March.
|
||||
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>
|
||||
),
|
||||
},
|
||||
{
|
||||
date: "01/29/24",
|
||||
content: (
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
New blog about{" "}
|
||||
<UDLLink href="https://www.borealisai.com/research-blogs/gradient-flow/">
|
||||
{" "}
|
||||
<UDLLink href="https://borealisai.com/research-blogs/gradient-flow/">
|
||||
gradient flow
|
||||
</UDLLink>{" "}
|
||||
published.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>12/26/23</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
date: "12/26/23",
|
||||
content: (
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
Machine Learning Street Talk{" "}
|
||||
<UDLLink href="https://www.youtube.com/watch?v=sJXn4Cl4oww">
|
||||
{" "}
|
||||
podcast{" "}
|
||||
</UDLLink>{" "}
|
||||
discussing book.
|
||||
<UDLLink href="https://youtube.com/watch?v=sJXn4Cl4oww">podcast</UDLLink> discussing
|
||||
book.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>12/19/23</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
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">
|
||||
@@ -135,35 +112,52 @@ export default function HeroSection() {
|
||||
</UDLLink>{" "}
|
||||
discussing book.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>12/06/23</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
date: "12/06/23",
|
||||
content: (
|
||||
<HeroNewsItemContent>
|
||||
{" "}
|
||||
<UDLLink href="https://www.borealisai.com/news/understanding-deep-learning/">
|
||||
<UDLLink href="https://borealisai.com/news/understanding-deep-learning/">
|
||||
Interview
|
||||
</UDLLink>{" "}
|
||||
with Borealis AI.
|
||||
</HeroNewsItemContent>
|
||||
</HeroNewsItem>
|
||||
<HeroNewsItem>
|
||||
<HeroNewsItemDate>12/05/23</HeroNewsItemDate>
|
||||
),
|
||||
},
|
||||
{
|
||||
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>
|
||||
<HeroRow>
|
||||
<HeroColumn1>
|
||||
<HeroNewsBlock>
|
||||
<HeroNewsTitle>RECENT NEWS:</HeroNewsTitle>
|
||||
{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)
|
||||
|
||||
|
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 282 KiB |
Reference in New Issue
Block a user