Videos - XWiki

author	version	line-number	content
		1	{{velocity output="false"}}
		2	#set ($docextras = [])
		3
		4	#set ($videoCards = [{
		5	'title': 'Homepage Overview',
		6	'topics': [
		7	'Discover the elements displayed on your homepage',
		8	'Start browsing your wiki'
		9	],
		10	'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
		11	'duration': '4 min'
		12	}, {
		13	'title': 'Homepage Customization',
		14	'topics': [
		15	'Learn how to change your wiki color theme',
		16	'Learn how to add panels and columns to your wiki look',
		17	'Learn how to add widgets to a wiki'
		18	],
		19	'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
		20	'duration': '5 min'
		21	}, {
		22	'title': 'Page and Content Creation',
		23	'topics': [
		24	'Discover how to create a page',
		25	'Learn how to use the WYSIWYG editor',
		26	'Discover the view and edit modes'
		27	],
		28	'url': 'https://www.youtube.com/embed/onenEu21FIk',
		29	'duration': '6 min'
		30	}, {
		31	'title': 'Importing Office Documents to XWiki',
		32	'topics': [
		33	'Discover how to import Office Documents to your wiki',
		34	'Learn how to use a "Table of content" macro'
		35	],
		36	'url': 'https://www.youtube.com/embed/csQVSRMVclM',
		37	'duration': '4 min'
		38	}, {
		39	'title': 'App Within Minutes',
		40	'topics': [
		41	'Discover how to create an application',
		42	'Learn how to use your application'
		43	],
		44	'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
		45	'duration': '7 min'
		46	}, {
		47	'title': 'Add / Remove Extensions',
		48	'topics': [
		49	'Discover how to add/remove extensions using the Extension Manager',
		50	'Discover the XWiki Administration UI'
		51	],
		52	'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
		53	'duration': '3 min'
		54	}])
		55
		56	#macro (helpVideoCard $data)
		57	<div class="videoCard">
		58	<iframe src="$data.url" allowfullscreen></iframe>
		59	<div class="videoCard-body">
		60	<div class="videoCard-title">
		61	$escapetool.xml($data.title)
		62	</div>
		63	<ul>
		64	#foreach ($topic in $data.topics)
		65	<li>$topic</li>
		66	#end
		67	</ul>
		68	</div>
		69	<div class="videoCard-footer">
		70	$services.icon.renderHTML('play')
		71	<a href="$data.url">Watch</a>
		72	<span class="videoCard-duration">
		73	$escapetool.xml($data.duration)
		74	</span>
		75	</div>
		76	</div>
		77	#end
		78	{{/velocity}}
		79
		80	{{velocity}}
		81	{{html clean="false"}}
		82	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
		83	<div class="row">
		84	#foreach ($card in $videoCards)
		85	## See http://getbootstrap.com/css/#grid-responsive-resets .
		86	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
		87	<div class="clearfix visible-sm-block "></div>
		88	#end
		89	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
		90	<div class="clearfix visible-md-block visible-lg-block"></div>
		91	#end
		92	<div class="col-xs-12 col-sm-6 col-md-4">
		93	#helpVideoCard($card)
		94	</div>
		95	#end
		96	</div>
		97	{{/html}}
		98
		99	[[View more videos>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
		100	{{/velocity}}