logo impact

elixir-europe · Jan 10, 2024 · bd88a52 · bd88a52
1 parent fcb95f8
commit bd88a52
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 10 deletions.
diff --git a/frontend/public/impactLogo.png b/frontend/public/impactLogo.png
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -653,6 +653,12 @@ hr {
   color: #86d2ff;
 }
 
+.impactLogo {
+  height: 60px;
+  margin-top: 42px;
+  margin-right: 28px;
+}
+
 .bulbLogo {
   height: 16px;
   margin-right: 11px;
@@ -1213,7 +1219,6 @@ h5 {
     font-size: 9px;
     margin-left: 10px !important;
     background: #8dbde0;
-
   }
 
   .bulbExample {
@@ -1225,13 +1230,12 @@ h5 {
     align-items: center;
   }
 
-  .NavlinkVerifier{
+  .NavlinkVerifier {
     color: rgba(12, 16, 64, 0.606);
     font-size: 15px !important;
-    font-feature-settings: 'pcap', 'c2pc', "pcap", "c2pc";
+    font-feature-settings: 'pcap', 'c2pc', 'pcap', 'c2pc';
     font-variant-caps: all-petite-caps;
     margin-top: 0px;
     font-size: 12px !important;
   }
-
 }
diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
@@ -513,12 +513,23 @@ function Layout (props) {
           {/* <a href="https://www.cineca-project.eu/" target="_blank">
                         <img className="cinecaLogo" src="./CINECA_logo.png" alt='cinecaLogo'></img>
                     </a> */}
-          <a href='https://elixir-europe.org/' target='_blank'>
+          {/* <a href='https://elixir-europe.org/' target='_blank'>
             <img
               className='elixirLogo'
               src='./white-orange-logo.png'
               alt='elixirLogo'
             ></img>
+          </a> */}
+          <a
+            href='https://impact-data.bsc.es/'
+            className='logoInstitution'
+            target='_blank'
+          >
+            <img
+              className='impactLogo'
+              src='../impactLogo.png'
+              alt='impactLogo'
+            ></img>
           </a>
         </div>
       </div>
@@ -592,21 +603,17 @@ function Layout (props) {
 
         <div className='additionalOptions'>
           <div className='example'>
-
             {cohorts === false && props.collection !== '' && showBar === true && (
               <div className='bulbExample'>
-
                 <button className='exampleQueries' onClick={handleExQueries}>
                   Query Examples
-
                 </button>
                 <img
                   className='bulbLogo'
                   src='../light-bulb.png'
                   alt='bulbIcon'
                 ></img>
                 <div className='examplesQueriesList'>
-
                   {exampleQ[0] &&
                     exampleQ.map(result => {
                       return (
@@ -1007,7 +1014,7 @@ function Layout (props) {
                   </div>
                 </section>
                 <section id='gene' className='tab-panel'>
-                <button
+                  <button
                     className='variantExampleButton'
                     onClick={handleGeneExample}
                     type='button'