/****************************************************************** @ Item Gravity // Coming Soon - Under Construction @ Version 3.0 @ Author Avanzare @ Website http://themeforest.net/user/avanzare ******************************************************************/ /****************************************************************** ------------------------ -- TABLE OF CONTENTS -- ------------------------ -- 1. ReadMe -- 2. Overlay Config -- 3. Hero Config -- 3.1 Hero Config [ Image Background ] -- 3.2 Hero Config [ Slider Background ] -- 3.3 Hero Config [ Kenburns Background ] -- 3.4 Hero Config [ Youtube Background ] -- 3.5 Hero Config [ Color Background ] -- 3.6 Hero Config [ Gradient Background ] -- 3.7 Hero Config [ Sphere Background ] -- 3.8 Hero Config [ Waves Background ] -- 3.9 Hero Config [ Mesh Background ] -- 3.10 Hero Config [ Space Background ] -- 3.11 Hero Config [ Custom Background ] -- 4. Google Analytics ******************************************************************/ /** 1. README *******************************************************************/ // !!! 1. DO NOT REMOVE QUOTATION MARKS WHEN GIVEN !!! // !!! 2. SAVE THE FILE AND REFRESH YOUR BROWSER TO SEE CHANGES !!! /** 2. OVERLAY CONFIG *******************************************************************/ // OVERLAY SKIN OPTION [ "black" : "white" ] // "black" = BLACK COLOR SCHEME // "white" = WHITE COLOR SCHEME var option_overlay_skin = "black"; // OVERLAY ANIMATION [ "fade" : "slide" ] // "fade" = FADE ANIMATION // "slide" = SLIDE FROM BOTTOM ANIMATION var option_overlay_animation = "fade"; // OVERLAY CONTENT ANIMATION [ "fade" : "slide" ] // "fade" = FADE ANIMATION // "slide" = SLIDE FROM BOTTOM ANIMATION var option_overlay_content_animation = "slide"; /** 3. HERO CONFIG *******************************************************************/ // HERO PARALLAX HOVER EFFECT - [ "on" : "off" ] // "on" = OPTION ACTIVATED // "off" = OPTION DEACTIVATED var option_hero_parallax_hover_effect = "on"; // GRAVITY PARTICLE BACKGROUND EFFECT - [ "on" : "off" ] // "on" = OPTION ACTIVATED // "off" = OPTION DEACTIVATED var option_hero_gravity_effect = "on"; // BACKGROUND OPTIONS - [ "image" : "slider" : "kenburns" : "youtube" : "color" : "gradient" : "waves" : "sphere" : "mesh" : "space" : "custom" ] // "image" = IMAGE BACKGROUND // "slider" = SLIDER BACKGROUND // "kenburns" = KEN BURNS SLIDER BACKGROUND // "youtube" = YOUTUBE VIDEO BACKGORUND - IMAGE BACKGROUND FALLBACK FOR MOBILE // "color" = SOLID COLOR BACKGROUND // "gradient" = ANIMATED GRADIENT BACKGROUND // "waves" = CANVAS SPHERE BACKGROUND // "sphere" = CANVAS WAVES BACKGROUND // "mesh" = CANVAS MESH BACKGROUND // "space" = CANVAS SPACE BACKGROUND // "custom" = CUSTOM BACKGROUND var option_hero_background_mode = "kenburns"; /** 3.1 HERO CONFIG [ IMAGE BACKGROUND ] *******************************************************************/ // IMAGE PATH / URL var option_hero_background_image_path = [{src:'assets/images/1.jpg'}]; /** 3.2 HERO CONFIG [ SLIDER BACKGROUND ] *******************************************************************/ // IMAGES PATH / URL var option_hero_background_slider_path = [{src:"assets/images/1.jpg"},{src: "assets/images/2.jpg"},{src: "assets/images/3.jpg"}]; // SLIDE DELAY / TIMEOUT IN MS var option_hero_background_slider_delay = 6000; //TRANSITION OPTIONS - [ http://vegas.jaysalvat.com/documentation/transitions/ ] // fade = FADE TRANSITION // fade2 = FADE 2 TRANSITION // slideLeft = SLIDE LEFT TRANSITION // slideLeft2 = SLIDE LEFT 2 TRANSITION // slideRight = SLIDE RIGHT TRANSITION // slideRight2 = SLIDE RIGHT 2 TRANSITION // slideUp = SLIDE UP TRANSITION // slideUp2 = SLIDE UP 2 TRANSITION // slideDown = SLIDE DOWN TRANSITION // slideDown2 = SLIDE DOWN 2 TRANSITION // zoomIn = ZOOM IN TRANSITION // zoomIn2 = ZOOM IN 2 TRANSITION // zoomOut = ZOOM OUT TRANSITION // zoomOut2 = ZOOM OUT 2 TRANSITION // swirlLeft = SWIRL LEFT TRANSITION // swirlLeft2 = SWIRL LEFT 2 TRANSITION // swirlRight = SWIRL RIGHT TRANSITION // swirlRight2 = SWIRL RIGHT 2 TRANSITION // burn = BURN TRANSITION // burn2 = BURN 2 TRANSITION // blur = BLUR TRANSITION // blur2 = BLUR 2 TRANSITION // flash = FLASH TRANSITION // flash2 = FLASH 2 TRANSITION var option_hero_background_slider_transition = "slideDown"; // TRANSITION DURATION IN MS var option_hero_background_slider_transitionDuration = 800; /** 3.3 HERO CONFIG [ KENBURNS BACKGROUND ] *******************************************************************/ // IMAGES PATH / URL var option_hero_background_kenburns_path = [{src:"assets/images/1.jpg"},{src: "assets/images/2.jpg"},{src: "assets/images/3.jpg"}]; // SLIDE DELAY / TIMEOUT IN MS var option_hero_background_kenburns_delay = 6000; //TRANSITION OPTIONS - [ http://vegas.jaysalvat.com/documentation/transitions/ ] // fade = FADE TRANSITION // fade2 = FADE 2 TRANSITION // slideLeft = SLIDE LEFT TRANSITION // slideLeft2 = SLIDE LEFT 2 TRANSITION // slideRight = SLIDE RIGHT TRANSITION // slideRight2 = SLIDE RIGHT 2 TRANSITION // slideUp = SLIDE UP TRANSITION // slideUp2 = SLIDE UP 2 TRANSITION // slideDown = SLIDE DOWN TRANSITION // slideDown2 = SLIDE DOWN 2 TRANSITION // zoomIn = ZOOM IN TRANSITION // zoomIn2 = ZOOM IN 2 TRANSITION // zoomOut = ZOOM OUT TRANSITION // zoomOut2 = ZOOM OUT 2 TRANSITION // swirlLeft = SWIRL LEFT TRANSITION // swirlLeft2 = SWIRL LEFT 2 TRANSITION // swirlRight = SWIRL RIGHT TRANSITION // swirlRight2 = SWIRL RIGHT 2 TRANSITION // burn = BURN TRANSITION // burn2 = BURN 2 TRANSITION // blur = BLUR TRANSITION // blur2 = BLUR 2 TRANSITION // flash = FLASH TRANSITION // flash2 = FLASH 2 TRANSITION var option_hero_background_kenburns_transition = "slideDown"; // TRANSITION DURATION IN MS var option_hero_background_kenburns_transitionDuration = 800; /** 3.4 HERO CONFIG [ YOUTUBE BACKGROUND ] *******************************************************************/ // YOUTUBE URL var option_hero_background_youtube_url = "https://www.youtube.com/watch?v=kB5xkGZmf_Q"; // START POINT IN SECONDS var option_hero_background_youtube_startPoint = 0; // END POINT IN SECONDS var option_hero_background_youtube_endPoint = 90; // MUTE VIDEO - [ "on" : "off" ] // "on" = VIDEO IS MUTED // "off" = VIDEO IS NOT MUTED var option_hero_background_youtube_mute = "on"; // ENDLESS REPLAY LOOP - [ "on" : "off" ] // "on" = ENDLESS REPLAY LOOP // "off" = NO ENDLESS REPLAY LOOP var option_hero_background_youtube_loop = "on"; // !!! NOTICE IMAGE BACKGROUND WILL BE YOUR FALLBACK FOR MOBILE !!! /** 3.5 HERO CONFIG [ COLOR BACKGROUND ] *******************************************************************/ // CUSTOM COLOR ( FORMAT: ALL CSS FORMATS FOR COLORS ) var option_hero_background_color_custom_color = "#6e00ff"; /** 3.6 HERO CONFIG [ GRADIENT BACKGROUND ] *******************************************************************/ // COLOR ARRAY ( FORMAT: RGB ) var option_hero_background_gradient_colorArray = new Array( [62,35,255], [60,255,60], [255,35,98], [45,175,230], [255,0,255], [255,128,0] ); // TRANSITION SPEED var option_hero_background_gradient_stransitionSpeed = 8; /** 3.7 HERO CONFIG [ SPHERE BACKGROUND ] *******************************************************************/ // OBJECT DISTANCE var option_hero_background_sphere_distance = 300; // OBJECT ROTATION SPEED var option_hero_background_sphere_rotation_speed = 0.2; // SPHERE LINE COLOR var option_hero_background_sphere_line_color = "#ffffff"; // SPHERE DOT COLOR var option_hero_background_sphere_dot_color = "#ffffff"; // BACKGROUND COLOR var option_hero_background_sphere_background_color = "#000000"; /** 3.8 HERO CONFIG [ WAVES BACKGROUND ] *******************************************************************/ // OBJECT DISTANCE var option_hero_background_waves_distance = 1500; // DOT SPACING var option_hero_background_waves_dotSpacing = 120; // DOT AMOUNT ON X AXIS var option_hero_background_waves_dotAmountX = 20; // DOT AMOUNT ON Y AXIS var option_hero_background_waves_dotAmountY = 60; // DOT COLOR var option_hero_background_waves_dot_color = "#ffffff"; // BACKGROUND COLOR var option_hero_background_waves_background_color = "#000000"; /** 3.9 HERO CONFIG [ MESH BACKGROUND ] *******************************************************************/ // MESH COLOR var option_hero_background_mesh_color = "#ffffff"; // BACKGROUND COLOR var option_hero_background_mesh_background_color = "#111111"; // MESH SPOTLIGHT SIZE var option_hero_background_mesh_spotlight_size = 600; /** 3.10 HERO CONFIG [ SPACE BACKGROUND ] *******************************************************************/ // STAR AMOUNT var option_hero_background_space_star_amount = 512; // STAR MINIMUM SPEED var option_hero_background_space_star_speed = 2.5; // STAR COLOR var option_hero_background_star_star_color = "#ffffff"; // BACKGROUND COLOR var option_hero_background_star_background_color = "#000000"; /** 3.11 HERO CONFIG [ CUSTOM BACKGROUND ] *******************************************************************/ // CUSTOM BACKGROUND FUNCTION function customBackground() { // EXAMPLE CODE $("#canvas").css("background","#00AB39"); } /** 4. GOOGLE ANALYTICS *******************************************************************/ // GOOGLE ANALYTICS - [ "on" : "off" ] // "on" = GOOGLE ANALYTICS ON // "off" = GOOGLE ANALYTICS OFF var option_analytics_tracking = "off"; // TRACKING ID var option_analytics_tracking_id = "UA-XXXXXXXX-X";