From 01fdd1abd008e09a47bc67eba7a413b6bc7681f4 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Wed, 19 Oct 2022 17:29:15 +0200
Subject: [PATCH] feat: timeline add project count

---
 src/components/Timeline.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index a77075f..5d3729e 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -4,7 +4,9 @@
 		<div id='search-header' ref='header'>
 			<img src='../assets/timeline/logo.svg'/>
 			<span>
-				<h3>{{ $t( (skill == null) ? 'timeline.title-all' : 'timeline.title') }}</h3> <SkillCard v-show='skill != null' :id='skill' :active='true'/>
+				<h6>{{ projects.length }}</h6>
+				<h3>{{ $t( (skill == null) ? 'timeline.title-all' : 'timeline.title') }}</h3>
+				<SkillCard v-show='skill != null' :id='skill' :active='true'/>
 			</span>
 			<input type='button' :value="$t('timeline.back')" @click='$event.preventDefault(); scrollBack()'/>
 		</div>
@@ -302,6 +304,19 @@ export default class Timeline extends Vue {
 			}
 		}
 
+		h6 {
+			display: block;
+
+			margin-right: .5em;
+			padding: .2em .5em;
+
+			font-size: 1em;
+			color: #fff;
+
+			background: #444952;
+			border-radius: .1em / .1em;
+		}
+
 		input {
 			padding: .4em 1em;
 			margin-right: 1.5em;