kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-29 18:26:52 +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}>
{this.props.data.allProjectsJson.nodes.map((project) => {
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={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
<div className={projectStyles.projectCardMeta}>
@ -91,10 +91,10 @@ class IndexPage extends React.Component {
</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>
</div>
</div>*/}
</Link>
);
})}
</div>

10
src/pages/projects.js
View file

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