mirror of
https://github.com/koodiklinikka/palkkakysely.git
synced 2026-03-12 21:03:22 +00:00
52 lines
1.5 KiB
HTML
52 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" href="style.css">
|
|
<title>Koodiklinikan palkkakysely</title>
|
|
<style>
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
.years {
|
|
list-style: none;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
}
|
|
.years li a {
|
|
display: block;
|
|
padding: 24px 48px;
|
|
border-radius: 8px;
|
|
color: #222;
|
|
text-decoration: none;
|
|
font-size: 2.2em;
|
|
font-weight: 600;
|
|
}
|
|
.years li a:hover {
|
|
filter: brightness(1.1);
|
|
}
|
|
.y2025 a { background: #4ade80; }
|
|
.y2024 a { background: #60a5fa; }
|
|
.y2023 a { background: #a78bfa; }
|
|
.y2022 a { background: #fb923c; }
|
|
.y2021 a { background: #2dd4bf; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Koodiklinikan palkkakysely</h1>
|
|
<ul class="years">
|
|
<li class="y2025"><a href="2025/">2025</a></li>
|
|
<li class="y2024"><a href="2024/">2024</a></li>
|
|
<li class="y2023"><a href="2023/">2023</a></li>
|
|
<li class="y2022"><a href="2022/">2022</a></li>
|
|
<li class="y2021"><a href="2021/">2021</a></li>
|
|
</ul>
|
|
</body>
|
|
</html>
|