Merge pull request #5278 from Catrobat/footer-stats

New basic footer design

Author: dmetzner

assets/Layout/Footer.scss

@@ -1,14 +1,6 @@
-@use '~@material/select';
-@use '~@material/select/mdc-select';
-@use '~@material/list/mdc-list';
-@use '~@material/menu-surface/mdc-menu-surface';
-@use '~@material/menu/mdc-menu';
-@use '~@material/select/styles';
 @import './Variables';
 @import './Mixins';
 
-// Keep the footer at the bottom at all time.
-
 html,
 body {
   min-height: 100vh;
@@ -21,39 +13,54 @@ body {
   margin-bottom: 1.25rem;
 }
 
-// ----
-
 .footer {
   margin-top: auto;
-  padding: 1.5rem;
+  padding: 1rem;
   color: $footer-color;
   background-color: $footer-background-color;
 
+  @media (width >= 768px) {
+    padding: 2rem;
+  }
+
   a {
     color: inherit;
+    text-decoration: underline;
 
     &:hover {
-      text-decoration: none;
+      color: var(--primary);
     }
   }
 
-  ul {
-    padding: 0;
-    list-style: none;
+  .footer-links {
+    a {
+      font-size: 0.9rem;
+      transition: color 0.3s ease;
+      text-decoration: none;
 
-    .list-vertical {
-      li {
-        display: block;
-        hyphens: auto;
+      &:hover {
+        color: var(--primary);
+      }
+
+      &:not(:first-child) {
+        margin-left: 0.5rem;
       }
     }
   }
-}
 
-.mdc-select {
-  width: 100% !important;
+  .footer-copyright {
+    font-size: 0.9rem;
+  }
 }
 
-.mdc-notched-outline__notch {
-  width: 100% !important;
+.footer-download {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  a {
+    text-decoration: none;
+
+    img {
+      margin-top: 0.3rem;
+    }
+  }
 }

bin/initial_setup.sh

@@ -10,7 +10,7 @@ sudo apt upgrade
 sudo apt install curl acl
 
 ## Php and its extensions, composer (php package manager)
-sudo apt install php8.3-common php8.3-ldap php8.3-cli php8.3-curl php8.3-intl php8.3-apcu php8.3-imagick php8.3-mbstring php8.3-xml php8.3-fpm php8.3-mysql php8.3-gd php8.3-zip
+sudo apt install php8.3-common php8.3-ldap php8.3-cli php8.3-curl php8.3-intl php8.3-apcu php8.3-imagick php8.3-mbstring php8.3-xml php8.3-fpm php8.3-mysql php8.3-gd php8.3-zip php8.3-bcmath
 sudo apt install composer
 
 ## Node and npm (node package manager)

composer.json

@@ -5,6 +5,7 @@
   "description": "Catrobat's Share Community Platform",
   "require": {
     "php": ">=8.3",
+    "ext-bcmath": "*",
     "ext-SimpleXML": "*",
     "ext-gd": "*",
     "ext-imagick": "*",
@@ -99,7 +100,8 @@
       "ext-pcntl": "8.3",
       "ext-posix": "8.3",
       "ext-xml": "8.3",
-      "ext-zip": "8.3"
+      "ext-zip": "8.3",
+      "ext-bcmath": "8.3"
     },
     "bin-dir": "bin",
     "preferred-install": {