mirror of
https://github.com/koodiklinikka/palkkakysely.git
synced 2026-03-13 19:03:40 +00:00
Improve style, add 2025 to menu (#23)
This commit is contained in:
@@ -7,14 +7,45 @@
|
||||
<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>
|
||||
<li><a href="2021/">2021</a></li>
|
||||
<li><a href="2022/">2022</a></li>
|
||||
<li><a href="2023/">2023</a></li>
|
||||
<li><a href="2024/">2024</a></li>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user