ELTETANREP-215 change footer

src/themes/elte/app/footer/footer.component.html

@@ -1,11 +1,19 @@
-<footer class="text-lg-start qulto-footer">
-  <div class="footer-body">
-    <div class="side-element"></div>
-    <div class="middle-text">
-      © <span>{{ currentYear }}</span> Monguz Információtechnológiai Kft.
-    </div>
-    <div class="side-element">
-      <img class="mx-2" src="/assets/elte/images/qultoLogoWhite.svg" />
-    </div>
+<footer>
+  <div class="rrf-logo">
+    <img src="/assets/elte/images/rrf_logo.png" alt="RRF logo" />
+    {{ "footer.rrf" | translate }}
   </div>
+  <div>
+    © <span>{{ currentYear }} </span>{{ "footer.instituteName" | translate }}
+    <br />
+    {{ "footer.allRights" | translate }}
+  </div>
+  <a
+    href="https://qulto.eu/"
+    class="logo"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    <img src="/assets/elte/images/qulto_logo.png" alt="Qulto logo" />
+  </a>
 </footer>

src/themes/elte/app/footer/footer.component.scss

@@ -1,23 +1,31 @@
-.qulto-footer {
+footer {
+  display: grid;
+  min-height: 4rem;
+  padding: 0.25rem;
   background-color: var(--elte-blue);
-  border-top: 1px solid $primary;
-  height: 3rem;
-  width: 100%;
+  color: #ffff;
+  grid-template-columns: 2fr 1fr 2fr;
+  place-items: center;
+  text-align: center;
 
-  .footer-body {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 100%;
+  .logo {
+    margin: 0 1rem;
+    justify-self: end;
 
-    .side-element {
-      display: flex;
-      flex: 1;
-      justify-content: flex-end;
+    img {
+      vertical-align: middle;
     }
+  }
+
+  .rrf-logo {
+    display: flex;
+    align-items: center;
+    font-size: 0.75rem;
+    margin: 0 1rem;
+    justify-self: end;
 
-    .middle-text {
-      color: #ffff;
+    img {
+      height: 3.5rem;
     }
   }
 }

src/themes/elte/assets/i18n/en.json5

@@ -446,4 +446,10 @@
   "browse.comcol.by.program": "By Program",
 
   "browse.comcol.by.course": "By School subject",
+
+  "footer.allRights": "All rights reserved",
+
+  "footer.instituteName": "Eötvös Loránd University",
+
+  "footer.rrf": "The project ID RRF-2.1.2-21-2022-00023, titled 'Infrastructural and skills development of practice-oriented higher education programs', was implemented within the framework of Hungary’s Recovery and Resilience Plan.",
 }

src/themes/elte/assets/i18n/hu.json5

@@ -491,4 +491,10 @@
   "browse.comcol.by.program": "Képzés szerint",
 
   "browse.comcol.by.course": "Tantárgy szerint",
+
+  "footer.allRights": "Minden jog fenntartva",
+
+  "footer.instituteName": "Eötvös Loránd Tudományegyetem",
+
+  "footer.rrf": "Az RRF-2.1.2-21-2022-00023 azonosító számon nyilvántartott „Gyakorlatorientált felsőfokú képzések infrastrukturális- és készségfejlesztése” projekt Magyarország Helyreállítási és Ellenállóképességi Tervének keretében valósult meg."
 }