MS - 15TH ANNIVERSARY: PIXEL PARTY EVENTS
by vniacob
HTML
<!DOCTYPE HTML>
<html>
<head>
<title>15TH ANNIVERSARY: PIXEL PARTY EVENTS</title>
<style type="text/css">
body, html {
font-family: inherit;
}
.vis-item.vis-range {
border-radius: 10px!important;
}
.vis-inner {
font-weight: bold;
}
.vis-sunday {
background: #ffaaaa;
}
</style>
<script src="https://visjs.github.io/vis-timeline/standalone/umd/vis-timeline-graph2d.min.js"></script>
<link href="https://visjs.github.io/vis-timeline/styles/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>15TH ANNIVERSARY: PIXEL PARTY EVENTS</h1>
<div id="visualization"></div>
<script type="text/javascript">
// DOM element where the Timeline will be attached
var container = document.getElementById('visualization');
var groups = new vis.DataSet([
{id: 0, content: 'Mega Burning Project', value: 0},
{id: 1, content: 'Anniversary Bonus Giveaway', value: 0},
{id: 2, content: 'Anniversary 2x EXP & Drop Event', value: 0},
{id: 3, content: 'Honorary Pixel Hero', value: 0},
{id: 4, content: 'Full missions', value: 0},
{id: 5, content: 'Coin collection', value: 0},
{id: 6, content: 'Mini-Games', value: 0},
{id: 7, content: 'MAPLESTORY 2<br/>WELCOME EVENTS', value: 0},
{id: 8, content: 'Sunny Sunday', value: 0},
]);
// Create a DataSet (allows two way data-binding)
var items = new vis.DataSet([
{id: 1, group: 0, start: '2020-04-22T00:00:00Z', end: '2020-05-19T23:59:59Z'},
{id: 2, group: 1, start: '2020-04-22T00:00:00Z', end: '2020-05-13T23:59:59Z'},
{id: 3, group: 2, start: '2020-05-09T08:00:00Z', end: '2020-05-09T11:00:00Z'},
{id: 4, group: 2, start: '2020-05-09T18:00:00Z', end: '2020-05-09T21:00:00Z'},
{id: 5, group: 2, start: '2020-05-10T02:00:00Z', end: '2020-05-10T05:00:00Z'},
{id: 7, group: 3, start: '2020-04-22T00:00:00Z', end: '2020-05-06T00:00:00Z', content: '1/2-Star Hero'},
{id: 8, group: 3,...