Skip to content
3 changes: 3 additions & 0 deletions _layouts/frontpage.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,9 @@
<i class="fa fa-bars"></i>
</div>
<ul class="navigation-menu">
<li class="navigation-menu-item navigation-menu-item--scala-days">
<a href="https://scaladays.org" class="scala-days-button">Scala Days 2025</a>
</li>
{% for navItem in site.data.nav-header %}
<li class="navigation-menu-item">
<a href="{{navItem.url}}">{{navItem.title}}</a>
Expand Down
50 changes: 50 additions & 0 deletions _sass/layout/navigation.scss
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,30 @@
text-decoration: none;
}
}

&.navigation-menu-item--scala-days {
a {
background: #ff6b35;
color: #fff;
padding: 8px 20px;
border-radius: 25px;
font-weight: bold;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);

&:hover {
background: #e55a2b;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
text-decoration: none;
}

&:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
}
}
}
}
}
}
Expand Down Expand Up @@ -78,6 +102,32 @@
padding: 10px 0;
display: block;
}

.navigation-menu-item--scala-days {
a {
background: #ff6b35;
color: #fff;
padding: 10px 20px;
border-radius: 25px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);

&:hover {
background: #e55a2b;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
text-decoration: none;
}

&:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
}
}
}
}
}
}
Expand Down