luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

development #3

Merged
luke-else merged 53 commits from development into main 2025-02-01 13:00:04 +00:00
Conversation 0 Commits 53 Files Changed 69 +34 -1
2 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 278fc640ce - Show all commits

27
src/app.html
View File

@@ -133,6 +133,33 @@
.button:hover { .button:hover {
box-shadow: .3em .3em .3em var(--header); 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;
}
</style> </style>
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">

8
src/timeline.svelte
View File

@@ -24,7 +24,13 @@
</TimelineOppositeContent> </TimelineOppositeContent>
<TimelineSeparator> <TimelineSeparator>
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} /> {#if item.duration.includes('Present') || !item.duration.includes('-')}
<div class="elementToFadeInAndOut">
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} />
</div>
{:else}
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} />
{/if}
<TimelineConnector /> <TimelineConnector />
</TimelineSeparator> </TimelineSeparator>
<TimelineContent> <TimelineContent>