elxir funding

elixir-europe · Mar 6, 2024 · bfe3e5c · bfe3e5c
1 parent 87a7c74
commit bfe3e5c
Show file tree

Hide file tree

Showing 7 changed files with 76 additions and 24 deletions.
diff --git a/frontend/public/elixirLogo.png b/frontend/public/elixirLogo.png
diff --git a/frontend/public/horizonEuropeLogo.png b/frontend/public/horizonEuropeLogo.png
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -22,7 +22,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-  <title>IMPaCT Beacon network demo</title>
+  <title>ELIXIR Beacon network demo</title>
 </head>
 
 <body class="dx-viewport">

diff --git a/frontend/public/laMaratoLogo.png b/frontend/public/laMaratoLogo.png
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -603,13 +603,13 @@ html {
   align-items: center;
 }
 
-.laMaratoLogo {
-  height: 81px;
+.elixirLogo {
+  height: 91px;
   -webkit-filter: grayscale(20%);
-  filter: grayscale(60%);
+  filter: grayscale(100%);
 }
 
-.laMaratoLogo:hover {
+.elixirLogo:hover {
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
 }
@@ -629,6 +629,22 @@ html {
   filter: grayscale(0%);
 }
 
+.horizonEuropeLogo{
+  height: 35px;
+  margin-right: 16px;
+  margin-left: 4px;
+  margin-top: 3px;
+  -webkit-filter: grayscale(20%);
+  filter: grayscale(100%);
+  -webkit-transition: 0.2s ease-in-out;
+  transition: 0.2s ease-in-out;
+}
+
+.horizonEuropeLogo:hover {
+  -webkit-filter: grayscale(0%);
+  filter: grayscale(0%);
+}
+
 .comming_message {
   margin: 80px;
   font-size: 18px;
@@ -1196,13 +1212,15 @@ h5 {
     padding-bottom: 1px;
   }
 
-  .laMaratoLogo {
-    height: 70px;
-    margin-bottom: 5px;
+  .elixirLogo {
+    height: 60px;
+    -webkit-filter: grayscale(20%);
+    filter: grayscale(100%);
   }
-  .laMaratoLogo:hover {
-    -webkit-filter: grayscale(50%);
-    filter: grayscale(50%);
+
+  .elixirLogo:hover {
+    -webkit-filter: grayscale(0%);
+    filter: grayscale(0%);
   }
 
   .version {
@@ -1231,6 +1249,16 @@ h5 {
     transition: 0.2s ease-in-out;
   }
 
+  .horizonEuropeLogo{
+    height: 31px;
+    margin-right: 16px;
+    margin-left: 4px;
+    -webkit-filter: grayscale(100%);
+    filter: grayscale(100%);
+    -webkit-transition: 0.2s ease-in-out;
+    transition: 0.2s ease-in-out;
+  }
+
   .inputVariants {
     height: 24px;
     border: 1.5px solid #dfdfdf;
@@ -1413,13 +1441,6 @@ h5 {
     margin-left: -8px;
   }
 
-  .elixirLogo {
-    height: 70px;
-    margin-top: 18px;
-    margin-bottom: 37px;
-    margin-right: 21px;
-  }
-
   .searchButton {
     height: 30px;
     cursor: pointer;

diff --git a/frontend/src/components/Footer/Footer.js b/frontend/src/components/Footer/Footer.js
@@ -72,6 +72,24 @@ function Footer (props) {
               Beacon validator
             </NavLink>
           </li>
+          <li className='social-icon__item'>
+            <a
+              className='social-icon__link'
+              href='https://github.com/elixir-europe/beacon-network-ui/'
+              target='_blank'
+              rel='noreferrer'
+            >
+              <ion-icon name='logo-github'></ion-icon>
+            </a>
+            <a
+              className='menu__link'
+              href='https://github.com/elixir-europe/beacon-network-ui/'
+              target='_blank'
+              rel='noreferrer'
+            >
+              GitHub UI
+            </a>
+          </li>
           {/* <li className='social-icon__item'>
             <a
               className='social-icon__link'
@@ -149,7 +167,7 @@ function Footer (props) {
                 to='/sign-in-options'
                 className='social-icon__link'
               >
-                <ion-icon name='log-out-outline' ></ion-icon>
+                <ion-icon name='log-out-outline'></ion-icon>
               </NavLink>
               <NavLink
                 exact

diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
@@ -538,19 +538,32 @@ function Layout (props) {
         <div className='logosVersionContainer'>
           <div className='logos'>
             <a
-              href='https://www.ccma.cat/tv3/marato/'
+              href='https://elixir-europe.org/'
               className='logoInstitution'
               target='_blank'
               rel='noreferrer'
-              title='This project has been funded by TV3 La Marató Foundation under the identification code 202040-31'
+              title='The project "Beacon Infrastructure (2021-23)" has been funded by ELIXIR Europe'
             >
               <img
-                className='laMaratoLogo'
-                src='../laMaratoLogo.png'
-                alt='laMaratoLogo'
+                className='elixirLogo'
+                src='./white-orange-logo.png'
+                alt='elixirLogo'
               ></img>
             </a>
 
+            <a
+              href='https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en'
+              className='logoInstitution'
+              target='_blank'
+              rel='noreferrer'
+              title='Funded by the European Union'
+            >
+              <img
+                className='horizonEuropeLogo'
+                src='../horizonEuropeLogo.png'
+                alt='horizonEuropeLogo'
+              ></img>
+            </a>
             <a
               href='https://fundacionlacaixa.org/es/'
               className='logoInstitution'