Fixed month page. Button transitions

faerun_calendar/urls.py

@@ -5,6 +5,7 @@ from . import views
 urlpatterns = [
     path('', views.index, name='index'),
     path('<int:year>/', views.year_page, name='index'),
+    path('<int:year>/<int:month>/', views.month_page, name='index'),
     path('<int:year>/<int:month>/<int:day>/', views.day_page, name='index'),
 ]
 

faerun_calendar/views.py

@@ -81,6 +81,10 @@ def day_page(request, year: int, month: int, day: int):
     return render(request, 'faerun_calendar/index.html', params)
 
 
+def month_page(request, year: int, month: int):
+    return HttpResponseRedirect(f'../../{year}')
+
+
 def year_page(request, year: int):
     params = None
 

main/static/main/css/main.css

@@ -28,6 +28,10 @@ a.button {
     padding: 10px;
     margin: 10px;
 
+    transition: padding 0.3s;
+    transition: margin 0.3s;
+    transition: background 0.3s;
+
     max-width: 200px;
 
     display: flex;
@@ -79,6 +83,10 @@ body > div > * {
     font-size: 2em;
     text-decoration: none;
     margin: 3px 0px;
+
+    transition: padding 0.3s;
+    transition: margin 0.3s;
+    transition: color 0.3s;
 }
 
 .arrow:before, .arrow:after {
@@ -91,6 +99,10 @@ body > div > * {
     position: absolute;
     right: 0;
     width: 1em;
+
+    transition: padding 0.3s;
+    transition: margin 0.3s;
+    transition: background 0.3s;
 }
 
 .arrow.left:before, .arrow.left:after {