change journey cart
parent
59a88824cb
commit
e84b420184
|
@ -1,4 +1,4 @@
|
|||
|
||||
import { Launch } from '@material-ui/icons';
|
||||
type Props = {
|
||||
title: string,
|
||||
description: string,
|
||||
|
@ -12,8 +12,16 @@ type Props = {
|
|||
const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
|
||||
|
||||
return (
|
||||
<div className="w-52 bg-dark-primary rounded-md flex flex-col p-3 my-2 mx-3">
|
||||
<h3 className="text-2xl font-bold bg-gold text-dark-primary rounded-lg px-1 py-2">{title}</h3>
|
||||
<div className="w-full bg-dark-primary rounded-md flex flex-col p-3 my-4 mx-3">
|
||||
<h3 className="text-2xl font-bold bg-gold text-dark-primary rounded-lg px-1 py-2">
|
||||
{title}
|
||||
{
|
||||
isLunched &&
|
||||
<a href={url} target="_blank" rel="noreferrer" className='relative'>
|
||||
<Launch fontSize='small' />
|
||||
</a>
|
||||
}
|
||||
</h3>
|
||||
<p className="text-secondary opacity-80 text-sm text-left px-1 my-2">{description}</p>
|
||||
<div className="flex flex-row flex-wrap ">
|
||||
{tags.map((tag, i) => (
|
||||
|
@ -22,6 +30,9 @@ const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
|
|||
</p>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-secondary opacity-60 text-xs text-left px-1 mt-1 mb-0">
|
||||
built and designed at <strong className="opacity-80 text-sm" >{year}</strong>
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
import Footer from "@/Footer";
|
||||
import GoBack from "@/GoBack";
|
||||
import type { NextPage } from "next";
|
||||
import Head from "next/head";
|
||||
|
@ -5,7 +6,7 @@ import Head from "next/head";
|
|||
|
||||
const PageLayout: NextPage = ({ children }) => {
|
||||
return (
|
||||
<div className="w-screen bg-dark-primary p-5">
|
||||
<div className="w- bg-dark-primary p-5">
|
||||
<Head>
|
||||
<title>Amirmoghi3 | امیرحسین مقیسه</title>
|
||||
<meta name="description" content="amir hossein moghiseh personal page" />
|
||||
|
@ -14,6 +15,7 @@ const PageLayout: NextPage = ({ children }) => {
|
|||
<main className='bg-light-primary w-full'>
|
||||
<GoBack />
|
||||
{children}
|
||||
{/* <Footer /> */}
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "amirmoghi3",
|
||||
"version": "1.0.2",
|
||||
"version": "1.0.3",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
|
|
|
@ -388,7 +388,7 @@ const Resume: NextPage = () => {
|
|||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="flex flex-row flex-wrap ">
|
||||
<div className="flex flex-row flex-wrap ">
|
||||
{projects.map(project => (
|
||||
<Journey key={project.title} title={project.title} tags={project.tags} description={project.description} year={project.year} url={project.url} isLunched={project.isLunched} />
|
||||
))}
|
||||
|
|
Loading…
Reference in New Issue