florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Timeline: Use component

Browse source
This commit is contained in:
Florian RICHER 2023-06-03 18:26:08 +02:00
parent 92a9a931cb
commit c5d61f5466
7 changed files with 130 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/App.tsx
View file

@ -3,8 +3,11 @@ import TopComponent from "./components/TopComponent";
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';
import { PROJECTS } from "./data/Project";
import TimelineCard from './components/timeline/TimelineCard';
import TimelineCardSummary from './components/timeline/TimelineCardSummary';
import TimelineCardContent from './components/timeline/TimelineCardContent';
import TimelineLabel from './components/timeline/TimelineLabel';
function App() {
return (
@ -12,32 +15,58 @@ function App() {
<TopComponent></TopComponent>
<ShortDescription></ShortDescription>
<Timeline>
<TimelineElement category='2019-2020'>
<TimelineCard title='Limouzik'>
Youpi
<TimelineElement>
<TimelineLabel>2019-2020</TimelineLabel>
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
Youpi
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
Youpi
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
<TimelineElement category='2019-2020'>
<TimelineCard title='Limouzik'>
Youpi
<TimelineElement>
<TimelineLabel>2019-2020</TimelineLabel>
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
<TimelineCard title='Limouzik'>
Youpi
<TimelineCard>
<TimelineCardSummary>Limouzik</TimelineCardSummary>
<TimelineCardContent>
<strong>Youpi</strong>
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
</Timeline>