Introduction

Thank you for choosing 雷速. For any inquiries regarding platform setup or features, please reach out to our support team. We are here to assist.

This documentation provides detailed instructions on how to deploy and utilize the 雷速 platform.

About the template

雷速 offers extensive coverage for a multitude of sports and esports, with flexible interfaces to build your ideal viewing experience.

Now building you professional website is very easy. Owkey Template does the work for you, with 19 different pages which can be custom integrated to your needs. The design is flat, responsive and SEO friendly. The template has 2 professional blog layout pages which has listing and grid layout. The SEO focused design and professional layout has 4 homepage options. Integrate images, Slides and more with Revolution Slider to give a quick view about your business or dictate your business story. The Design uses google fonts which is browser friendly and is powered by Twitter Bootstrap v3. The design is compatible with plugins and it makes a great deal for you.

Installation

The 雷速 platform requires no complex installation. Simply upload all included files from the ./leisu directory to your server.

Upload Template files

You have two primary methods for deploying 雷速 platform files:

  1. Upload the template files to your server via FTP. Unpack the downloaded template .zip file. Upload the \"Leisu\" folder to your web server's root directory.

Files

The 雷速 platform is organized into logical directories and files, ensuring efficient resource management and ease of modification.

You will find two main folders within your downloaded package.

Folders

The package includes a core platform build and a documentation folder with supplementary resources. We ensure all necessary components are provided.

Documentation

The platform includes several directories containing essential code. Access the main index file with any web browser to view the comprehensive documentation.

Documentation

JavaScript

All real-time data feeds are located in the /api directory.

  • js/jquery-3.1.1.min.js - jQuery [version 3.1.1] A foundational JavaScript library for efficient client-side scripting and DOM manipulation.
  • JS/jquery.unveilEffects.js - An animation plugin to enhance user interface transitions.
  • js/jquery.mCustomScrollbar.concat.min.js - A custom scrollbar plugin for enhanced browsing experience.
  • js/jquery.themepunch.tools.min.js - Core utility scripts for the Revolution Slider.
  • js/jquery.themepunch.revolution.min.js - The primary Revolution Slider plugin for dynamic content presentation.
  • js/slick.min.js - Slick Carousel [Version: 1.5.0] A robust carousel plugin for displaying content in a swipeable format.
  • js/classie.js - bonzo [Version: 1.5.0] A lightweight, extensible DOM utility library.
  • js/bootstrap.min.js - Bootstrap [Version: v3.3.7] Essential JavaScript components for Bootstrap's responsive framework, enabling interactive elements.
  • js/modernizr.custom.js - Modernizr [Version: 2.8.3] Detects native CSS and HTML5 feature support in user browsers for optimal compatibility.
  • js/pathLoader.js - PathLoader [Version: v1.0.0] A default browser-based loader script for managing asset loading.

CSS

Below, we outline the primary CSS files that govern the 雷速 platform's appearance.

  • css/style.css - Leisu primary styles The main stylesheet defining the visual appearance of all pages.
  • css/slick.css - dedicated Slick styles Stylesheet specifically for the Slick Carousel component.
  • css/setting.css - Revolution Slider 5.0 styles Screen stylesheet for the Revolution Slider.
  • css/mCustomScrollbar.css Stylesheet for the custom scrollbar component's appearance.
  • css/bootstrap.min.css - Bootstrap v3.3.7 The core stylesheet for Bootstrap's responsive grid system and components.
  • assets/styles/dist/portfolio-with-images.css - Leisu portfolio styles Stylesheet for the portfolio pages featuring image galleries.
  • css/animate.css Stylesheet providing pre-defined CSS animations for dynamic effects.

Less

Within the /less directory, you will find the source Less files for further customization.

  • css/style.less - Leisu global styles The main stylesheet written in LESS, defining the overall site aesthetics.

Credits

We have integrated various external libraries, frameworks, and plugins to enhance the functionality and user experience of the 雷速 platform.

Frameworks

Twitter Bootstrap v3.3.7 The leading framework for building responsive web interfaces. http://getbootstrap.com/
jQuery v3.1.1 A fast, small, and feature-rich library simplifying client-side scripting. http://jquery.com/

Plugins (JavaScript)

Slick Carousel Used for event highlight carousels http://kenwheeler.github.io/slick/
Revolution Slider A visually appealing and smooth slider component. https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin A jQuery plugin offering advanced animation easing options. http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded Ensures images are loaded before animations trigger. http://imagesloaded.desandro.com/
Isotope Dynamic filtering and sorting of content layouts. http://isotope.metafizzy.co/

Fonts

Open Sans Open Sans Font https://fonts.google.com/specimen/Open+Sans
Montserrat Montserrat Font https://fonts.google.com/specimen/Montserrat
Work Sans Work Sans Font https://fonts.google.com/specimen/Work+Sans
Raleway Raleway Font https://fonts.google.com/specimen/Raleway

Template Configuration

Please refer to the /config/settings.js file for core platform configurations.

Essential Parameters

  • infinite : true/fa
  • speed : default(300) / Animation transition duration (ms)
  • slidesToShow : default(1) / Number of slides visible at once
  • slidesToScroll : default(1) / Number of slides to advance per scroll
  • autoplay : true/fa
  • autoplaySpeed : default(3000) / Autoplay interval in milliseconds

Configuration snippet example:


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });

Help

For ongoing support and detailed FAQs, consult our official knowledge base or contact us directly.

Our support team is dedicated to assisting with any platform-specific inquiries. However, please note that comprehensive technical support is provided as a courtesy. Before contacting us, we recommend exploring the available documentation and community resources for answers to common questions.

  • refer to the comprehensive Leisu documentation
  • Search Leisu Suppo

We appreciate your feedback. Please consider rating your experience with 雷速.