Videos - XWiki

1.1	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}}

Wiki source code of Videos