-
Notifications
You must be signed in to change notification settings - Fork 0
/
employment01_banner.html
63 lines (63 loc) · 3.56 KB
/
employment01_banner.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style>body{background-color:white;}</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js" crossorigin="anonymous"></script>
<title>Current creative employment</title>
<meta property="article:published_time" content="2024-07-22T15:09:19"/>
<link rel="stylesheet" href="style.css"/>
<script>window.addEventListener('DOMContentLoaded', (event) => {
var charts = Highcharts.charts;
var dt_event = new CustomEvent("eventDT", { detail: 'chart data table clicked' });
for (var i = 0; i < charts.length; i++) {
Highcharts.addEvent(charts[i], 'aftergetTableAST', function(e) {
window.parent.document.dispatchEvent(dt_event);
console.log('#' + e.tree.id + ' td.highcharts-number');
setTimeout(function(){
$('#' + e.tree.id + ' td.highcharts-number').each(function() { $(this).html(parseFloat($(this).text()).toLocaleString())});
var close = $( "li:contains('Hide data table'):hidden" );
close.click(function(e){
console.log('close table menu clicked');
window.parent.document.dispatchEvent(dt_event);
});
}, 300);
});
}
});
</script>
</head>
<body>
<div class="tourism" style="width: 100%;">
<div class="grid grid-pad">
<figure>
<figcaption hidden="hidden">
<strong id="employment-caption">employment</strong>
<br/>
<span id="employment-summary">Creative employment in Victoria as at May 2024, smoothed using a 12 month rolling average.</span>
</figcaption>
<div id="employment" aria-labelledby="employment-caption" aria-describedby="employment-summary" class="margin-mimic" style="background: #1D184B;padding:1em;border-radius: 24px;color:white;">
<div class="row">
<div class="col-12" style="font-size:3em;font-family:VIC-Bold;color:#F04E30;text-align:right;margin-bottom:-30px;padding-right:10%;">employment</div>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:16.6666666666667vw;font-family:VIC-Bold;text-align:center;white-space: nowrap;width:100%;height:20.6666666666667vw;"><span>318,244</span></div>
</div>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:1.5em;font-family:VIC-Regular;text-align:left;min-height:30px;padding-left:20%;padding-right:15%;padding-top:30px;">Creative employment in Victoria as at May 2024, smoothed using a 12 month rolling average.</div>
<div style="font-size:0.8em;font-family:VIC-Light;text-align:right;min-height:30px;padding-left:20%;padding-right:15%;padding-top:15px;">Source: Australian Bureau of Statistics, Creative Victoria.</div>
</div>
</div>
</div>
</figure>
</div>
</div>
</body>
</html>