feat: add footer menu, change paginator design

packages/base/Resources/Private/Extensions/News/Partials/List/Pagination.html

@@ -19,7 +19,7 @@
         </li>
     </f:if>
     <f:for each="{pagination.allPageNumbers}" as="page">
-        <li class="{f:if(condition: page == paginator.currentPageNumber, then:'current')}">
+        <li class="{f:if(condition: '{page} == {paginator.currentPageNumber}', then:'current')}">
             <a href="{f:uri.action(action:actionName, arguments:{currentPage: page},addQueryString:'untrusted')}">{page}</a>
         </li>
     </f:for>

packages/base/Resources/Private/PageView/Layouts/Default.html

@@ -26,7 +26,13 @@
         <div class="site-footer__bottom">
             <div class="site-footer__bottom-grid">
                 <ul class="site-footer__legal">
-                    <f:cObject typoscriptObjectPath="lib.footerMenu" />
+                    <f:for each="{metanavigation}" as="item">
+                        <li{f:if(condition: item.active, then:' class="active"')}>
+                            <a href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
+                                <span>{item.title}</span>
+                            </a>
+                        </li>
+                    </f:for>
                 </ul>
                 <p class="site-footer__copyright">© All Right Reserved</p>
             </div>

packages/base/Resources/Public/Scss/components/_buttons.scss

@@ -2,6 +2,7 @@
   background-color: var(--bs-primary);
   color: var(--bs-yellow);
   font-family: 'Inter', sans-serif;
+  font-weight: 700;
   border-radius: .5rem;
   padding: 0.75rem 1.5rem;
   border: none;

packages/base/Resources/Public/Scss/components/_news.scss

@@ -46,9 +46,10 @@
         color: $primary-color;
       }
 
-      &.current a {
-        background: lighten($primary-color, 20%);
-        color: $secondary-color;
+      &.current a, a:hover {
+        background: var(--bs-primary);
+        color: var(--bs-yellow);
+        font-weight: bold;
       }
 
       a {
@@ -57,16 +58,10 @@
         height: 2.5rem;
         line-height: 2.5rem;
         text-align: center;
-        border-radius: 50%;
-        background: $primary-color;
-        color: $secondary-color;
-        font-weight: bold;
+        border-radius: 0.5rem;
+        background: transparent;
         text-decoration: none;
         transition: background 0.3s ease-in-out;
-
-        &:hover {
-          background: lighten($primary-color, 10%);
-        }
       }
     }
   }