0xMRTT/webcompile
1
0
Fork 0
forked from ProjectSegfault/website
Code Pull Requests Activity

make the timeline look cooler maybe

Browse Source 
Signed-off-by: Odyssey346 <odyssey346@disroot.org>
This commit is contained in:
Odyssey346 2022-08-04 22:35:34 +02:00
parent 3260f3fb99
commit df7c5b4c7a
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/timeline.svelte
View File

@ -10,6 +10,11 @@
} from 'svelte-vertical-timeline'; } from 'svelte-vertical-timeline';
</script> </script>
<div class="hero">
<h3>A timeline of <span>Project</span> <span>Segfault</span>'s history</h3>
</div>
<Timeline position="alternate"> <Timeline position="alternate">
<TimelineItem> <TimelineItem>
<TimelineOppositeContent slot="opposite-content"> <TimelineOppositeContent slot="opposite-content">
@ -167,3 +172,28 @@
</TimelineContent> </TimelineContent>
</TimelineItem> </TimelineItem>
</Timeline> </Timeline>
<style>
.hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: var(--font-header);
}
.hero > * {
margin: 0;
padding: 0;
text-align: center;
}
.hero > h3 {
font-size: 50px;
font-weight: 800;
}
.hero > h3 > span {
color: var(--accent-primary);
}
</style>