Skip to content

Grants page update #290

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Oct 10, 2025
Merged

Grants page update #290

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6a1f68b
Grand page update
mvaivre Sep 15, 2025
f37729c
Update grant's partners hyperlinks
mvaivre Oct 6, 2025
acfb0ca
Replace deprecated URL
mvaivre Oct 8, 2025
e6ad219
Fix grants page
mvaivre Oct 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/components/customPageComponents/TextElement.tsx
View file
Open in desktop
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing padding around title, subtitle, and buttons

image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ const TextElement = styled.div<TextElementProps>`
> h2 {
font-family: 'InterDisplay';
font-size: var(--fontSize-50);
margin-bottom: var(--spacing-4);
margin-bottom: var(--spacing-6);
font-weight: var(--fontWeight-medium);
color: ${({ theme }) => theme.textPrimary};
line-height: 1;
Expand Down Expand Up @@ -185,7 +185,7 @@ const TextElement = styled.div<TextElementProps>`
ul {
color: ${({ theme }) => theme.textPrimaryVariation};
font-size: var(--fontSize-22);
font-weight: var(--fontWeight-medium);
font-weight: var(--fontWeight-normal);
line-height: 1.3;
max-width: 700px;

Expand Down
2 changes: 1 addition & 1 deletion src/content/footer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ columns:
- text: Ecosystem
url: https://alph.land
- text: Grants
url: https://github.com/alephium/community/blob/master/Grant%26RewardProgram.md
url: /grants
- text: Brand Assets
url: https://github.com/alephium/alephium-brand-guide
- title: Alephium
Expand Down
4 changes: 1 addition & 3 deletions src/content/navigation-menu.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@ menuItems:
link: https://discord.gg/XC5JaaDT7z
- title: Github
link: https://github.com/alephium
# - title: Grants
# link: /grants
- title: Ecosystem
items:
- title: Tools
Expand Down Expand Up @@ -46,7 +44,7 @@ menuItems:
- title: Ambassador Program
link: /ambassador
- title: Grants
link: https://github.com/alephium/community/blob/master/Grant%26RewardProgram.md
link: /grants
- title: Online communities
link: /communities
button:
Expand Down
184 changes: 70 additions & 114 deletions src/backup/grants.tsx → src/pages/grants.tsx
View file
Open in desktop
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more. 

            <Button url="">Apply to ODHack</Button>

empty link, nothing happens when clicked

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed

Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import { graphql, PageProps, useStaticQuery } from 'gatsby'
import styled, { useTheme } from 'styled-components'

import Accordion from '../components/Accordion'
import Button from '../components/Button'
import Card from '../components/Card'
import CardText from '../components/CardText'
import CardFooterButtonContainer from '../components/common/CardFooterButtonContainer'
import CardImage from '../components/customPageComponents/CardImage'
import { CardsRowSegment } from '../components/customPageComponents/CardsRow'
Expand All @@ -11,11 +12,8 @@ import Grid from '../components/customPageComponents/Grid'
import Page from '../components/customPageComponents/Page'
import SubheaderContent from '../components/customPageComponents/SubheaderContent'
import SubpageSection from '../components/customPageComponents/SubpageSection'
import TextCard from '../components/customPageComponents/TextCard'
import TextCardContent from '../components/customPageComponents/TextCardContent'
import TextElement from '../components/customPageComponents/TextElement'
import SectionDivider from '../components/SectionDivider'
import SimpleLink from '../components/SimpleLink'
import { deviceBreakPoints } from '../styles/global-style'

const grantsQuery = graphql`
Expand All @@ -37,7 +35,7 @@ const grantsQuery = graphql`
`

const CustomPage = (props: PageProps) => {
const { blockflowDAOLogo, primevaultLogo, contribiumLogo } = useStaticQuery<Queries.GrantsPageQuery>(grantsQuery)
const { blockflowDAOLogo, primevaultLogo } = useStaticQuery<Queries.GrantsPageQuery>(grantsQuery)

return (
<Page
Expand All @@ -49,7 +47,7 @@ const CustomPage = (props: PageProps) => {
}}
content={
<>
<SubpageSection edgeGradient fullWidth border="bottom">
<SubpageSection edgeGradient border="bottom">
<TextElement isCentered>
<h1>Grants and Funding</h1>
<p>
Expand All @@ -70,10 +68,7 @@ const CustomPage = (props: PageProps) => {

<SubpageSection id="foundation-grants">
<TextElement>
<h2>
Alephium Foundation Grants
<hr />
</h2>
<h2>Alephium Foundation Grants</h2>
<p>
The Alephium Foundation offers grants to support builders growing the ecosystem. If you&apos;re building
on Alephium, <strong>apply below to get started.</strong>
Expand Down Expand Up @@ -161,103 +156,54 @@ const CustomPage = (props: PageProps) => {

<SubpageSection id="ecosystem-funding" noTopPadding>
<TextElement>
<h2>
Ecosystem Funding <hr />
</h2>
<p>
Beyond the Alephium Foundation, various funding options exist, depending on your project&apos;s stage,
location, or focus.
</p>
</TextElement>
<SubheaderContent>
<TextElement>
<h3>Hackathons</h3>
<p>
The Alephium Foundation has partnered with OnlyDust to allow Alephium-based dApps to join its ODHacks,
monthly open-source hackathons where developers build, learn, and contribute to top blockchain
ecosystems with direct input from project maintainers.
</p>
<p>
Participation is fully funded. dApps can showcase open-source repositories with open issues, receive
commits from top builders, and discover emerging talent.
</p>
<p>
For more information about OnlyDust and ODHacks, visit{' '}
<SimpleLink highlight url="https://onlydust.com">
onlydust.com
</SimpleLink>
</p>
<SectionDivider />
<Button url="">Apply to ODHack</Button>
</TextElement>
</SubheaderContent>
</SubpageSection>

<SubpageSection noTopPadding>
<TextElement>
<h3>Grant Programs</h3>
<h2>Ecosystem Grant Programs</h2>
<p>Several grant programs are run within the Alephium ecosystem, some focusing on specific domains.</p>
</TextElement>

<SubheaderContent>
<CardsRowSegment>
<TextCard border>
<TextCardContent>
<TextElement>
<CardImageStyled image={blockflowDAOLogo?.childImageSharp?.gatsbyImageData} />
<h4>Blockflow DAO</h4>
<p>
The Alephium DAO offers its own community-driven grants to support ecosystem growth. These
grants are proposed, voted on, and funded directly by the DAO.
</p>
</TextElement>
<CardFooterButtonContainer>
<Button squared url="#">
Apply here
</Button>
</CardFooterButtonContainer>
</TextCardContent>
</TextCard>
<TextCard border>
<TextCardContent>
<TextElement>
<CardImageStyled src={primevaultLogo?.publicURL ?? ''} />
<h4>Primevault</h4>
<p>
In partnership with Primevault, projects building on Alephium can access free platform credits
and potential funding to leverage PrimeVault&#39;s institutional-grade custody infrastructure.
</p>
</TextElement>
<CardFooterButtonContainer>
<Button squared url="#">
Apply here
</Button>
</CardFooterButtonContainer>
</TextCardContent>
</TextCard>
<TextCard border>
<TextCardContent>
<TextElement>
<CardImageStyled image={contribiumLogo?.childImageSharp?.gatsbyImageData} />
<h4>Contribium</h4>
<p>
The Alephium Foundation also collaborates with Contribium, a platform for bounties and small
grants. It allows anyone to sponsor tasks or initiatives, while enabling developers to earn
rewards for completing ecosystem work, contributing to open-source projects, or launching new
ideas.
</p>
<Card border>
<CardImageStyled image={blockflowDAOLogo?.childImageSharp?.gatsbyImageData} />
<CardText>
<h4>Blockflow DAO</h4>
<p>
The Alephium DAO offers its own community-driven grants to support ecosystem growth. These grants
are proposed, voted on, and funded directly by the DAO.
</p>
</CardText>
<CardFooterButtonContainer>
<Button squared url="https://forms.gle/sPsHD4VwThXA5TRN9">
Apply here
</Button>
</CardFooterButtonContainer>
</Card>
<Card border>
<CardImageStyled src={primevaultLogo?.publicURL ?? ''} />
<CardText>
<h4>Primevault</h4>
<p>
In partnership with Primevault, projects building on Alephium can access free platform credits and
potential funding to leverage PrimeVault&#39;s institutional-grade custody infrastructure.
</p>
</CardText>
<CardFooterButtonContainer>
<Button squared url="https://forms.gle/vR92JzSavweUDupt6">
Apply here
</Button>
</CardFooterButtonContainer>
</Card>
<Card border>
<CenteredTextContainer>
<TextElement isCentered isBodySmall>
<p>More coming soon...</p>
</TextElement>
<CardFooterButtonContainer>
<Button squared url="#">
Apply here
</Button>
</CardFooterButtonContainer>
</TextCardContent>
</TextCard>
</CenteredTextContainer>
</Card>
</CardsRowSegment>
</SubheaderContent>
</SubpageSection>
<SubpageSection>

{/* <SubpageSection>
<TextElement>
<h2>FAQ</h2>
</TextElement>
Expand Down Expand Up @@ -323,6 +269,7 @@ const CustomPage = (props: PageProps) => {
</Accordion>
</SubheaderContent>
</SubpageSection>
*/}
</>
}
/>
Expand All @@ -343,26 +290,26 @@ const HowToApply = () => {
</TextElement>
<SubheaderContent>
<CardsRowSegment>
<TextCard border url="https://tally.so/r/mZWdzy">
<TextCardContent>
<Card border url="https://tally.so/r/mZWdzy">
<CardText>
<h4 style={{ color: theme.palette3 }}>Profit-Oriented Applications</h4>
</TextCardContent>
</TextCard>
<TextCard border url="https://tally.so/r/3lg5vV">
<TextCardContent>
</CardText>
</Card>
<Card border url="https://tally.so/r/3lg5vV">
<CardText>
<h4 style={{ color: theme.palette4 }}>Infrastructure & Core Tooling</h4>
</TextCardContent>
</TextCard>
<TextCard border url="https://tally.so/r/nP4grx">
<TextCardContent>
</CardText>
</Card>
<Card border url="https://tally.so/r/nP4grx">
<CardText>
<h4 style={{ color: theme.palette1 }}>Developer Experience & Education</h4>
</TextCardContent>
</TextCard>
<TextCard border url="https://tally.so/r/mDbYWEy">
<TextCardContent>
</CardText>
</Card>
<Card border url="https://tally.so/r/mDbYWE">
<CardText>
<h4 style={{ color: theme.palette2 }}>Community & Ecosystem Growth</h4>
</TextCardContent>
</TextCard>
</CardText>
</Card>
</CardsRowSegment>
</SubheaderContent>
</>
Expand All @@ -386,4 +333,13 @@ const ProjectTypesGrid = styled(Grid)`
`
const CardImageStyled = styled(CardImage)`
filter: ${({ theme }) => (theme.name === 'light' ? 'invert(1)' : 'none')};
margin: var(--spacing-3);
margin-bottom: var(--spacing-2);
`

const CenteredTextContainer = styled.div`
display: flex;
justify-content: center;
align-items: center;
flex: 1;
`
Loading