View source for MediaWiki:Infographics Festivals

<noinclude>{{{year={{CURRENTYEAR}}}}}</noinclude>
{{#prop:set|nobalast|true}}
<div id="festivals-infographic">
	<div class="year-links">
		<span id="year2012" data-year="2012">[[#2012|2012]] <span class="count"></span></span>
		| <span id="year2013" data-year="2013">[[#2013|2013]] <span class="count"></span></span>
		| <span id="year2014" data-year="2014">[[#2014|2014]] <span class="count"></span></span>
		| <span id="year2015" data-year="2015">[[#2015|2015]] <span class="count"></span></span>
		| <span id="year2016" data-year="2016">[[#2016|2016]] <span class="count"></span></span>
		| <span id="year2017" data-year="2017">[[#2017|2017]] <span class="count"></span></span>
		| <span id="year2018" data-year="2018">[[#2018|2018]] <span class="count"></span></span>
		| <span id="year2019" data-year="2019">[[#2019|2019]] <span class="count"></span></span>
		| <span id="year2020" data-year="2020">[[#2020|2020]] <span class="count"></span></span>
		| <span id="year2021" data-year="2021">[[#2021|2021]] <span class="count"></span></span>
		| <span id="year2022" data-year="2022">[[#2022|2022]] <span class="count"></span></span>
		| <span id="year2023" data-year="2023">[[#2022|2023]] <span class="count"></span></span>
| <span id="year2024" data-year="2024">[[#2022|2024]] <span class="count"></span></span>
	</div>
	<div id="category">All festivals</div>
	{{MediaWiki:QSpinner}}
	<div id="qcontainer" style="display: none">
		<div class="legend"></div>
		<div id="short_description"></div>
		<div class="legend2">
			<table>
				<tr>
					<td>{{FestivalsLegend|id=so-all|color=#fff|title=All festivals|cat=|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so2|color=#978b78|cat=Architecture & Design|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so1|color=#995545|cat=Dance & Theatre|year={{{year}}}}}</td>
				</tr>
				<tr>
					<td>{{FestivalsLegend|id=so0|color=#31423f|cat=New media & Visual arts|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so5|color=#719177|cat=Film|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so3|color=#82b8be|cat=Literature|year={{{year}}}}}</td>
				</tr>
				<tr>
					<td>{{FestivalsLegend|id=so6|color=#72773a|cat=Music|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so4|color=#ae933b|cat=Intangible heritage|year={{{year}}}}}</td>
					<td>{{FestivalsLegend|id=so8|color=#526768|cat=Multiple disciplines|year={{{year}}}}}</td>
				</tr>
			</table>
		</div>
		<div id="description" style="display: none;"></div>
		{{#eval:html|
			<script type="text/javascript">
				var festivalsYear={{{year}}};
			</script>
			<link rel="stylesheet" href="/static/css/festivals2012.css?v2" media="screen">
			<link rel="stylesheet" href="/static/css/festivals_2021.css" media="screen">
			<script type="text/javascript" src="/static/js/underscore-min.js"></script>
			
			<!--[if IE 8]> <script src="https://raw.github.com/shawnbot/aight/master/aight.min.js"></script> <![endif]-->
			<!-- <script>aight.browser.ie8 = true;</script> -->
			<script src="https://d3js.org/d3.v3.min.js"></script>
			<!--[if IE 8]> <script src="https://raw.github.com/shawnbot/aight/master/aight.d3.min.js"></script> <![endif]-->
			<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js"></script>
			<script type="text/javascript" src="/static/js/festivals-template.js?v2"></script>
		}}
	</div>
</div>