mint/public/app/calendar/history.html

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/timeline.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
	<div id="container"></div>
	<p class="highcharts-description">More stories need to be added, more history need to be create by you!</p>
</figure>
<script>
	Highcharts.chart("container", {
		chart: {
			type: "timeline",
		},
		accessibility: {
			screenReaderSection: {
				beforeChartFormat:
					"<h5>{chartTitle}</h5>" +
					"<div>{typeDescription}</div>" +
					"<div>{chartSubtitle}</div>" +
					"<div>{chartLongdesc}</div>" +
					"<div>{viewTableButton}</div>",
			},
			point: {
				valueDescriptionFormat: "{index}. {point.label}. {point.description}.",
			},
		},
		xAxis: {
			visible: false,
		},
		yAxis: {
			visible: false,
		},
		title: {
			text: "wikipāli History",
		},
		subtitle: {
			text: "Simple development of wikipāli",
		},
		colors: ["#4185F3", "#427CDD", "#406AB2", "#3E5A8E", "#3B4A68", "#363C46"],
		series: [
			{
				data: [
					{
						name: "Display Only",
						label: "2017 Vassa",
						description:
							"pāli Word by word translation display on Html, solve the working memory limitation on understanding the pāli text",
					},
					{
						name: "Magic Dictionary",
						label: "2018 spring festival",
						description: "look up dictionary in batch work, reduce the difficulty of translating work",
					},
					{
						name: "establishment of pāli corpus",
						label: "2018 July 27",
						description: "convert the XML pāli text into database, realize the fragmentation",
					},
					{
						name: "conference in Sri Lanka",
						label: "2020 Feb",
						description:
							"Discuss the tipiṭaka translating project and the establishment of  wikipāli platform, supported by many kinds of conditions",
					},
					{
						name: "pilot class in Dawei Pa-auk",
						label: "2020 March",
						description:
							"Testing and figure out the possible way of learning and translating pāli, U Kuṇḍadhāna Sayadaw join as the pioneer teacher",
					},
					{
						name: "wikipāli online test",
						label: "2020 vassa",
						description:
							"online class + online translation; word by word teaching get more and more acknowledge",
					},
                    {
						name: "Nissaya digitization project start",
						label: "2022 Feb.",
						description:
							"Nissaya digitization project start",
					},
                    {
						name: "wikipāli 2.0 rebuild start",
						label: "2022 Oct.",
						description:
							"Rebuild frontend and backend by popular framework.Further and user-friendly.",
					},
                    {
						name: "wikipāli 2.0 rebuild test",
						label: "2023 Jun.",
						description:
							"Rebuild test.",
					},
				],
			},
		],
	});
</script>

<h1>Idea of Theravada Tipitaka commentaries translation project(2019)</h1>
<p>we make a plan to someone who are interested in pāli translation.
</p>

<video controls="controls" style="width: 80%;">
    <source src="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/Idea%20of%20Theravada%20Tipitaka%20commentaries%20translation%20project%20%282019%29%20English%20subtitles.webm" type="video/webm" ></source>
    Video not playing? <a href="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/Idea%20of%20Theravada%20Tipitaka%20commentaries%20translation%20project%20%282019%29%20English%20subtitles.webm">Download file</a> instead.
</video>


<h1>conference in Sri Lanka, 2020 Feb</h1>
<p>we invite the pāli experts from Myanmar and Sri Lank,
including tipiṭaka Sayadaw, dhammācariya, alaṅkāra Sayadaw, teachers in university.
We introduce our project and discuss.
</p>

<h2>1. translating project of pali literature</h2>
<video controls="controls" style="width: 80%;">
    <source src="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/1%20translating%20project%20of%20pali%20literature.mp4" type="video/mp4" ></source>
    Video not playing? <a href="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/1%20translating%20project%20of%20pali%20literature.mp4">Download file</a> instead.
</video>

<h2>2. How to Support the Pāḷi Education by Computer Software</h2>
<video controls="controls" style="width: 80%;">
    <source src="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/2%20How%20to%20Support%20the%20P%C4%81%E1%B8%B7i%20Education%20by%20Computer%20Software.mp4" type="video/mp4" ></source>
    Video not playing? <a href="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/2%20How%20to%20Support%20the%20P%C4%81%E1%B8%B7i%20Education%20by%20Computer%20Software.mp4">Download file</a> instead.
</video>

<h2>3. pali education platform & ecological chain</h2>
<video controls="controls" style="width: 80%;">
    <source src="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/3%20pali%20education%20platform.mp4" type="video/mp4" ></source>
    Video not playing? <a href="https://djt-res.fzcl.org.cn/jly/video/%E4%BA%91%E5%8F%B0/%E5%85%B0%E5%8D%A1%E4%BC%9A%E8%AE%AE/3%20pali%20education%20platform.mp4">Download file</a> instead.
</video>