mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 11:03:50 +00:00
56 lines
2.2 KiB
HTML
56 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Assignments</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet/less" type="text/css" href="css/assignments.less" />
|
|
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<h1 class="hero__header" data-aos="zoom-out">Lesson 1</h1>
|
|
<div class="assignment">
|
|
<button data-aos="zoom-in" id="1.1">Warmup</button>
|
|
<button data-aos="zoom-in" id="1.2">Classwork</button>
|
|
<button data-aos="zoom-in" id="1.3">Assignment</button>
|
|
</div>
|
|
<h1 class="hero__header" data-aos="zoom-out">Lesson 2</h1>
|
|
<div class="assignment">
|
|
<button data-aos="zoom-in" id="2.1">Warmup</button>
|
|
<button data-aos="zoom-in" id="2.2">Classwork</button>
|
|
<button data-aos="zoom-in" id="2.3">Assignment</button>
|
|
</div>
|
|
<h1 class="hero__header" data-aos="zoom-out">Lesson 3</h1>
|
|
<div class="assignment">
|
|
<button data-aos="zoom-in" id="3.1">Warmup</button>
|
|
<button data-aos="zoom-in" id="3.2">Classwork</button>
|
|
<button data-aos="zoom-in" id="3.3">Assignment</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/less.js" data-env="production"></script>
|
|
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
|
<script>AOS.init(
|
|
{
|
|
once: false,
|
|
mirror: true,
|
|
anchorPlacement: 'top-bottom',
|
|
offset: 0,
|
|
duration: 800
|
|
});
|
|
</script>
|
|
<script>
|
|
const assignments = document.querySelectorAll('.assignment button');
|
|
assignments.forEach(assignment => {
|
|
assignment.addEventListener('click', (e) => {
|
|
const lesson = e.target.id.split(':')[0];
|
|
const assignment = e.target.id.split(':')[1];
|
|
window.location.href = `python/assignments/${lesson}.html`;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |