mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 23:05:56 -05:00
7a26d46d7c
GitOrigin-RevId: b7fdb904702d84058c2e3519b17376083ee9cad7
70 lines
1.7 KiB
JavaScript
70 lines
1.7 KiB
JavaScript
import '../../marketing'
|
|
import '../../infrastructure/hotjar' // set up Hotjar
|
|
|
|
function homepageAnimation(homepageAnimationEl) {
|
|
function createFrames(word, { buildTime, holdTime, breakTime }) {
|
|
const frames = []
|
|
let current = ''
|
|
|
|
// Build up the word
|
|
for (const char of word) {
|
|
current += char
|
|
frames.push({ before: current, time: buildTime })
|
|
}
|
|
|
|
// Hold the complete word
|
|
frames.push({ before: current, time: holdTime })
|
|
|
|
// Break down the word
|
|
for (let i = word.length - 1; i > 0; i--) {
|
|
current = word.substring(0, i)
|
|
frames.push({ before: current, time: breakTime })
|
|
}
|
|
|
|
// Add the final frame with an empty string
|
|
frames.push({ before: '', time: breakTime })
|
|
|
|
return frames
|
|
}
|
|
|
|
const opts = {
|
|
buildTime: 100,
|
|
holdTime: 1000,
|
|
breakTime: 100,
|
|
}
|
|
|
|
const frames = [
|
|
// 1.5s pause before starting
|
|
{ before: '', time: 1500 },
|
|
...createFrames('articles', opts),
|
|
...createFrames('theses', opts),
|
|
...createFrames('reports', opts),
|
|
...createFrames('presentations', opts),
|
|
// 5s pause on 'anything' frame
|
|
...createFrames('anything', { ...opts, holdTime: 5000 }),
|
|
]
|
|
|
|
let index = 0
|
|
function nextFrame() {
|
|
const frame = frames[index]
|
|
index = (index + 1) % frames.length
|
|
|
|
homepageAnimationEl.innerHTML = frame.before
|
|
setTimeout(nextFrame, frame.time)
|
|
}
|
|
|
|
nextFrame()
|
|
}
|
|
|
|
const homepageAnimationEl = document.querySelector('#home-animation-text')
|
|
const reducedMotionReduce = window.matchMedia(
|
|
'(prefers-reduced-motion: reduce)'
|
|
)
|
|
|
|
if (homepageAnimationEl) {
|
|
if (reducedMotionReduce.matches) {
|
|
homepageAnimationEl.innerHTML = 'anything'
|
|
} else {
|
|
homepageAnimation(homepageAnimationEl)
|
|
}
|
|
}
|