diff --git a/src/app.html b/src/app.html
index 3fc9110..acd8655 100644
--- a/src/app.html
+++ b/src/app.html
@@ -133,6 +133,33 @@
.button:hover {
box-shadow: .3em .3em .3em var(--header);
}
+
+ @keyframes animationName {
+ 0% { opacity:0; }
+ 50% { opacity:1; }
+ 100% { opacity:0; }
+ }
+ @-o-keyframes animationName{
+ 0% { opacity:0; }
+ 50% { opacity:1; }
+ 100% { opacity:0; }
+ }
+ @-moz-keyframes animationName{
+ 0% { opacity:0; }
+ 50% { opacity:1; }
+ 100% { opacity:0; }
+ }
+ @-webkit-keyframes animationName{
+ 0% { opacity:0; }
+ 50% { opacity:1; }
+ 100% { opacity:0; }
+ }
+ .elementToFadeInAndOut {
+ -webkit-animation: animationName 1.5s infinite;
+ -moz-animation: animationName 1.5s infinite;
+ -o-animation: animationName 1.5s infinite;
+ animation: animationName 1.5s infinite;
+ }
diff --git a/src/timeline.svelte b/src/timeline.svelte
index a677455..6f3b23b 100644
--- a/src/timeline.svelte
+++ b/src/timeline.svelte
@@ -24,7 +24,13 @@
-
+ {#if item.duration.includes('Present') || !item.duration.includes('-')}
+
+
+
+ {:else}
+
+ {/if}