51 lines
1.3 KiB
HTML
51 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
name="viewport">
|
|
<meta content="ie=edge" http-equiv="X-UA-Compatible">
|
|
|
|
<title>Calendar</title>
|
|
|
|
<link href="./style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div id="calendar">
|
|
<div id="calendar__header">
|
|
<div class="year" id="year">2024</div>
|
|
<div class="actions">
|
|
<button> <</button>
|
|
<button>Today</button>
|
|
<button> ></button>
|
|
</div>
|
|
<div class="month" id="month">September</div>
|
|
</div>
|
|
|
|
<div id="calendar__body">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div>
|
|
© 2025 VikingOwl
|
|
</div>
|
|
<div style="margin: 0 .5rem">—</div>
|
|
<a href="https://somegit.dev/vikingowl/Calendar">Gitea</a>
|
|
</footer>
|
|
|
|
<script type="module">
|
|
import Calendar from "./Calendar.js";
|
|
|
|
const calendarDiv = document.querySelector("#calendar");
|
|
if (calendarDiv) {
|
|
const calendar = new Calendar(calendarDiv, {locale: 'de-DE', firstDayInWeek: 'Monday'})
|
|
calendar.init()
|
|
calendar.render()
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|