diff --git a/web/src/components/Timeline.vue b/web/src/components/Timeline.vue
new file mode 100644
index 0000000..d56ae3f
--- /dev/null
+++ b/web/src/components/Timeline.vue
@@ -0,0 +1,186 @@
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ item }}
+
+ -
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/TimelineComment.vue b/web/src/components/TimelineComment.vue
new file mode 100644
index 0000000..cf4bfb1
--- /dev/null
+++ b/web/src/components/TimelineComment.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
$USER commented on
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/TimelineMail.vue b/web/src/components/TimelineMail.vue
new file mode 100644
index 0000000..df780d3
--- /dev/null
+++ b/web/src/components/TimelineMail.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
$USER commented on
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/TimelineStateChange.vue b/web/src/components/TimelineStateChange.vue
new file mode 100644
index 0000000..bccaaf2
--- /dev/null
+++ b/web/src/components/TimelineStateChange.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
$USER has changed state to {{ item.state }} on
+
+
+
+
+
+
\ No newline at end of file