Nikolay Tatarinov
2fb553567f
Some checks failed
CI / lint-and-test (push) Failing after 45s
- Added Node.js setup and webapp testing steps to the CI workflow for improved integration. - Updated HTML to link multiple CSS files for better modularity and organization of styles. - Removed deprecated `style.css` and introduced new CSS files for base styles, calendar, day detail, hints, markers, states, and duty list to enhance maintainability and readability. - Implemented new styles for improved presentation of duty information and user interactions. - Added unit tests for new API functions and contact link rendering to ensure functionality and reliability.
48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
<link rel="icon" href="favicon.png" type="image/png">
|
||
<title></title>
|
||
<link rel="stylesheet" href="css/base.css">
|
||
<link rel="stylesheet" href="css/calendar.css">
|
||
<link rel="stylesheet" href="css/day-detail.css">
|
||
<link rel="stylesheet" href="css/hints.css">
|
||
<link rel="stylesheet" href="css/markers.css">
|
||
<link rel="stylesheet" href="css/duty-list.css">
|
||
<link rel="stylesheet" href="css/states.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="calendar-sticky" id="calendarSticky">
|
||
<header class="header">
|
||
<button type="button" class="nav" id="prevMonth" aria-label="">‹</button>
|
||
<h1 class="title" id="monthTitle"></h1>
|
||
<button type="button" class="nav" id="nextMonth" aria-label="">›</button>
|
||
</header>
|
||
<div class="weekdays">
|
||
<span></span><span></span><span></span><span></span><span></span><span></span><span></span>
|
||
</div>
|
||
<div class="calendar" id="calendar"></div>
|
||
</div>
|
||
<div class="duty-list" id="dutyList"></div>
|
||
<div class="loading" id="loading"><span class="loading__spinner" aria-hidden="true"></span><span class="loading__text"></span></div>
|
||
<div class="error" id="error" hidden></div>
|
||
<div class="access-denied" id="accessDenied" hidden></div>
|
||
<div id="currentDutyView" class="current-duty-view hidden"></div>
|
||
</div>
|
||
<script src="https://telegram.org/js/telegram-web-app.js"></script>
|
||
<script type="importmap">
|
||
{
|
||
"scopes": {
|
||
"./js/": {
|
||
"./js/i18n.js": "./js/i18n.js?v=1"
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<script type="module" src="js/main.js?v=4"></script>
|
||
</body>
|
||
</html>
|