dr_domi/udlbook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

code cleanup

Browse Source
This commit is contained in:
Tom Heaton
2024-06-06 00:23:19 +01:00
parent 3cf0c4c418
commit 625d1e29bb
18 changed files with 69 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/HeroSection/HeroElements.jsx
View File

@@ -8,7 +8,6 @@ export const HeroContainer = styled.div`
padding: 0 0px;
position: static;
z-index: 1;
}
`;
export const HeroContent = styled.div`
@@ -22,6 +21,7 @@ export const HeroContent = styled.div`
flex-direction: column;
align-items: center;
`;
export const HeroH1 = styled.h1`
color: #fff;
font-size: 48px;
@@ -59,8 +59,8 @@ export const HeroBtnWrapper = styled.div`
align-items: center;
`;
export const HeroRow = styled.div`
display: grid;
export const HeroRow = styled.div`
display: grid;
grid-auto-columns: minmax(auto, 1fr);
align-items: top;
grid-template-areas: 'col1 col2' };
@@ -74,17 +74,20 @@ export const HeroNewsItem = styled.div`
margin-left: 4px;
color: #000000;
font-size: 16px;
// line-height: 16px;
/* line-height: 16px; */
margin-bottom: 16px;
display: flex;
justify-content: start;
`;
export const HeroNewsItemDate = styled.div`
width: 20%;
margin-right: 20px;
@media screen and (max-width: 768px) {
font-size: 12px;
}
@media screen and (max-width: 480px) {
font-size: 12px;
}
@@ -130,6 +133,7 @@ export const TextWrapper = styled.div`
padding-top: 0;
padding-bottom: 0;
`;
export const HeroImgWrap = styled.div`
max-width: 555px;
height: 100%;
@@ -181,34 +185,6 @@ export const HeroLink = styled.a`
}
`;
// color: #fff;
// text-decoration: none;
// padding: 0.1rem 0rem;
// height: 100%;
// cursor: pointer;
// position:relative ;
// &:before{
// position: absolute;
// margin: 0 auto;
// top: 100%;
// left: 0;
// width: 100%;
// height: 2px;
// background-color: #000;
// content: '';
// opacity: .3;
// -webkit-transform: scaleX(1);
// transition-property: opacity, -webkit-transform;
// transition-duration: .3s;
// }
// &:hover:before {
// opacity: 1;
// -webkit-transform: scaleX(1.05);
// }
// `;
export const UDLLink = styled.a`
text-decoration: none;
color: #000;
@@ -275,6 +251,7 @@ export const HeroCitationTitle = styled.div`
`;
export const HeroNewsBlock = styled.div``;
export const HeroCitationBlock = styled.div`
font-size: 14px;
margin-bottom: 0px;

20
src/components/HeroSection/index.jsx
View File

@@ -23,12 +23,13 @@ import {
const HeroSection = () => {
const citation = `
@book{prince2023understanding,
author = "Simon J.D. Prince",
title = "Understanding Deep Learning",
publisher = "The MIT Press",
year = 2023,
url = "http://udlbook.com"}
@book{prince2023understanding,
author = "Simon J.D. Prince",
title = "Understanding Deep Learning",
publisher = "The MIT Press",
year = 2023,
url = "http://udlbook.com"
}
`;
return (
@@ -38,7 +39,6 @@ const HeroSection = () => {
<HeroColumn1>
<HeroNewsBlock>
<HeroNewsTitle>RECENT NEWS:</HeroNewsTitle>
<HeroNewsItem>
<HeroNewsItemDate>03/12/24</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -46,7 +46,6 @@ const HeroSection = () => {
Book now available again.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>02/21/24</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -64,7 +63,6 @@ const HeroSection = () => {
printing available mid-March.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>01/29/24</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -77,7 +75,6 @@ const HeroSection = () => {
published.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/26/23</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -90,7 +87,6 @@ const HeroSection = () => {
discussing book.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/19/23</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -101,7 +97,6 @@ const HeroSection = () => {
discussing book.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/06/23</HeroNewsItemDate>
<HeroNewsItemContent>
@@ -113,7 +108,6 @@ const HeroSection = () => {
discussing the book with Borealis AI.
</HeroNewsItemContent>
</HeroNewsItem>
<HeroNewsItem>
<HeroNewsItemDate>12/05/23</HeroNewsItemDate>
<HeroNewsItemContent>