diff --git a/frontend/public/CINECA_logo.png b/frontend/public/CINECA_logo.png deleted file mode 100644 index 4c95f92..0000000 Binary files a/frontend/public/CINECA_logo.png and /dev/null differ diff --git a/frontend/public/ISCIII_logo.png b/frontend/public/ISCIII_logo.png deleted file mode 100644 index a2b1fa7..0000000 Binary files a/frontend/public/ISCIII_logo.png and /dev/null differ diff --git a/frontend/public/elixirLogo.png b/frontend/public/elixirLogo.png new file mode 100644 index 0000000..600f290 Binary files /dev/null and b/frontend/public/elixirLogo.png differ diff --git a/frontend/public/horizonEuropeLogo.png b/frontend/public/horizonEuropeLogo.png new file mode 100644 index 0000000..b55a886 Binary files /dev/null and b/frontend/public/horizonEuropeLogo.png differ diff --git a/frontend/public/impactLogo.png b/frontend/public/impactLogo.png deleted file mode 100644 index 88a06b9..0000000 Binary files a/frontend/public/impactLogo.png and /dev/null differ diff --git a/frontend/public/index.html b/frontend/public/index.html index ac1a516..60b8597 100644 --- 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`. --> - IMPaCT Beacon network demo + ELIXIR Beacon network demo diff --git a/frontend/public/laMaratoLogo.png b/frontend/public/laMaratoLogo.png deleted file mode 100644 index 138b7fd..0000000 Binary files a/frontend/public/laMaratoLogo.png and /dev/null differ diff --git a/frontend/public/ministerio_logo.png b/frontend/public/ministerio_logo.png deleted file mode 100644 index fd38b97..0000000 Binary files a/frontend/public/ministerio_logo.png and /dev/null differ diff --git a/frontend/src/App.css b/frontend/src/App.css index 4cc19c9..514a2f7 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -66,9 +66,9 @@ html { } .version { - margin-bottom: 27px; - margin-right: 27px; - margin-top: -10px; + margin-bottom: 19px; + margin-right: 25px; + margin-top: 4px; color: rgb(102 116 152) !important; font-weight: 700 !important; } @@ -603,77 +603,44 @@ html { align-items: center; } -.impactLogo { - height: 35px; - margin-top: 40px; - margin-right: 11px; - -webkit-filter: grayscale(20%); - filter: grayscale(60%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; -} - -.impactLogo:hover { - -webkit-filter: grayscale(0%); - filter: grayscale(0%); -} - -.federLogo { - height: 33px; - margin-top: 42px; - margin-right: 14px; +.elixirLogo { + height: 91px; -webkit-filter: grayscale(20%); filter: grayscale(100%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; } -.federLogo:hover { +.elixirLogo:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } -.iscLogo { - height: 33px; - margin-top: 42px; - margin-right: 14px; - -webkit-filter: grayscale(20%); - filter: grayscale(100%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; -} - -.iscLogo:hover { - -webkit-filter: grayscale(0%); - filter: grayscale(0%); -} - -.ministerioLogo { - height: 33px; - margin-top: 42px; - margin-right: 14px; +.laCaixaLogo { + height: 35px; + margin-right: 30px; + margin-top: 3px; -webkit-filter: grayscale(20%); filter: grayscale(100%); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } -.ministerioLogo:hover { +.laCaixaLogo:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } -.laCaixaLogo { - height: 33px; - margin-top: 42px; - margin-right: 30px; +.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; } -.laCaixaLogo:hover { +.horizonEuropeLogo:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } @@ -803,9 +770,8 @@ hr { .logos { display: flex; width: 100vw; - align-items: flex-end; - margin-bottom: 19px; - margin-top: -8px; + align-items: center; + margin-top: 8px; flex-direction: row; justify-content: flex-end; } @@ -1246,12 +1212,23 @@ h5 { padding-bottom: 1px; } + .elixirLogo { + height: 60px; + -webkit-filter: grayscale(20%); + filter: grayscale(100%); + } + + .elixirLogo:hover { + -webkit-filter: grayscale(0%); + filter: grayscale(0%); + } + .version { - margin-bottom: 39px; + margin-bottom: 63px; margin-right: 25px; - margin-top: -14px; + margin-top: -10px; color: rgb(102 116 152) !important; - font-weight: 700 !important; + font-weight: 600; } .logosVersionContainer { @@ -1263,50 +1240,19 @@ h5 { margin-bottom: 20px; } - .impactLogo { - height: 31px; - margin-top: 31px; - margin-right: 10px; - -webkit-filter: grayscale(20%); - filter: grayscale(100%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; - } - - .federLogo { - height: 31px; - margin-top: 31px; - margin-right: 10px; - -webkit-filter: grayscale(20%); - filter: grayscale(100%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; - } - - .iscLogo { - height: 31px; - margin-top: 31px; - margin-right: 10px; - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; - } - - .ministerioLogo { + .laCaixaLogo { height: 31px; - margin-top: 31px; - margin-right: 10px; + margin-right: 30px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } - .laCaixaLogo { + .horizonEuropeLogo{ height: 31px; - margin-top: 31px; - margin-right: 30px; + margin-right: 16px; + margin-left: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.2s ease-in-out; @@ -1495,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 index c0ee7d6..f015d48 100644 --- a/frontend/src/components/Footer/Footer.js +++ b/frontend/src/components/Footer/Footer.js @@ -72,6 +72,24 @@ function Footer (props) { Beacon validator +
  • + + + + + GitHub UI + +
    • {/*
  • - +
    impactLogo - - - federLogo - - - ministerioLogo + iscLogo