AstralProtocol · johnx25bd · Oct 9, 2024
diff --git a/README.md b/README.md
@@ -26,27 +26,22 @@ yarn && yarn build
 
 ## Fleek Deploy
 
-Login to Fleek with GitHub
+Login to Vercel with GitHub
 
-- Docker image: `fleek/gatsby`
-
-- Build command: `yarn && yarn build`
-
-- Publish directory: `public`
 
 ## DNS
 
 - Cloudflare nameservers: `kristin.ns.cloudflare.com` and `nitin.ns.cloudflare.com`
 
 - DNS Settings for Cloudflare
-
+<!--   
   - `CNAME astral.global 29be39ce0720784146fd.b-cdn.net`
 
   - `CNAME _dnslink _dnslink.broad-morning-5527.on.fleek.co`
 
   - `CNAME www 29be39ce0720784146fd.b-cdn.net`
 
-  - `CNAME _dnslink.www _dnslink.broad-morning-5527.on.fleek.co`
+  - `CNAME _dnslink.www _dnslink.broad-morning-5527.on.fleek.co` -->
 
 ## References
 

diff --git a/src/components/Features/Features.jsx b/src/components/Features/Features.jsx
@@ -1,35 +1,53 @@
 import React from "react"
 import MaxWidth from "components/_ui/MaxWidth/MaxWidth"
+import Link from "components/_ui/Link/Link"
 import "./Features.scss"
 
 const Features = () => {
   return (
     <MaxWidth className="Features__container">
       {features.map((feature, index) => (
-        <a key={index} href={feature.link} className="Features__item">
-          <h2 className="Features__item__title">{feature.title}</h2>
-          <h3 className="Features__item__subtitle">{feature.subtitle}</h3>
-          <p className="Features__item__description">{feature.description}</p>
+        <a key={index} href={feature.link} target="_blank" rel="noopener noreferrer" className="Features__item">
+          <h2 className="Features__item__title" dangerouslySetInnerHTML={{__html: feature.title}}></h2>
+          <h3 className="Features__item__subtitle">
+            {/* Render the HTML from feature.subtitle */}
+            <span dangerouslySetInnerHTML={{ __html: feature.subtitle }} />
+
+            {/* Add &nbsp;s and the link */}
+            &nbsp;&nbsp;&nbsp;
+            <span><a href={feature.link} rel="noopener noreferrer">
+              <strong>Docs↗</strong>
+            </a></span>
+          </h3>            
+          {/* <p className="Features__item__description">{feature.description}
+          </p> */}
+
         </a>
       ))}
-
       <br />
     </MaxWidth>
   )
 }
 
 const features = [
   {
-    title: "Your on-chain basemap.",
-    subtitle: "Register geographic assets: polygons, lines + points. Deploy your own sub-registry or build on the Astral Map.",
-    // description: "We have developed GeoDIDs, the primitive for representing raster and vector spatial data on IPFS. Read the documentation.",
-    // link: "https://docs.astral.global/geodids/geodid-intro",
-  }, {
-    title: "Location attestations.",
-    subtitle: "Build real world x on-chain experiences with Astral location claims, powered by EAS. (Zero-knowledge coming soon!)",
+    title: "Location Proof Protocol",
+    subtitle: "<strong>Build real world x on-chain experiences with Astral location proofs, powered by EAS.</strong> <br /><br />Deployed on Arbitrum + Celo mainnet.",
     // description: "Building the oracle systems to trustlessly fetch spatial data and analytics into spatial contracts and location-based dApps.",
-    // link: "https://docs.astral.global/astral-protocol/oracles",
-  }
+    link: "https://docs.astral.global/docs/location-proof-protocol/introduction",
+  }, 
+  {
+    title: "Geospatial Data Storage",
+    subtitle: "<strong>Store geospatial data on IPFS and write spatial queries.</strong> <br /><br />Research by the EASIER Data Initiative.",
+    // description: "We have developed GeoDIDs, the primitive for representing raster and vector spatial data on IPFS. Read the documentation.",
+    link: "https://docs.astral.global/docs/decentralized-spatial-data/introduction",
+  },
+  {
+    title: "Onchain<br />GIS",
+    subtitle: "<strong>Register geographic assets onchain: polygons, lines + points. Deploy your own sub-registry or build on the Astral Map.</strong> <br /><br />In R+D)",
+    // description: "We have developed GeoDIDs, the primitive for representing raster and vector spatial data on IPFS. Read the documentation.",
+    link: "https://docs.astral.global/docs/tools/introduction#onchain-gis",
+  },
   // , 
   // {
   //   title: "Smart Contracts",

diff --git a/src/components/Features/Features.scss b/src/components/Features/Features.scss
@@ -5,7 +5,7 @@
     padding-top: 10vh;
     padding-bottom: 2em;
     display: grid;
-    grid-template-columns: 1fr 1fr ;
+    grid-template-columns: repeat(3, 1fr) ;
     grid-gap: 2em;
 
     @media (max-width: $media-mobile) {
@@ -28,6 +28,7 @@
     padding: 24px;
     border-radius: 8px;
     transition: box-shadow .2s ease-out;
+    width: 100%;
 
     // Background image is applied to a before element and set to hidden by default. 
     // Then, it's set to visible on hover. This way, the image is loaded on component render 
@@ -87,4 +88,27 @@
 
     }
   }
+  &__buttons {
+    display: flex;
+    gap: 34px;
+    justify-content: center;
+
+    &__button {
+      opacity: 0;
+      animation: fadeUpSmall 800ms ease-in-out;
+      animation-fill-mode: forwards;
+      animation-delay: 250ms;
+      width: fit-content;
+
+      &:hover {
+        transform: translateY(10px);
+      }
+    }
+
+    @media (max-width: 1000px) {
+      flex-direction: column;
+      text-align: center;
+    }
+  }
+
 }
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -23,44 +23,34 @@ const Header = ({ knockoutHeader }) => (
           />
         </Link>
         <div className="Header__links">
-          {links.map((link, index) => (
+
             <Link
               doOpenInNewTab
-              className="Header__link"
-              to={link.url}
-              key={index}
+              isButton
+              className="Intro__buttons_button"
+              buttonProps={{ category: "outlined" }}
+              to="https://dorahacks.io/hackathon/ftc-2024/tracks#environmental-impact-by-klimadao"
             >
-              {link.name}
+              Enter the FtC x EC Hackathon ↗
+            </Link>
+            <Link
+              doOpenInNewTab
+              isButton
+              className="Intro__buttons_button"
+              buttonProps={{ category: "filled" }}
+              // TODO: restore back to subdomain once issue is closed (https://github.com/AstralProtocol/astralprotocol/issues/20#issue-2026525326).
+              //
+              // to="https://docs.astral.global" 
+              to="https://logbook.astral.global"
+            >
+              Logbook App →
             </Link>
-          ))}
         </div>
       </div>
     </MaxWidth>
   </Headroom>
 )
 
-const links = [
-  // {
-  //   name: "Litepaper",
-  //   // TODO: restore back to subdomain once issue is closed (https://github.com/AstralProtocol/astralprotocol/issues/20#issue-2026525326).
-  //   //
-  //   // url: "https://docs.astral.global",  
-  //   url: "https://astral-protocol.gitbook.io/astral/",
-  // }, {
-  //   name: "Projects",
-  //   url: "/#work",
-  // }, {
-  //   name: "Contact",
-  //   url: "mailto:contact@astral.global",
-  // },
-  //** Donate button - to be active/set to a current grant/grants 
-
-   {
-    name: "Donate on GG20! ↗",
-    url: "https://twitter.com/AstralProtocol/status/1782815807178715473",
-  }
-]
-
 Header.propTypes = {
   knockoutHeader: PropTypes.bool,
 }

diff --git a/src/components/Intro/Intro.jsx b/src/components/Intro/Intro.jsx
@@ -10,7 +10,7 @@ const Intro = () => {
   return (
     <MaxWidth size="m" className="Intro">
       <h1 className="Intro__header">
-        Build<br /> <strong>location-based</strong> <br />dapps.
+        Build<br /> <strong><em>location-based</em></strong> <br />dapps.
       </h1>
       <p class="sub-heading">Astral develops open source tools + infrastructure <br />so you can easily build location-based dapps. </p>
       <div className="Intro__buttons">
@@ -22,9 +22,9 @@ const Intro = () => {
           // TODO: restore back to subdomain once issue is closed (https://github.com/AstralProtocol/astralprotocol/issues/20#issue-2026525326).
           //
           // to="https://docs.astral.global" 
-          to="https://twitter.com/AstralProtocol"
+          to="https://docs.astral.global"
         >
-          Follow for updates
+          Read the docs
         </Link>
         <Link
           doOpenInNewTab
@@ -33,7 +33,7 @@ const Intro = () => {
           buttonProps={{ category: "outlined" }}
           to="https://t.me/+UkTOSXnDcDM5ZTBk"
         >
-          Join our Telegram!
+          Join our Telegram
         </Link>
       </div>
     </MaxWidth>

diff --git a/src/components/Project/Projects.js b/src/components/Project/Projects.js
@@ -1,7 +1,23 @@
 import React from "react";
 
 const Projects = {
-
+    logbook: {
+        title: "Logbook",
+        projectType: "dApp",
+        description: <div>
+            A decentralized application to tell place-based stories, built on the Location Proof Protocol.
+        </div>,
+        // demo: 'https://hyperaware.io/',
+        github: "https://logbook.astral.global",
+        "tech": [
+            "eas",
+            "scaffold-eth",
+        ],
+        hasImageBorder: false,
+        "img_src": [
+            "project-logbook"
+        ],
+    },
     hyperaware: {
         title: "Hyperaware",
         projectType: "sdApp",
@@ -37,24 +53,24 @@ const Projects = {
             "project-zkmaps"
         ],
     },
-    Kolektivo: {
-        title: "Kolektivo",
-        projectType: "sdApp",
+    web3Dashboard: {
+        title: "Web3 Geospatial Dashboard",
+        projectType: "dapp",
         description: <div>
-            Decentralized Exchange Trading System Pilot on Curaçao.
+           A dashboard to interact with raster satellite imagery stored on IPFS, accessed via STAC catalogs. Built by the EASIER Data Initiative
         </div>,
-
-        github: "https://github.com/Kolektivo/geonft-registry-poc",
+        // demo: "https://github.com/AstralProtocol/spatial-sol",
+        github: "https://easierdata.org/updates/2024/2024-01-24-dashboard-showcase",
         "tech": [
-            "solidity",
-            "dmrv",
-            "local currencies"
+            "IPFS",
+            "STAC",
+            "Mapbox"
         ],
         hasImageBorder: false,
         "img_src": [
-            "project-kolektivo"
+            "project-web3-geospatial-dashboard"
         ],
-    }, 
+    },
     spatialsol: {
         title: "Spatial.sol",
         projectType: "library",
@@ -72,6 +88,25 @@ const Projects = {
             "project-spatial"
         ],
     }, 
+    Kolektivo: {
+        title: "Kolektivo",
+        projectType: "sdApp",
+        description: <div>
+            Decentralized Exchange Trading System Pilot on Curaçao.
+        </div>,
+
+        github: "https://github.com/Kolektivo/geonft-registry-poc",
+        "tech": [
+            "solidity",
+            "dmrv",
+            "local currencies"
+        ],
+        hasImageBorder: false,
+        "img_src": [
+            "project-kolektivo"
+        ],
+    }, 
+
     sprout: {
         title: "Sprout",
         projectType: "sdApp",
@@ -90,24 +125,23 @@ const Projects = {
             "project-sprout"
         ],
     },
-    geolocker: {
-        title: "Geolocker",
-        projectType: "Early work",
-        description: <div>
-            A prototype spatial registry built on Ethereum.
-        </div>,
-        // readMore: "./geolocker",
-        github: "https://github.com/johnx25bd/ethlondon",
-        "tech": [
-            "solidity",
-            "spatial registries",
-        ],
-        hasImageBorder: false,
-        "img_src": [
-            "project-geolocker"
-        ],
-    }
-
+    // geolocker: {
+    //     title: "Geolocker",
+    //     projectType: "Early work",
+    //     description: <div>
+    //         A prototype spatial registry built on Ethereum.
+    //     </div>,
+    //     // readMore: "./geolocker",
+    //     github: "https://github.com/johnx25bd/ethlondon",
+    //     "tech": [
+    //         "solidity",
+    //         "spatial registries",
+    //     ],
+    //     hasImageBorder: false,
+    //     "img_src": [
+    //         "project-geolocker"
+    //     ],
+    // }
 };
 
 export default Projects;
diff --git a/src/components/Project/images/project-logbook.png b/src/components/Project/images/project-logbook.png
diff --git a/src/components/Project/images/project-web3-geospatial-dashboard.png b/src/components/Project/images/project-web3-geospatial-dashboard.png