nickorlow/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design changes and project updates

Browse source
This commit is contained in:
Nicholas Orlowsky 2023-03-21 11:26:01 -05:00
parent 6ad19a8bfa
commit e375cbe23d
21 changed files with 174 additions and 217 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/blog-card/BlogCard.css
View file

@ -25,12 +25,14 @@
.blog-card-int {
border-radius: 7px;
background-color: #1a1a1e;
font-family: monospace;
transition: 1s;
color: #FFFFFF;
}
.blog-card-int:hover {
transform: translateY(-5px);
color: #F38020;
transition: .5s;
cursor: pointer;
text-decoration: none;
}

16
src/components/blog-card/BlogCard.tsx
View file

@ -1,19 +1,19 @@
import ScrollAnimation from "react-animate-on-scroll";
import React from "react";
import {Link} from "react-router-dom";
import Job from "../../types/Job";
import "./BlogCard.css";
import Blog from "../../types/Blog";
export default function BlogCard(props: {style?: any, className?: string, blog: Blog, num: number}){
export default function BlogCard(props: {style?: any, className?: string, blog: Blog}){
return (
<ScrollAnimation className={"blog-card "+(props.className || "")} style={props.style} animateIn="fade-up" duration={2} animateOnce={true} offset={50} delay={200}>
<div onClick={()=>{window.location.href="/blog?id="+props.num}} className={"blog-card-int"}>
{/*<img className={"blog-card-img"} src={props.blog.image}/>*/}
<div className={"blog-card "+(props.className || "")} style={props.style}>
<Link to={"/blog/"+props.blog.uri} className={"blog-card-int"}>
<div className={"blog-card-info"}>
<h3>{props.blog.title}</h3>
<p>{props.blog.date.toLocaleDateString()}</p>
<h4 className={"font-weight-bold"}>{props.blog.title}</h4>
<p className={"font-weight-lighter"}>{props.blog.date.toLocaleDateString()}</p>
</div>
</div>
</ScrollAnimation>
</Link>
</div>
);
}