You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.1 KiB
27 lines
1.1 KiB
4 years ago
|
const header = document.getElementById('header')
|
||
|
|
const title = document.getElementById('title')
|
||
|
|
const excerpt = document.getElementById('excerpt')
|
||
|
|
const profile_img = document.getElementById('profile_img')
|
||
|
|
const name = document.getElementById('name')
|
||
|
|
const date = document.getElementById('date')
|
||
|
|
|
||
|
|
const animated_bgs = document.querySelectorAll('.animated-bg')
|
||
|
|
const animated_bg_texts = document.querySelectorAll('.animated-bg-text')
|
||
|
|
|
||
|
|
setTimeout(getData, 2500)
|
||
|
|
|
||
|
|
function getData() {
|
||
|
|
header.innerHTML =
|
||
|
|
'<img src="https://images.unsplash.com/photo-1496181133206-80ce9b88a853?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80" alt="" />'
|
||
|
|
title.innerHTML = 'Lorem ipsum dolor sit amet'
|
||
|
|
excerpt.innerHTML =
|
||
|
|
'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore perferendis'
|
||
|
|
profile_img.innerHTML =
|
||
|
|
'<img src="https://randomuser.me/api/portraits/men/45.jpg" alt="" />'
|
||
|
|
name.innerHTML = 'John Doe'
|
||
|
|
date.innerHTML = 'Oct 08, 2020'
|
||
|
|
|
||
|
|
animated_bgs.forEach((bg) => bg.classList.remove('animated-bg'))
|
||
|
|
animated_bg_texts.forEach((bg) => bg.classList.remove('animated-bg-text'))
|
||
|
|
}
|