diff --git a/README.md b/README.md index 1bb973f..b0a5c88 100644 --- 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 - + ## References diff --git a/src/components/Features/Features.jsx b/src/components/Features/Features.jsx index 9caab4c..9ae7f0d 100644 --- a/src/components/Features/Features.jsx +++ b/src/components/Features/Features.jsx @@ -1,18 +1,29 @@ import React from "react" import MaxWidth from "components/_ui/MaxWidth/MaxWidth" +import Link from "components/_ui/Link/Link" import "./Features.scss" const Features = () => { return ( {features.map((feature, index) => ( - -

{feature.title}

-

{feature.subtitle}

-

{feature.description}

+ +

+

+ {/* Render the HTML from feature.subtitle */} + + + {/* Add  s and the link */} +     + + Docs↗ + +

+ {/*

{feature.description} +

*/} + ))} -
) @@ -20,16 +31,23 @@ const Features = () => { 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: "Build real world x on-chain experiences with Astral location proofs, powered by EAS.

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: "Store geospatial data on IPFS and write spatial queries.

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
GIS", + subtitle: "Register geographic assets onchain: polygons, lines + points. Deploy your own sub-registry or build on the Astral Map.

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 index c64cfb4..0577ace 100644 --- 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 index 86c71ed..b7f1341 100644 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -23,44 +23,34 @@ const Header = ({ knockoutHeader }) => ( />
- {links.map((link, index) => ( + - {link.name} + Enter the FtC x EC Hackathon ↗ + + + Logbook App → - ))}
) -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 index adddd1c..07f9b43 100644 --- a/src/components/Intro/Intro.jsx +++ b/src/components/Intro/Intro.jsx @@ -10,7 +10,7 @@ const Intro = () => { return (

- Build
location-based
dapps. + Build
location-based
dapps.

Astral develops open source tools + infrastructure
so you can easily build location-based dapps.

@@ -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 { buttonProps={{ category: "outlined" }} to="https://t.me/+UkTOSXnDcDM5ZTBk" > - Join our Telegram! + Join our Telegram
diff --git a/src/components/Project/Projects.js b/src/components/Project/Projects.js index b49887a..c431012 100644 --- 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:
+ A decentralized application to tell place-based stories, built on the Location Proof Protocol. +
, + // 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:
- 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
, - - 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:
+ Decentralized Exchange Trading System Pilot on Curaçao. +
, + + 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:
- A prototype spatial registry built on Ethereum. -
, - // 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:
+ // A prototype spatial registry built on Ethereum. + //
, + // // readMore: "./geolocker", + // github: "https://github.com/johnx25bd/ethlondon", + // "tech": [ + // "solidity", + // "spatial registries", + // ], + // hasImageBorder: false, + // "img_src": [ + // "project-geolocker" + // ], + // } }; export default Projects; \ No newline at end of file diff --git a/src/components/Project/images/project-logbook.png b/src/components/Project/images/project-logbook.png new file mode 100644 index 0000000..70db22d Binary files /dev/null and b/src/components/Project/images/project-logbook.png differ diff --git a/src/components/Project/images/project-web3-geospatial-dashboard.png b/src/components/Project/images/project-web3-geospatial-dashboard.png new file mode 100644 index 0000000..fac4427 Binary files /dev/null and b/src/components/Project/images/project-web3-geospatial-dashboard.png differ diff --git a/src/components/Supporters/Supporters.jsx b/src/components/Supporters/Supporters.jsx index beee30b..99f3804 100644 --- a/src/components/Supporters/Supporters.jsx +++ b/src/components/Supporters/Supporters.jsx @@ -7,7 +7,7 @@ const Supporters = () => { return (

Web3 to our core.

-

Astral is an open source, open access, token-free public good — built with support from:

+

Astral builds open source, open access, token-free public goods — support from:

{supporters.map((supporter, index) => (
@@ -36,6 +36,8 @@ const kernelImage = require(`../../images/kernel.png`).default; const easImage = require(`../../images/eas.png`).default; const ccImage = require(`../../images/climate-collective.gif`).default; const celoImage = require(`../../images/celo.png`).default; +const easierImage = require(`../../images/easier.png`).default +const arbitrumImage = require(`../../images/arbitrum.png`).default const supporters = [ @@ -68,6 +70,16 @@ const supporters = [ name: "Celo", image: celoImage, url: "https://celo.org/", + }, + { + name: "Arbitrum", + image: arbitrumImage, + url: "https://arbitrum.io" + }, + { + name: "EASIER Data Initiative", + image: easierImage, + url: "https://easierdata.org" } ] diff --git a/src/components/Supporters/Supporters.scss b/src/components/Supporters/Supporters.scss index 5d54378..40a41c0 100644 --- a/src/components/Supporters/Supporters.scss +++ b/src/components/Supporters/Supporters.scss @@ -28,7 +28,7 @@ } display: grid; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(4, 1fr); grid-gap: 2em; justify-items: center; align-items: center; diff --git a/src/images/arbitrum.png b/src/images/arbitrum.png new file mode 100644 index 0000000..991cc71 Binary files /dev/null and b/src/images/arbitrum.png differ diff --git a/src/images/easier.png b/src/images/easier.png new file mode 100644 index 0000000..a03122f Binary files /dev/null and b/src/images/easier.png differ diff --git a/src/pages/index.jsx b/src/pages/index.jsx index 67dc66e..dd84e4a 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -13,7 +13,7 @@ const Home = () => ( - + {/* */}