amirmoghi3
/
amirmoghi3.ir
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change journey cart

master
Amir Hossein Moghiseh 2022-03-20 00:09:53 +03:30
parent 59a88824cb
commit e84b420184
4 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/Journey/index.tsx
View File

@ -1,4 +1,4 @@
import { Launch } from '@material-ui/icons';
type Props = { type Props = {
title: string, title: string,
description: string, description: string,
@ -12,8 +12,16 @@ type Props = {
const Journey = ({ title, description, tags, year, url, isLunched }: Props) => { const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
return ( return (
<div className="w-52 bg-dark-primary rounded-md flex flex-col p-3 my-2 mx-3"> <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}</h3> <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> <p className="text-secondary opacity-80 text-sm text-left px-1 my-2">{description}</p>
<div className="flex flex-row flex-wrap "> <div className="flex flex-row flex-wrap ">
{tags.map((tag, i) => ( {tags.map((tag, i) => (
@ -22,6 +30,9 @@ const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
</p> </p>
))} ))}
</div> </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> </div>
) )
} }

4
layouts/pageLayout.tsx
View File

@ -1,3 +1,4 @@
import Footer from "@/Footer";
import GoBack from "@/GoBack"; import GoBack from "@/GoBack";
import type { NextPage } from "next"; import type { NextPage } from "next";
import Head from "next/head"; import Head from "next/head";
@ -5,7 +6,7 @@ import Head from "next/head";
const PageLayout: NextPage = ({ children }) => { const PageLayout: NextPage = ({ children }) => {
return ( return (
<div className="w-screen bg-dark-primary p-5"> <div className="w- bg-dark-primary p-5">
<Head> <Head>
<title>Amirmoghi3 | امیرحسین مقیسه</title> <title>Amirmoghi3 | امیرحسین مقیسه</title>
<meta name="description" content="amir hossein moghiseh personal page" /> <meta name="description" content="amir hossein moghiseh personal page" />
@ -14,6 +15,7 @@ const PageLayout: NextPage = ({ children }) => {
<main className='bg-light-primary w-full'> <main className='bg-light-primary w-full'>
<GoBack /> <GoBack />
{children} {children}
{/* <Footer /> */}
</main> </main>
</div> </div>
) )

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "amirmoghi3", "name": "amirmoghi3",
"version": "1.0.2", "version": "1.0.3",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev",

2
pages/resume/index.tsx
View File

@ -388,7 +388,7 @@ const Resume: NextPage = () => {
</div> </div>
</div> */} </div> */}
<div className="flex flex-row flex-wrap "> <div className="flex flex-row flex-wrap ">
{projects.map(project => ( {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} /> <Journey key={project.title} title={project.title} tags={project.tags} description={project.description} year={project.year} url={project.url} isLunched={project.isLunched} />
))} ))}