diff --git a/css/index.css b/css/index.css index 8f423963..a7c9d948 100644 --- a/css/index.css +++ b/css/index.css @@ -102,6 +102,33 @@ body { cursor: pointer; } +.categories > li a { + text-decoration: none; + color: black; + display: inline-block; + padding-right: 20px; /* Adjust padding to make room for the icon */ + position: relative; +} + +.categories > li a::after { + content: ''; + position: absolute; + right: 0; /* Adjust the position as needed */ + top: 50%; + transform: translateY(-50%); + width: 20px; + height: 20px; + background-image: url('data:image/svg+xml;charset=UTF-8,'); + background-size: contain; + background-repeat: no-repeat; + transition: transform 0.3s ease; /* Smooth rotation */ + pointer-events: none; /* Prevent interaction with the symbol */ +} + +.categories > li:hover a::after { + transform: translateY(-50%) rotate(180deg); /* Rotate the symbol */ +} + .categories li a { text-decoration: none; color: black; diff --git a/index.html b/index.html index d14df557..04fd1b61 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,459 @@ + + + + +
+ + + +