kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-30 18:57:20 +02:00
Code Issues Projects Releases Wiki Activity

Rework Project Cards

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-01-26 14:35:02 +01:00
parent d28ecb256b
commit 53f2a136c9
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/index.js
View file

@ -82,7 +82,7 @@ class IndexPage extends React.Component {
<div className={projectStyles.projectList}> <div className={projectStyles.projectList}>
{this.props.data.allProjectsJson.nodes.map((project) => { {this.props.data.allProjectsJson.nodes.map((project) => {
return ( return (
<div className={projectStyles.projectCard} key={project.lang + "/" + project.urlname}> <Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}>
{/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/} {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
<div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}> <div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
<div className={projectStyles.projectCardMeta}> <div className={projectStyles.projectCardMeta}>
@ -91,10 +91,10 @@ class IndexPage extends React.Component {
</div> </div>
</div> </div>
<div className={projectStyles.projectCardCTAContainer}> {/*<div className={projectStyles.projectCardCTAContainer}>
<div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div> <div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
</div> </div>*/}
</div> </Link>
); );
})} })}
</div> </div>

10
src/pages/projects.js
View file

@ -40,7 +40,7 @@ const ProjectsPage = ({ data }) => {
<div className={styles.projectList}> <div className={styles.projectList}>
{data.allProjectsJson.nodes.map((project) => { {data.allProjectsJson.nodes.map((project) => {
return ( return (
<div className={styles.projectCard} key={project.lang + project.urlname}> <Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}>
{/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/} {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
<div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}> <div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
<div className={styles.projectCardMeta}> <div className={styles.projectCardMeta}>
@ -49,10 +49,10 @@ const ProjectsPage = ({ data }) => {
</div> </div>
</div> </div>
<div className={styles.projectCardCTAContainer}> {/*<div className={styles.projectCardCTAContainer}>
<div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div> <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
</div> </div>*/}
</div> </Link>
); );
})} })}
</div> </div>