Public
Script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { typeWriter } from 'https://esm.town/v/iamseeley/typewriter';
import { currentTime } from 'https://esm.town/v/iamseeley/currentTime';
import { typingCli } from 'https://esm.town/v/iamseeley/typingCli';
import { flashBorder } from 'https://esm.town/v/iamseeley/flashBorder';
import { create3DEmoji } from 'https://esm.town/v/iamseeley/threedEmoji'
import { animateElement, animateElementsSimultaneously } from 'https://esm.town/v/iamseeley/animateElement';
document.addEventListener('DOMContentLoaded', () => {
const helloResumeElement = document.getElementById('helloResume');
const helloResumeText = "hello, resume";
const timeElement = document.getElementById('localTime');
create3DEmoji('❤️', 24, 24);
currentTime(timeElement);
typeWriter(helloResumeElement, helloResumeText, () => {flashBorder(helloResumeElement);});
const initialDelay = 1000; // Initial delay of 1000 milliseconds
const contentParagraphs = document.querySelectorAll('.content p');
const calloutContainer = document.querySelector('.callout-container');
const getStarted = document.querySelector('.get-started');
const valsLinks = document.querySelectorAll('.vals a');
const attribution = document.querySelector('.attribution');
const elementsToAnimate = [
...contentParagraphs,
calloutContainer,
getStarted,
...valsLinks,
attribution
].filter(element => element !== null);
animateElementsSimultaneously(elementsToAnimate, initialDelay);
});
Val Town is a social website to write and deploy JavaScript.
Build APIs and schedule functions from your browser.
Comments
Nobody has commented on this val yet: be the first!
June 10, 2024