Configurations

The configuration file is as follows:

window.appConfig = {

    logo: {
    link: 'https://i.ibb.co/m50pTBr7/logo.png', // Use link or relative directory if local
    scale: 1, // For making the logo bigger and smaller
    },


    background: {
    type: 'image', // Use 'image' for image slider or use 'video' for video background
    video: '', // Use youtube direct link
    mute: false, // Wether to mute the background video or not
    images: [ // You can add more images or remove them
        'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FJason_and_Lucia_Motel_landscape.565a08c8.jpg&w=1920&q=75', // Use link or relative directory if local
        'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FDreQuan_Priest_landscape.9070b529.jpg&w=1920&q=75',
        'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FBoobie_Ike_landscape.67ebb1f6.jpg&w=1920&q=75',
        'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FBrian_Heder_landscape.e88fb1ab.jpg&w=1920&q=75',
        'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FReal_Dimez_landscape.f16de7d4.jpg&w=1920&q=75'
    ],
    },


    songs: { // Use songs: false, if you don't need the music player and music at all - You can add more or remove songs. Recommended to use atleast 2 songs.
    1: {
        name: 'Lofi girl', // Name of the song
        artist: 'Lofidreams99', // Artist of the song
        image: 'https://i.ibb.co/bMrDkfQg/1.jpg', // Image art of the song. Use square images only.
        audioLink: 'assets/music/1.mp3' // You can use direct URL to the song ending in compatible formats (.mp3 etc) or relative directory if local
    },
    2: {
        name: 'Warm Breeze',
        artist: 'Snoozybeats',
        image: 'https://i.ibb.co/7tcjKMxL/2.jpg',
        audioLink: 'assets/music/2.mp3'
    }
    },


    InitialMusicVolume: 0.2, // The volume will be saved on client, this is only for the first time loading the screen


    announcementsPreview: { // The container at the botton right
    title: 'Announcements', // The title of the container
    highlight: 'New Content', // The highlight of the container
    image: 'https://www.rockstargames.com/VI/_next/image?url=%2FVI%2F_next%2Fstatic%2Fmedia%2FJason_and_Lucia_02_ultrawide.915c382b.jpg&w=1920&q=75' // The cover image of the container
    },


    announcements: { // You can add more or remove announcements. if you don't need it entirely, look at elements at line 101
    1: {
        image: 'https://i.ibb.co/W4wftzgm/5.png', // The image of the announcement, Use link or relative directory if local
        title: 'Your Announcements Title 1', // The title of the announcement
        date: 'Jan 29, 2025', // The data of the announcement
        content: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit '
    },
    2: {
        image: 'https://i.ibb.co/1Yptt5Sp/3.png',
        title: 'Your Announcements Title 2',
        date: 'Apr 2, 2025',
        content: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit '
    },
    },


    socials: { // Leave each empty if you don't need them.
    instagram: 'https://instagram.com/yourusername',
    tiktok: 'https://tiktok.com/@yourusername',
    youtube: 'https://www.youtube.com/@yourchannelname',
    discord: '',
    website: 'https://yourwebsite.com',
    reddit: '',
    wiki: '',
    x: '',
    twitch: 'https://twitch.tv/yourusername',
    onlyfans: '' // LOL
    },


    colors: { // Color customizations
    darkModePrimary: '#cde6ff', // Primary color while in dark mode
    darkModePrimaryMix: '#667380', // Primary mix color while in dark mode
    lightModePrimary: '#1e2026', // Primary color while in light mode
    lightModePrimaryMix: '#0e0f12', // Primary mix color while in light mode
    explicitPrimary: '#cde6ff',  // The explicit primary color
    explicitPrimaryMix: '#667380', // The explicit primary mix color
    tint: '#b9dcff', // Tint color on images - If you don't need tint at all look at visuals at line 92
    dark: '#0e0f12', // Dark color mainly used in dark mode
    light: '#cde6ff', // Light color mainly used in light mode
    },


    visuals: { // Visuals customizations
    vignette: false,
    tint: true,
    blackAndWhite: true,
    brightness: 0.8,
    panelsBlur: 10 // The background blur of the panels. more value = more blur. to disable blur completely set this to 0
    },


    elements: { // Wether each element exist or not
    socials: true,
    announcements: true,
    user: true,
    logo: true,
    lightAndDarkMode: true,
    progressbar: true
    },


    labels: { // Text labels for translations
    connecting: 'Joining as...',
    },


};