-
Notifications
You must be signed in to change notification settings - Fork 69
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into feature/new-home
- Loading branch information
Showing
51 changed files
with
1,010 additions
and
478 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| import React, { useState } from "react"; | ||
| import IconCard from "./modules/icon-card"; | ||
| import { AnchorLink } from "gatsby-plugin-anchor-links"; | ||
|
|
||
| const FrameworkTabs = ({ content, categories, anchorId }) => { | ||
| const [selectedTab, setSelectedTab] = useState("All"); | ||
|
|
||
| const allUniqueCategories = [...new Set(categories.items.flatMap((item) => item.category))]; | ||
|
|
||
| console.log(allUniqueCategories); | ||
|
|
||
| return ( | ||
| <section className='frameworks' id={`${content.items[anchorId].title.replace(/\s+/g, "-").toLowerCase()}`}> | ||
| <div className={"container"}> | ||
| <div className={"subtitle"}>{categories.subtitle}</div> | ||
| <h2 className={"text-center"}>{categories.title}</h2> | ||
| {categories.description && <div className={"description text-center mx-auto mt-3"}>{categories.description}</div>} | ||
|
|
||
| <div className={"tabs row justify-content-center"}> | ||
| {allUniqueCategories.map(function (category) { | ||
| return ( | ||
| <div className={`col-auto tab-item ${selectedTab === category && "active"}`} onClick={() => setSelectedTab(category)}> | ||
| {category} | ||
| </div> | ||
| ); | ||
| })} | ||
| </div> | ||
|
|
||
| <div className={""}> | ||
| <div className={"row row-cols-1 row-cols-md-2 row-cols-lg-3 gx-3 gy-5 gy-md-3 my-2 pt-0 pt-md-4 pb-3"}> | ||
| {categories.items | ||
| .filter((item) => item.category.includes(selectedTab)) | ||
| .map((item) => ( | ||
| <IconCard | ||
| className='icon-card-wrapper col' | ||
| key={item.id} | ||
| content={item} | ||
| variant={"vertical"} | ||
| btnClass={ | ||
| "plausible-event-name=Framework_Click_" + | ||
| item.title.replace(/\s/g, "+") + | ||
| "--Developer_Portal_Page-Framework_section" | ||
| } | ||
| /> | ||
| ))} | ||
| </div> | ||
| </div> | ||
|
|
||
| {anchorId === 0 && ( | ||
| <AnchorLink className='link' to={`/developer-portal#${content.items[2].title.replace(/\s+/g, "-").toLowerCase()}`} stripHash> | ||
| <div className={"button button-simple mx-auto d-table mt-4"}>Integrate with Celestia</div> | ||
| </AnchorLink> | ||
| )} | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default FrameworkTabs; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,12 @@ | ||
| import React from "react"; | ||
|
|
||
| export default function ArrowIcon({classList}) { | ||
| export default function ArrowIcon({ classList }) { | ||
| return ( | ||
| <svg className={classList} xmlns='http://www.w3.org/2000/svg' width='23' height='23'> | ||
| <g fill='none' fill-rule='evenodd' stroke='#7B2BF9' stroke-linecap='square' stroke-width='1.5'> | ||
| <g fill='none' fill-rule='evenodd' stroke='#7B2BF9' strokeLinecap='square' strokeWidth='1.5'> | ||
| <path d='m6.95 17.164 9.703-9.702' /> | ||
| <path stroke-linejoin='bevel' d='M17.237 15.869V6.677H8.044' /> | ||
| <path strokeLinejoin='bevel' d='M17.237 15.869V6.677H8.044' /> | ||
| </g> | ||
| </svg> | ||
| ); | ||
| }; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| import React from 'react'; | ||
|
|
||
| import contactIcon from "../../images/svg/contact.svg"; | ||
|
|
||
| const ContactSection = () => { | ||
| return ( | ||
| <section className={'contact-section'}> | ||
| <div className={'container'}> | ||
| <div className={'box'}> | ||
| <div className={'row justify-content-between align-items-center'}> | ||
| <div className={'col-12 col-md-auto'}> | ||
| <div className={'row flex-md-nowrap align-items-center'}> | ||
| <div className={'col-12 col-md-auto'}> | ||
| <img src={contactIcon} alt="Contact"/> | ||
| </div> | ||
| <div className={'col-12 col-md-auto pt-3 pt-md-0'}> | ||
| <div className={'title'}>Explore your options</div> | ||
| Contact us to find solutions for your app's needs. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className={'col-12 col-md-auto mt-3 mt-md-0'}> | ||
| <a href="https://celestia-intake.typeform.com/interest/" className={'button button-simple'} target="_blank">Get In Touch</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default ContactSection; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import React from "react"; | ||
|
|
||
| const IntegrateSection = ({ content, anchorId }) => { | ||
| return ( | ||
| <section className={"integrate-section pb-0"} id={`${content.items[anchorId].title.replace(/\s+/g, "-").toLowerCase()}`}> | ||
| <div className={"container"}> | ||
| <div className={"row"}> | ||
| <div className={"row"}> | ||
| <div className={"col box me-md-1"}> | ||
| <div className={"title"}>Blobstream</div> | ||
| <div className={"text"}>Use Celestia as the DA layer for your Ethereum L2.</div> | ||
| <a href={"https://docs.celestia.org/developers/blobstream/"} className={"button button-simple"} target="_blank"> | ||
| Blobstream documentation | ||
| </a> | ||
| </div> | ||
| <div className={"col box ms-md-1"}> | ||
| <div className={"title"}>Node API</div> | ||
| <div className={"text"}>Use the celestia-node API to publish and retrieve transactions from Celestia.</div> | ||
| <a href={"https://node-rpc-docs.celestia.org/?version=v0.12.0/"} className={"button button-simple"} target="_blank"> | ||
| Node API Documentation | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default IntegrateSection; |
Oops, something went wrong.