formatting
This commit is contained in:
@@ -1,5 +1,20 @@
|
||||
import React from 'react'
|
||||
import { ImgWrap, Img, MediaLink, MediaContainer, MediaContent, MediaWrapper, VideoFrame, MediaRow, MediaRow2, Column1, Column2, TextWrapper, TopLine, Heading, Subtitle} from './MediaElements'
|
||||
import {
|
||||
Column1,
|
||||
Column2,
|
||||
Heading,
|
||||
Img,
|
||||
ImgWrap,
|
||||
MediaContainer,
|
||||
MediaContent,
|
||||
MediaLink,
|
||||
MediaRow,
|
||||
MediaRow2,
|
||||
MediaWrapper,
|
||||
Subtitle,
|
||||
TextWrapper,
|
||||
TopLine,
|
||||
VideoFrame,
|
||||
} from "./MediaElements";
|
||||
|
||||
// export const homeObjOne = {
|
||||
// id: 'about',
|
||||
@@ -19,26 +34,29 @@ import { ImgWrap, Img, MediaLink, MediaContainer, MediaContent, MediaWrapper, Vi
|
||||
// darkText: false
|
||||
// };
|
||||
|
||||
import img from '../../images/media.svg'
|
||||
|
||||
|
||||
import img from "../../images/media.svg";
|
||||
|
||||
const MediaSection = () => {
|
||||
return (
|
||||
<>
|
||||
<MediaContainer lightBg={false} id='Media'>
|
||||
<MediaContainer lightBg={false} id="Media">
|
||||
<MediaWrapper>
|
||||
<MediaRow imgStart={true}>
|
||||
<Column1>
|
||||
<TextWrapper>
|
||||
<TopLine>Media</TopLine>
|
||||
<Heading lightText={true}> Reviews, videos, podcasts, interviews</Heading>
|
||||
<Subtitle darkText={false}>Various resources connected to the book</Subtitle>
|
||||
<Heading lightText={true}>
|
||||
{" "}
|
||||
Reviews, videos, podcasts, interviews
|
||||
</Heading>
|
||||
<Subtitle darkText={false}>
|
||||
Various resources connected to the book
|
||||
</Subtitle>
|
||||
</TextWrapper>
|
||||
</Column1>
|
||||
<Column2>
|
||||
<ImgWrap>
|
||||
<Img src={img} alt='Car'/>
|
||||
<Img src={img} alt="Car" />
|
||||
</ImgWrap>
|
||||
</Column2>
|
||||
</MediaRow>
|
||||
@@ -46,16 +64,29 @@ const MediaSection = () => {
|
||||
<Column1>
|
||||
Machine learning street talk podcast
|
||||
<VideoFrame>
|
||||
<iframe width="100%" height="100%"
|
||||
src="https://www.youtube.com/embed/sJXn4Cl4oww?si=Lm_hQPqj0RXy-75H&controls=0"
|
||||
title="YouTube video player" frameborder="2" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
|
||||
</iframe>
|
||||
<iframe
|
||||
width="100%"
|
||||
height="100%"
|
||||
src="https://www.youtube.com/embed/sJXn4Cl4oww?si=Lm_hQPqj0RXy-75H&controls=0"
|
||||
title="YouTube video player"
|
||||
frameborder="2"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</VideoFrame>
|
||||
</Column1>
|
||||
<Column2>
|
||||
Deeper insights podcast
|
||||
Deeper insights podcast
|
||||
<VideoFrame>
|
||||
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/nQf4o9TDSHI?si=uMk66zLD7uhuSnQ1&controls=0" title="YouTube video player" frameborder="2" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
<iframe
|
||||
width="100%"
|
||||
height="100%"
|
||||
src="https://www.youtube.com/embed/nQf4o9TDSHI?si=uMk66zLD7uhuSnQ1&controls=0"
|
||||
title="YouTube video player"
|
||||
frameborder="2"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</VideoFrame>
|
||||
</Column2>
|
||||
</MediaRow>
|
||||
@@ -64,9 +95,26 @@ const MediaSection = () => {
|
||||
<TopLine>Reviews</TopLine>
|
||||
<MediaContent>
|
||||
<ul>
|
||||
<li> Amazon <MediaLink href="https://www.amazon.com/Understanding-Deep-Learning-Simon-Prince-ebook/product-reviews/B0BXKH8XY6/">reviews</MediaLink></li>
|
||||
<li>Goodreads <MediaLink href="https://www.goodreads.com/book/show/123239819-understanding-deep-learning?">reviews </MediaLink></li>
|
||||
<li>Book <MediaLink href="https://medium.com/@vishalvignesh/udl-book-review-the-new-deep-learning-textbook-youll-want-to-finish-69e1557b018d">review</MediaLink> by Vishal V.</li>
|
||||
<li>
|
||||
{" "}
|
||||
Amazon{" "}
|
||||
<MediaLink href="https://www.amazon.com/Understanding-Deep-Learning-Simon-Prince-ebook/product-reviews/B0BXKH8XY6/">
|
||||
reviews
|
||||
</MediaLink>
|
||||
</li>
|
||||
<li>
|
||||
Goodreads{" "}
|
||||
<MediaLink href="https://www.goodreads.com/book/show/123239819-understanding-deep-learning?">
|
||||
reviews{" "}
|
||||
</MediaLink>
|
||||
</li>
|
||||
<li>
|
||||
Book{" "}
|
||||
<MediaLink href="https://medium.com/@vishalvignesh/udl-book-review-the-new-deep-learning-textbook-youll-want-to-finish-69e1557b018d">
|
||||
review
|
||||
</MediaLink>{" "}
|
||||
by Vishal V.
|
||||
</li>
|
||||
</ul>
|
||||
</MediaContent>
|
||||
</Column1>
|
||||
@@ -74,17 +122,26 @@ const MediaSection = () => {
|
||||
<TopLine>Interviews</TopLine>
|
||||
<MediaContent>
|
||||
<ul>
|
||||
<li>Borealis AI <MediaLink href="https://www.borealisai.com/news/understanding-deep-learning/">interview</MediaLink></li>
|
||||
<li>Shepherd ML book <MediaLink href="https://shepherd.com/best-books/machine-learning-and-deep-neural-networks">recommendations</MediaLink></li>
|
||||
<li>
|
||||
Borealis AI{" "}
|
||||
<MediaLink href="https://www.borealisai.com/news/understanding-deep-learning/">
|
||||
interview
|
||||
</MediaLink>
|
||||
</li>
|
||||
<li>
|
||||
Shepherd ML book{" "}
|
||||
<MediaLink href="https://shepherd.com/best-books/machine-learning-and-deep-neural-networks">
|
||||
recommendations
|
||||
</MediaLink>
|
||||
</li>
|
||||
</ul>
|
||||
</MediaContent>
|
||||
</Column2>
|
||||
</MediaRow2>
|
||||
|
||||
</MediaWrapper>
|
||||
</MediaContainer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export default MediaSection
|
||||
export default MediaSection;
|
||||
|
||||
Reference in New Issue
Block a user