JavaScript


All javascripts are placed in folder /js. In main.js file we implement all functions calls.
This theme uses following Javascript files:

  1. Bootstrap v 3 framework (powerful front-end framework for faster and easier web development)
  2. jQuery v1.10.2
  3. Flexslider 2
  4. Arctext.js (A jQuery plugin for curved text)
  5. GMAP3 5.1.1 – plugin to use google maps

Curved Text (arctext.js)

You can enable curved text for element by adding “curved” class to it.
Remember thatlibrary should be included. As example there is curved header on fullwidth map. Credits: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/

data-radius – it is radius of curve
data-direction – direction of effect

 

HTML MARKUP:

 

JAVASCRIPT MARKUP:

Google Map (GMAP3 Plugin)

This is google map with custom marker, you can define couple parameters:

  • data-location – address to show
  • data-text – text in bubble overlay
  • data-height – map height (if undefined height will be 220px)
  • data-offset – by how many map should be repositioned from marker center point (default -30)

It uses gmap3 plugin.
Documentation: here

 

HTML MARKUP:

You can also provide latitude and longitude (instead exact address):
All javascript code can be found in js/main.js file: