Timeline: Add group
This commit is contained in:
parent
5d64b9649b
commit
92a9a931cb
5 changed files with 110 additions and 48 deletions
30
src/App.tsx
30
src/App.tsx
|
@ -4,6 +4,7 @@ import ShortDescription from "./components/ShortDescription";
|
|||
import Timeline from "./components/timeline/Timeline";
|
||||
import TimelineElement from "./components/timeline/TimelineElement";
|
||||
import {PROJECTS} from "./data/Project";
|
||||
import TimelineCard from './components/timeline/TimelineElementCard';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
|
@ -11,7 +12,34 @@ function App() {
|
|||
<TopComponent></TopComponent>
|
||||
<ShortDescription></ShortDescription>
|
||||
<Timeline>
|
||||
{ PROJECTS.map(p => <TimelineElement project={p} />) }
|
||||
<TimelineElement category='2019-2020'>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
</TimelineElement>
|
||||
<TimelineElement category='2019-2020'>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
<TimelineCard title='Limouzik'>
|
||||
Youpi
|
||||
</TimelineCard>
|
||||
</TimelineElement>
|
||||
</Timeline>
|
||||
</>
|
||||
)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue