Difference between revisions of "MediaWiki:Infographics Festivals"

From Culture.si
(2024)
 
(45 intermediate revisions by 9 users not shown)
Line 1: Line 1:
 
<noinclude>{{{year={{CURRENTYEAR}}}}}</noinclude>
 
<noinclude>{{{year={{CURRENTYEAR}}}}}</noinclude>
<div class="year-links">
+
{{#prop:set|nobalast|true}}
<span id="year2012" data-year="2012">[[#2012|2012]] <span class="count"></span></span>
+
<div id="festivals-infographic">
| <span id="year2013" data-year="2013">[[#2013|2013]] <span class="count"></span></span>
+
<div class="year-links">
| <span id="year2014" data-year="2014">[[#2014|2014]] <span class="count"></span></span>
+
<span id="year2012" data-year="2012">[[#2012|2012]] <span class="count"></span></span>
| <span id="year2015" data-year="2015">[[#2015|2015]] <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>
 
</div>
<h3 id="category">All festivals</h3>{{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></div>
 
{{#eval:html|<style>
 
div#bodyContent { width: 826px; }
 
div#catlinks { display: none; }
 
h1#firstHeading { width: 811px; }
 
div#ibr-contribute { display: none; }
 
span.underline { font-weight: bold; color: black; }
 
div#short_description { line-height: 1em; height: 1.8em; padding-bottom: 6px; text-align: center; border-top: 1px solid gray; border-bottom: 1px solid gray; }
 
div.chart { }
 
div.legend { margin-bottom: 4px;  }
 
div.legend2 { margin-bottom: 6px; }
 
div.legend2 table { margin: 0 auto; white-space: nowrap; }
 
div.legend2 td { text-align: left; padding:0 1em; font-size: 11px; }
 
span.lbox { position: relative; top: 2px; }
 
div.legend span:first-child { border-left: 0; }
 
div#qcontainer { position: relative; padding-top:0px; }
 
div#description { position: absolute; top: 0px; left: 0; width: 330px; }
 
div#description h3 { padding-top: 0px; }
 
div.col { width: 13px; xmin-height: 10px; float: left; }
 
div.c01 { margin-left: 2px !important; }
 
.legend2 a.selflink, .year-links a.selflink {
 
  color: black;
 
  font-weight:bold;
 
}
 
.box { position: relative };
 
div.box.selected:after {
 
  content:"";
 
  position:absolute;
 
  top:4px;
 
  left:4px;
 
  width:5px;
 
  height:5px;
 
  background:white;
 
}
 
div.box.hovering:before {
 
  content:"";
 
  position:absolute;
 
  top:4px;
 
  left:4px;
 
  width:5px;
 
  height:5px;
 
  box-shadow:0 0 0 2px white;
 
}
 
#qcontainer a.selflink:hover { text-decoration:none }
 
</style>
 
<script type="text/javascript">
 
var festivalsYear={{{year}}};
 
</script>
 
<link rel="stylesheet" href="/static/css/festivals2012.css" media="screen">
 
<script type="text/javascript" src="/static/js/underscore-min.js"></script>
 
 
<!--[if IE 8]> <script src="http://raw.github.com/shawnbot/aight/master/aight.min.js"></script> <![endif]-->
 
<!-- <script>aight.browser.ie8 = true;</script> -->
 
<script src="http://d3js.org/d3.v3.min.js"></script>
 
<!--[if IE 8]> <script src="http://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.10.3/moment-with-locales.min.js"></script>
 
<script type="text/javascript" src="/static/js/festivals-template.js"></script>
 
}}
 

Latest revision as of 00:21, 8 January 2024