integrated feedback, added pooltool

cardano-foundation · Aug 16, 2024 · 4b43bbd · 4b43bbd
1 parent ff8585f
commit 4b43bbd
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 24 deletions.
diff --git a/public/assets/poolTool.png b/public/assets/poolTool.png
diff --git a/src/App.jsx b/src/App.jsx
@@ -19,6 +19,7 @@ import poolPmLogo from "/assets/pool-pm.png";
 import eutxoLogo from "/assets/eutxo.png";
 import adaStatLogo from "/assets/adastat.png";
 import betaExplorer from "/assets/beta-explorer.png";
+import poolTool from "/assets/poolTool.png";
 
 const useQuery = () => {
   return new URLSearchParams(useLocation().search);
@@ -79,6 +80,13 @@ const CardanoExplorer = () => {
       image: betaExplorer,
       isDeepLink: true
     },
+    poolTool: {
+      name: "PoolTool",
+      description: "One of the most feature-rich, unbiased pool tools. Also offers a native app.",
+      url: "https://pooltool.io/",
+      image: poolTool,
+      isDeepLink: false
+    }
   };
 
   const selectedExplorer = explorers[path] || explorers[query.get("section")];
@@ -90,9 +98,10 @@ const CardanoExplorer = () => {
           maxWidth: 345,
           minHeight: 321,
           margin: 1,
-          borderRadius: 4,
+          borderRadius: '4px',
           overflow: "hidden",
           opacity: isDeepLink && !explorer.isDeepLink ? 0.5 : 1,
+          boxShadow: 8
         }}
       >
         <CardMedia

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -19,31 +19,25 @@ function Footer() {
       }}
     >
         <Grid container spacing={2} style={{color: "white", marginTop: "1px", fontSize: "small"}}>
-            <Grid item xs={2}/>
-            <Grid item xs={2}>
-                <div style={{fontWeight: "bold"}}>Entities</div>
-                <div onClick={() => location.href = 'https://cardanofoundation.org'}>Cardano Foundation</div>
-                <div onClick={() => location.href = 'https://emurgo.io'}>Emurgo</div>
-                <div onClick={() => location.href = 'https://iohk.io'}>Input Output</div>
-            </Grid>
-            <Grid item xs={2}>
+            <Grid item xs={3}/>
+            <Grid item xs={2} style={{textAlign: "center"}}>
                 <div style={{fontWeight: "bold"}}>Support</div>
                 <div onClick={() => location.href = 'https://cardano.org/brand-assets/'}>Brand Assets</div>
                 <div onClick={() => location.href = 'https://cardanofoundation.org/contact'}>Contact</div>
             </Grid>
-            <Grid item xs={2}>
+            <Grid item xs={2} style={{textAlign: "center"}}>
                 <div style={{fontWeight: "bold"}}>Legal</div>
                 <div onClick={() => location.href = 'https://cardanofoundation.org/en/terms-and-conditions'}>Terms <LaunchIcon fontSize={"inherit"}/></div>
                 <div onClick={() => location.href = 'https://cardanofoundation.org/en/privacy'}>Privacy Policy <LaunchIcon fontSize={"inherit"}/></div>
             </Grid>
-            <Grid item xs={2}>
+            <Grid item xs={2} style={{textAlign: "center"}}>
                 <div style={{fontWeight: "bold"}}>More</div>
                 <div onClick={() => location.href = 'https://cardanofoundation.org'}>News</div>
                 <div onClick={() => location.href = 'https://developers.cardano.org/docs/portal-contribute/'}>Contribute</div>
             </Grid>
-            <Grid item xs={2}/>
+            <Grid item xs={3}/>
             <Grid item xs={12} style={{textAlign: "center", color: "white", fontSize: "small"}}>
-                © 2024 Cardano Foundation. All rights reserved.
+                ® Cardano
             </Grid>
         </Grid>
     </Box>

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -3,7 +3,7 @@ import React from "react";
 import { Box, Typography } from "@mui/material";
 import cardanoLogo from "/assets/logo.svg";
 import githubLogo from "/assets/github.svg";
-
+import headerImage from "/assets/overlay-header.png";
 function Header() {
   return (
     <>
@@ -15,6 +15,7 @@ function Header() {
                 background: "#FFF"
             }}
         >
+
             <img src={cardanoLogo} style={{margin: '1rem 0 0 1.05rem'}}/>
             <a href={import.meta.env.VITE_GITHUB_URL}>
                 <img src={githubLogo} style={{float: "right", margin: '1rem 1.05rem 0 0'}}/>
@@ -24,19 +25,20 @@ function Header() {
             component="header"
             sx={{
                 width: "100%",
-          overflow: "hidden",
-          background: "#0538AF",
+                overflow: "hidden",
+                background: "#0538AF",
         }}
       >
-        <Box sx={{ marginLeft: 4, padding: 3 }}>
-          <Typography variant="h1" gutterBottom sx={{ margin: '1rem 0 0 1.05rem', color: "#fff", fontSize: '3rem', fontWeight: '700' }}>
-            Explorers
-          </Typography>
-          <Typography variant="subtitle1" gutterBottom sx={{ color: "#fff", margin: '1rem 0 0 1.05rem' }}>
-            List of Cardano Explorers from our Community and Foundation.
-          </Typography>
+            <Box sx={{marginLeft: 4, padding: 3}}>
+                <Typography variant="h1" gutterBottom
+                            sx={{margin: '1rem 0 0 1.05rem', color: "#fff", fontSize: '3rem', fontWeight: '700'}}>
+                    Explorers
+                </Typography>
+                <Typography variant="subtitle1" gutterBottom sx={{color: "#fff", margin: '1rem 0 0 1.05rem'}}>
+                    List of Cardano Explorers from our Community and Foundation.
+                </Typography>
+            </Box>
         </Box>
-      </Box>
     </>
   );
 }