MediaWiki:Guidedtour-tour-gettingStarted.js

/*
 * Guided Tour to test guided tour features.
 */
// Copy the next line into the start of your tour.
( function ( window, document, $, mw, gt ) {

	// Declare a variable for use later
	var pageName = 'Help:Guided tours',
		tour;

	tour = new gt.TourBuilder( {
		/*
		 * This is the name of the tour.  It must be lowercase, without any hyphen (-) or
		 * period (.) characters.
		 *
		 * The page where you save an on-wiki tour must be named
		 * MediaWiki:Guidedtour-tour-{name}.js , in this example MediaWiki:Guidedtour-tour-mytest.js
		 */
		name: 'gettingStarted'
	} );

	// Information defining each tour step

	// This tour shows a central overlay at the start of the tour.
	// Guiders appear in the center if another position is not specified.
	// To specify the first step of the tour, use .firstStep instead of .step
	tour.firstStep( {
		name: 'Step01',
		title: 'GATE getting started tour',
		description: 'Dear user, <br>thanks for visiting us! GATE is a very wide portal where users can do a lot of wonderful stuff. Some of these are pretty easy, others are more complicated. To become familiar with GATE contents and functions, we strongly suggest to any new user to get this tour. It will take just two minutes!',
		overlay: true
	} )
	.next( 'Step02' );

	tour.step( {
		name: 'Step02',
		title: 'Tour tips',
		description: 'Before starting, just few tips about the tour. You can move among the steps using the Previous and Next buttons at the bottom of each card. You can also quit the tour using the X button on the top-right. <br> Now let\'s start the tour!',
		overlay: true

	} )
	.next( 'Step03' )
	.back( 'Step01' );

	tour.step( {
		name: 'Step03',
		title: 'GATE sections',
		description: 'GATE hosts several projects distributed in three main sections: Monumenta, Collections and Publications always accessible on the top of the page.',
		attachTo: '#mw-navigation-collapse',
		position: 'bottom',
		overlay: true

	} )
	.back( 'Step02' );

// The following should be the last line of your tour.
} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );