pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

portfolio update

Browse source 
- moved image from tsx to markdown
- temporarily removed unnecessary "all skills section"
This commit is contained in:
Kim, Jimin 2022-01-10 15:00:57 +09:00
parent 3bb69bee0c
commit a1ccc39d3e
2 changed files with 16 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

4
source/markdown/portfolio/0.md
View file

@ -3,3 +3,7 @@ github: https://github.com/developomp
--- ---
## Education ## Education
## Skills
<img alt="programming skills" src="/img/skills.svg" style="display: block; margin-left: auto; margin-right: auto; max-width: 100%;" />

26
source/src/pages/Portfolio/index.tsx
View file

@ -1,6 +1,5 @@
import { useEffect, useState } from "react" import { useEffect, useState } from "react"
import { Helmet } from "react-helmet-async" import { Helmet } from "react-helmet-async"
import styled from "styled-components"
import MainContent from "../../components/MainContent" import MainContent from "../../components/MainContent"
import ProjectCard from "./ProjectCard" import ProjectCard from "./ProjectCard"
@ -10,15 +9,9 @@ import portfolio from "../../data/portfolio.json"
import { PortfolioProject } from "../../../types/types" import { PortfolioProject } from "../../../types/types"
const SkillsImage = styled.img`
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
`
const Portfolio = () => { const Portfolio = () => {
const [projects, setProjects] = useState<JSX.Element[]>([]) const [projects, setProjects] = useState<JSX.Element[]>([])
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const [skills, setSkills] = useState<JSX.Element[]>([]) const [skills, setSkills] = useState<JSX.Element[]>([])
useEffect(() => { useEffect(() => {
@ -67,16 +60,12 @@ const Portfolio = () => {
<MainContent> <MainContent>
<h1>Portfolio</h1> <h1>Portfolio</h1>
<hr />
<div dangerouslySetInnerHTML={{ __html: portfolio.overview }} />
<h2 id="skills">
<a className="header-anchor" href="#skills">
#
</a>{" "}
Skills
</h2>
<SkillsImage alt="programming skills" src="/img/skills.svg" /> <hr />
{/* rendered markdown */}
<div dangerouslySetInnerHTML={{ __html: portfolio.overview }} />
{/* Projects */} {/* Projects */}
@ -87,10 +76,13 @@ const Portfolio = () => {
Projects Projects
</h2> </h2>
{/*
// todo: filter projects by skill
{skills} {skills}
<br /> <br />
<br /> <br />
*/}
{projects} {projects}
</MainContent> </MainContent>