|
|
| Line 1: |
Line 1: |
| <html><!-- Timeline container -->
| |
| <div id="moonTimeline" style="height: 300px;"></div>
| |
|
| |
| <!-- Vis.js library (no install needed) -->
| |
| <script src="https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js"></script>
| |
| <link href="https://unpkg.com/vis-timeline@latest/styles/vis-timeline-graph2d.min.css" rel="stylesheet" />
| |
|
| |
| <script>
| |
| var container = document.getElementById('moonTimeline');
| |
| var dataset = new vis.DataSet(items);
| |
|
| |
| var options = {
| |
| height: '300px',
| |
| zoomable: false,
| |
| showCurrentTime: false,
| |
| format: {
| |
| minorLabels: { year: '' },
| |
| majorLabels: { year: '' }
| |
| }
| |
| };
| |
|
| |
| var timeline = new vis.Timeline(container, dataset, options);
| |
| </script>
| |
|
| |
| <script>
| |
| var items = [
| |
| {{#ask: | | {{#ask: |
| [[Category:Timeline]] | | [[Timeline date::+]] |
| |?Has moon=moon | | [[Language code::en]] |
| |?Has event label=label | | |?Timeline date |
| |mainlabel=- | | |sort=Timeline date |
| |format=template | | |order=descending |
| |template=TimelinePoint | | |format=timeline |
| |link=none | | |timelinebands=MONTH,YEAR,DECADE |
| |sep=, | | |timelineposition=end |
| | |limit=150 |
| }} | | }} |
| ];
| |
| </script>
| |
| </html>
| |