Skip to content
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

feat: Prism.js update of Tact syntax highlighting #478

Merged
merged 2 commits into from
Mar 9, 2024
Merged

feat: Prism.js update of Tact syntax highlighting #478

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b77ae04
feat: Updates towards Tact version 1.2.0
novusnota Feb 15, 2024
9e2f644
chore: Applied `--fix` to ESLint's results
novusnota Feb 15, 2024
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
34 changes: 17 additions & 17 deletions i18n/ko/docusaurus-plugin-content-pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,28 +11,28 @@ export default function Home(): JSX.Element {
const {siteConfig} = useDocusaurusContext();
return (

<Layout title={"Start"} description={"Learn about the basics of blockchain and TON and how to get started. TON is blockchain of blockchains with a masterchain to rule them all. You can learn more about general architecture in Basic Concepts section."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Welcome to the TON Blockchain documentation</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey 🚀</p>
<Layout title={"Start"} description={"Learn about the basics of blockchain and TON and how to get started. TON is blockchain of blockchains with a masterchain to rule them all. You can learn more about general architecture in Basic Concepts section."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Welcome to the TON Blockchain documentation</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey 🚀</p>

<div className="container">
<div className="container">

<div id="Get Started" className="row">
{firstRow &&
<div id="Get Started" className="row">
{firstRow &&
firstRow.length &&
firstRow.map((props, idx) => (
<ContentBlock key={idx} {...props} />
<ContentBlock key={idx} {...props} />
))}{" "}
</div>

<br/>
<br/>
</div>
</div>
</Layout>

<br/>
<br/>
</div>
</div>
</Layout>
);
}
18 changes: 9 additions & 9 deletions src/components/button.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,16 @@ interface IButtonProps {
}

const Button = (props: IButtonProps) => {
const classNames = `button button--${props.colorType} button--${props.sizeType}`
const classNames = `button button--${props.colorType} button--${props.sizeType}`

return (
<Link
className={classNames}
to={props.href}
>
{props.children}
</Link>
)
return (
<Link
className={classNames}
to={props.href}
>
{props.children}
</Link>
)
}

export default Button
34 changes: 17 additions & 17 deletions src/components/contentBlock.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,26 @@ import ThemedImage from "@theme/ThemedImage";
import React from "react";

function ContentBlock({title, status, description, linkUrl, imageUrl}) {
// const imgUrl = useBaseUrl(imageUrl);
return (
// const imgUrl = useBaseUrl(imageUrl);
return (

<div className="col-md-4 p-8">
<Link to={useBaseUrl(linkUrl)} activeClassName="active">
<div className="show-card">
<div className="icon-wrapper">
<ThemedImage alt={title} className="icon" sources={{
light: useBaseUrl(imageUrl.replace('.svg', '-light.svg')),
dark: useBaseUrl(imageUrl.replace('.svg', '-dark.svg'))
}} />
</div>
<div className="status">{status}</div>
<div className="title">{title}</div>
<div className="descriptions">{description}</div>
</div>
</Link>
<div className="col-md-4 p-8">
<Link to={useBaseUrl(linkUrl)} activeClassName="active">
<div className="show-card">
<div className="icon-wrapper">
<ThemedImage alt={title} className="icon" sources={{
light: useBaseUrl(imageUrl.replace('.svg', '-light.svg')),
dark: useBaseUrl(imageUrl.replace('.svg', '-dark.svg'))
}} />
</div>
<div className="status">{status}</div>
<div className="title">{title}</div>
<div className="descriptions">{description}</div>
</div>
</Link>
</div>

);
);
}

// @ts-ignore
Expand Down
20 changes: 10 additions & 10 deletions src/components/player.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@ import ReactPlayer from "react-player";

const Player = (props) => (

<div className="player-wrapper">
<ReactPlayer
url={props.url}
className="react-player"
width="100%"
height="100%"
playing={props.playing}
controls={props.controls}
/>
</div>
<div className="player-wrapper">
<ReactPlayer
url={props.url}
className="react-player"
width="100%"
height="100%"
playing={props.playing}
controls={props.controls}
/>
</div>
);

export default Player;
144 changes: 72 additions & 72 deletions src/pages/hacktonberfest.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,105 +7,105 @@ import ContentBlock from "@site/src/components/contentBlock";
import './index.module.css'

const content = [
{
title: "What is Hacktoberfest?",
status: "Everyone curious about TON",
linkUrl: "/contribute/hacktoberfest",
imageUrl: "img/ton_symbol_old.svg",
description: "Read more about the event and why it's so cool to start right now!"
},
{
title: "Contribute to TON",
status: "Open-source Developer",
linkUrl: "/contribute/hacktoberfest/as-contributor",
imageUrl: "img/ton_symbol_old.svg",
description: "Participate in open-source and receive cool rewards from TON."
},
{
title: "Prepare Repository",
status: "Open-source Maintainer",
linkUrl: "/contribute/hacktoberfest/as-maintainer",
imageUrl: "img/ton_symbol_old.svg",
description: "Improve your open-source project with help of active TON community."
},
{
title: "What is Hacktoberfest?",
status: "Everyone curious about TON",
linkUrl: "/contribute/hacktoberfest",
imageUrl: "img/ton_symbol_old.svg",
description: "Read more about the event and why it's so cool to start right now!"
},
{
title: "Contribute to TON",
status: "Open-source Developer",
linkUrl: "/contribute/hacktoberfest/as-contributor",
imageUrl: "img/ton_symbol_old.svg",
description: "Participate in open-source and receive cool rewards from TON."
},
{
title: "Prepare Repository",
status: "Open-source Maintainer",
linkUrl: "/contribute/hacktoberfest/as-maintainer",
imageUrl: "img/ton_symbol_old.svg",
description: "Improve your open-source project with help of active TON community."
},
];



export default function Home(): JSX.Element {
const {siteConfig} = useDocusaurusContext();
return (
const {siteConfig} = useDocusaurusContext();
return (

<Layout title={"Hack-TON-berfest 🎃"} description={"Welcome to Hack-TON-berfest! Join a month-long celebration of open-source projects, their maintainers, and the entire community of contributors! Each October, open source maintainers give new contributors extra attention as they guide developers through their first pull requests."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Welcome to Hack-TON-berfest 🎃</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey:</p>
<Layout title={"Hack-TON-berfest 🎃"} description={"Welcome to Hack-TON-berfest! Join a month-long celebration of open-source projects, their maintainers, and the entire community of contributors! Each October, open source maintainers give new contributors extra attention as they guide developers through their first pull requests."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Welcome to Hack-TON-berfest 🎃</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey:</p>

<div className="container">
<div className="container">

<div id="Get Started" className="row">
{content &&
<div id="Get Started" className="row">
{content &&
content.length &&
content.map((props, idx) => (
<ContentBlock key={idx} {...props} />
<ContentBlock key={idx} {...props} />
))}{" "}
</div>
</div>

<br/>
<br/>
<br/>
<br/>

<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>List of repositories to Contribute 🛠</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Here is a list of repositories in TON Ecosystem who awaits of contributors right now:</p>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>List of repositories to Contribute 🛠</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Here is a list of repositories in TON Ecosystem who awaits of contributors right now:</p>

<iframe className="airtable-embed"
src="https://airtable.com/embed/shrVIgLZqTdFtXFaZ?backgroundColor=blue&viewControls=on"
frameBorder="0" width="100%" height="533"
style={{background: 'transparent', border: '1px solid #ccc'}}></iframe>
<iframe className="airtable-embed"
src="https://airtable.com/embed/shrVIgLZqTdFtXFaZ?backgroundColor=blue&viewControls=on"
frameBorder="0" width="100%" height="533"
style={{background: 'transparent', border: '1px solid #ccc'}}></iframe>

<br/>
<br/>
<br/>
<br/>

<h2 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Want to join to this list? 🚀</h2>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Please, read the page for maintainers and fill the form — <a href={"/contribute/hacktoberfest/as-maintainer"}>join as maintainer</a>. It's easy now!</p>
<h2 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Want to join to this list? 🚀</h2>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Please, read the page for maintainers and fill the form — <a href={"/contribute/hacktoberfest/as-maintainer"}>join as maintainer</a>. It's easy now!</p>

<br/>
<br/>
<br/>
<br/>


<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Claim your NFT as proof of participating 💎</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px',maxWidth:'600px', margin:'0 auto' }}>Every participant (maintainer and contributor) to any of TON Ecosystem projects will receive <b><a href="/contribute/hacktoberfest/#what-the-rewards">Limited Hack-TON-berfest NFT</a></b>:</p>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>Claim your NFT as proof of participating 💎</h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px',maxWidth:'600px', margin:'0 auto' }}>Every participant (maintainer and contributor) to any of TON Ecosystem projects will receive <b><a href="/contribute/hacktoberfest/#what-the-rewards">Limited Hack-TON-berfest NFT</a></b>:</p>

<div style={{width: '100%', textAlign:'center', margin: '0 auto'}}>
<video width="300" style={{width: '100%', borderRadius:'10pt', margin:'30pt auto 20pt'}} muted={true} autoPlay={true} loop={true}>
<source src="/files/nft-sm.mp4" type="video/mp4" />
<div style={{width: '100%', textAlign:'center', margin: '0 auto'}}>
<video width="300" style={{width: '100%', borderRadius:'10pt', margin:'30pt auto 20pt'}} muted={true} autoPlay={true} loop={true}>
<source src="/files/nft-sm.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</video>
</div>

<br/>
<br/>

<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>FAQ for Contributors</h1>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}>FAQ for Contributors</h1>

<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Before asking any question in the chats, please read answers here first.</p>
<iframe className="airtable-embed"
src="https://airtable.com/embed/shrmS5ccK1Ez8Zc7q/tbldsJlX5kJoVXV48?backgroundColor=blue&viewControls=on"
frameBorder="0" width="100%" height="533"
style={{background: 'transparent', border: '1px solid #ccc'}}></iframe>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Before asking any question in the chats, please read answers here first.</p>
<iframe className="airtable-embed"
src="https://airtable.com/embed/shrmS5ccK1Ez8Zc7q/tbldsJlX5kJoVXV48?backgroundColor=blue&viewControls=on"
frameBorder="0" width="100%" height="533"
style={{background: 'transparent', border: '1px solid #ccc'}}></iframe>

<br/>
<br/>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>If you have any specific questions, feel free to ask in <a href={"https://t.me/TonDev_eng"}>TON Dev Chat</a> to get help.</p>
<br/>
<br/>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>If you have any specific questions, feel free to ask in <a href={"https://t.me/TonDev_eng"}>TON Dev Chat</a> to get help.</p>

<br/>
<br/>
<br/>
<br/>

</div>
</div>
</div>
</div>


</Layout>
);
</Layout>
);
}
34 changes: 17 additions & 17 deletions src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,28 +11,28 @@ export default function Home(): JSX.Element {
const {siteConfig} = useDocusaurusContext();
return (

<Layout title={"Start"} description={"Learn about the basics of blockchain and TON and how to get started. TON is blockchain of blockchains with a masterchain to rule them all. You can learn more about general architecture in Basic Concepts section."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}><span>Welcome to the TON <br/> Blockchain documentation </span> <span className='mobile-view'>Welcome to <br/> TON Blockchain <br/> documentation</span></h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey</p>
<Layout title={"Start"} description={"Learn about the basics of blockchain and TON and how to get started. TON is blockchain of blockchains with a masterchain to rule them all. You can learn more about general architecture in Basic Concepts section."}>
<div
className="bootstrap-wrapper"
>
<br/>
<h1 style={{ fontWeight: '650', textAlign:'center', padding: '0 10px' }}><span>Welcome to the TON <br/> Blockchain documentation </span> <span className='mobile-view'>Welcome to <br/> TON Blockchain <br/> documentation</span></h1>
<p style={{ textAlign:'center', fontWeight: '400', fontSize:'18px' }}>Choose your path to start journey</p>

<div className="container">
<div className="container">

<div id="Get Started" className="row">
{firstRow &&
<div id="Get Started" className="row">
{firstRow &&
firstRow.length &&
firstRow.map((props, idx) => (
<ContentBlock key={idx} {...props} />
<ContentBlock key={idx} {...props} />
))}{" "}
</div>

<br/>
<p style={{ fontWeight: '300', textAlign:'center', padding: '10px 0', fontSize:'16px' }}>Tip: search everywhere with <code>Ctrl+K</code> hotkey</p>
</div>
</div>
</Layout>

<br/>
<p style={{ fontWeight: '300', textAlign:'center', padding: '10px 0', fontSize:'16px' }}>Tip: search everywhere with <code>Ctrl+K</code> hotkey</p>
</div>
</div>
</Layout>
);
}
Loading
Loading