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: 'Homepage',
		description: 'This is the GATE homepage. ',
		overlay: true

	} )
	.next( 'Step04' )
	.back( 'Step02' );
	
	tour.step( {
		name: 'Step04',
		title: 'Homepage box',
		description: 'In this box you have a preview of some of the projects hosted on GATE: <i>Monumenta</i> and <i>Collections</i> are two sections which contains several projects; the <i>Lexicon of Modernity</i> is an editorial initiative connected to the concepts traceable in the documents published on GATE. You can access and find more information about all of these projects by clicking on the box sections. ',
		attachTo: '#home-sections',
		position: 'right',
		overlay: false

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

tour.step( {
		name: 'Step05',
		title: 'Top bar menu',
		description: 'Once left the homepage, you can access the same sections using this top bar menu, available on every page.',
		attachTo: '#mw-navigation-collapse',
		position: 'bottomLeft',
		overlay: false

	} )
	.next( 'Step06' )
	.back( 'Step04' );

tour.step( {
		name: 'Step06',
		title: 'Top bar search',
		description: 'From the same bar, there is also the possibility to launch a query on the whole GATE database by using this search form. Search is performed in the full-text transcriptions of the documents, in their metadata and in the pages about people, subjects etc. created by GATE users.',
		attachTo: '#searchform',
		position: 'bottom',
		overlay: false

	} )
	.next( 'Step06' )
	.back( 'Step04' );


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