Configuration

You can check default config

// zoom
zoom.zoom=0.9 // 0.9 = 90% zoom level of the page (default: 1)

//  WELCOME
/* welcomeSpan.textContent = 'Welcome' */
/* welcomeMessage.textContent = 'Get ready for an amazing experience!' */

// embedlink?autoplay=1&controls=0&showinfo=0&rel=0&loop=1&mute=1
backgroundvideo.src = `https://www.youtube.com/embed/s82xdxlpTxc?autoplay=1&controls=0&showinfo=0&rel=0&loop=1&mute=1`
// if you don't need background overlay then remove the comment lines
/* videoverlay.style.background = 'linear-gradient(135deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 100%)'  */

// STAFF
stafftitle.textContent = 'STAFF TEAM'
FirstStaffName.textContent = 'Ripex'
FirstStaffRole.textContent = 'Owner'
FirstStaffImg.setAttribute('src', 'img/person1.png')
FirstStaffRole.style.background = 'linear-gradient(135deg, #ff4757, #ff6b81)'
FirstStaffRole.style.boxShadow = '0 2px 10px rgba(255,71,87,0.3)'

SecondStaffName.textContent = 'Ritalin'
SecondStaffRole.textContent = 'Staff'
SecondStaffImg.setAttribute('src', 'img/person2.png')
SecondStaffRole.style.background = 'linear-gradient(135deg, #ffa502, #ffb84d)' 
SecondStaffRole.style.boxShadow = '0 2px 10px rgba(255,165,2,0.3)'

ThirdStaffName.textContent = 'Ripexs'
ThirdStaffRole.textContent = 'Developer'
ThirdStaffImg.setAttribute('src', 'img/person3.png')
ThirdStaffRole.style.background = 'linear-gradient(135deg, #2ed573, #7bed9f)'
ThirdStaffRole.style.boxShadow = '0 2px 10px rgba(46,213,115,0.3)'

FourthStaffName.textContent = 'Ripexs'
FourthStaffRole.textContent = 'Admin'
FourthStaffImg.setAttribute('src', 'img/person4.png')
FourthStaffRole.style.background = 'linear-gradient(135deg, #1e90ff, #70a1ff)'
FourthStaffRole.style.boxShadow = '0 2px 10px rgba(30,144,255,0.3)'


// if you want add more staff then remove the comment lines
/* const grid = document.getElementsByClassName('staff-grid')[0]
AddStaff = document.createElement('div')
AddStaff.innerHTML = `<div class="person" data-tooltip="Server Admin">
                        <img src="img/person4.png" alt="Admin" id="fourth-staff-img">
                        <div class="person-info">
                            <span class="name" id="fourth-staff-name">TypeScript</span>
                            <span class="role admin-role" id="fourth-staff-role">Admin</span>
                        </div>
                    </div>`
grid.appendChild(AddStaff) */


// social links add, if you want add more social links then remove the comment lines
/* a.innerHTML = `<a href="https://forum.cfx.re/u/digitalranger" target="_blank" class="social-button discord" data-tooltip="github">
            <i class="fa-brands fa-github"></i>
        </a>`
        
social.appendChild(a) */


// UPDATES
updatestitle.textContent = 'UPDATES / NEWS'
lastupdates.textContent = 'LAST UPDATED: 16:35 2023-06-07'
/* p.textContent = 'asdasdasdfafdfdssdfasfdafsdsdff'
highlight.textContent = 'test' */
p.innerHTML = `<p id="p"><span class="highlight-text" id="highlight-text">consectetur adipisicing</span> elit. Asperiores hic temporibus nemo commodi 
tempora dignissimos alias. Nisi ipsam magni voluptas <span class="highlight-text">illo</span> exercitationem esse quasi alias.</p>`

p2.innerHTML = `<p id="p2"><span class="highlight-text" >Lorem</span>, ipsum dolor sit amet consectetur adipisicing elit. Rem nostrum temporibus, in, nesciunt
odio libero accusantium saepe amet id, <span class="highlight-text">suscipit explicabo</span> voluptates.</p>`



// INFORMATION
infotitle.textContent = 'SERVER INFORMATION'

i.innerHTML = `<p>Lorem ipsum dolor sit amet <span class="highlight-text">consectetur adipisicing</span> elit. Asperiores hic temporibus nemo commodi 
tempora dignissimos alias. Nisi ipsam magni voluptas <span class="highlight-text">illo</span> exercitationem esse quasi alias.</p>`

i2.innerHTML = `<p><span class="highlight-text">Lorem</span>, ipsum dolor sit amet consectetur adipisicing elit. Rem nostrum temporibus, in, nesciunt
odio libero accusantium saepe amet id, <span class="highlight-text">suscipit explicabo</span> voluptates.</p>`

// LOGO
logo.setAttribute('src', 'logo/logo.png')