diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 3b5ff79a..c46c2a08 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -1,2 +1 @@ -github: [raphamorim] -patreon: raphamorim \ No newline at end of file +github: [raphamorim] \ No newline at end of file diff --git a/docs/docs/documentation/command-line-interface.md b/docs/docs/documentation/command-line-interface.md index 19ec15de..7e109e61 100644 --- a/docs/docs/documentation/command-line-interface.md +++ b/docs/docs/documentation/command-line-interface.md @@ -15,9 +15,10 @@ Options:

-e, --command ... Command and args to execute (must be last argument)

-h, --help Print help

-V, --version Print version +``` The options "-e" and "--command" executes the command and closes the terminal right way after the execution. -``` + ``` $ rio -e sleep 10 ``` diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index d1bf09fe..f3166c99 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -40,7 +40,7 @@ const config = { 'https://github.com/raphamorim/rio/tree/main/docs/', }, theme: { - customCss: require.resolve('./src/css/styles.css'), + customCss: require.resolve('./src/css/custom.css'), }, }), ], @@ -137,9 +137,9 @@ const config = { id: 'support_us', content: 'If you use Rio terminal please consider support via github sponsors', - backgroundColor: '#fafbfc', - textColor: '#091E42', - isCloseable: false, + backgroundColor: '#f712ff', + textColor: '#FFFFFF', + isCloseable: true, }, }), }; diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js index c4965ab6..6eb7e800 100644 --- a/docs/src/components/HomepageFeatures/index.js +++ b/docs/src/components/HomepageFeatures/index.js @@ -4,32 +4,70 @@ import styles from './styles.module.css'; const FeatureList = [ { - title: 'Easy to Use', - Svg: require('@site/static/assets/logo.svg').default, + title: 'Fast and Fast', + // SVG Retired from https://www.svgrepo.com/svg/301795/fast-delivery-truck + // Under MIT License + Svg: require('@site/static/assets/homepage-svg/fast.svg').default, description: ( <> - Docusaurus was designed from the ground up to be easily installed and - used to get your website up and running quickly. + Rio is perceived fast, there's few reasons behind the speed. Rio is built in Rust and also built over ANSI handler and parser is built from Alacritty terminal's VTE. + Rio owns a renderer called Sugarloaf that contains a "sugar" architecture (inspired by React Redux state machine) created for minimal and quick interactions in render steps using performance at highest. ), }, { - title: 'Focus on What Matters', - Svg: require('@site/static/assets/logo.svg').default, + title: 'Built with Rust', + // SVG Retired from https://www.svgrepo.com/svg/232008/crab + // Under CC0 License + Svg: require('@site/static/assets/homepage-svg/rust.svg').default, description: ( <> - Docusaurus lets you focus on your docs, and we'll do the chores. Go - ahead and move your docs into the docs directory. + Rust language provides a mechanism called “ownership” that has a set of rules that are checked at compilation time, if these ownership rules are violated, the program won’t compile. This mechanism enforce memory safety without needing a garbage collector. The ownership rules don’t have a run time impact on performance either. ), }, { - title: 'Powered by React', - Svg: require('@site/static/assets/logo.svg').default, + // SVG Retired from https://www.svgrepo.com/svg/439109/color-wheel + // Under MIT License + // The SVG suffered changes from the original file + title: '24-bit true color', + Svg: require('@site/static/assets/homepage-svg/colors.svg').default, description: ( <> - Extend or customize your website layout by reusing React. Docusaurus can - be extended while reusing the same header and footer. + Regular terminals use 256-color palette, which is configured at start and is a 666-cube of colors, each of them defined as a 24-bit (888 RGB) color, which means it can only display 256 different colors in the terminal while "true color" means that you can display 16 million different colors at the same time. + + ), + }, + { + // SVG Retired from https://www.svgrepo.com/svg/444458/gui-pictures + // Under MIT License + title: 'Image protocols', + Svg: require('@site/static/assets/homepage-svg/images.svg').default, + description: ( + <> + Rio terminal implements iTerm2 and Kitty image protocols. Both protocols provide the ability of display images within the terminal. Using a similar mechanism, it can also facilitate file transfers over any transport (such as ssh or telnet), even in a non-8-bit-clean environment. + + ), + }, + { + // SVG Retired from https://www.svgrepo.com/svg/267831/typography-font + // Under CC0 License + title: 'Font ligatures', + Svg: require('@site/static/assets/homepage-svg/ligatures.svg').default, + description: ( + <> + Ligatures are special characters in a font that combine two or more characters into one. They were originally invented by scribes as a way to increase handwriting speed by combining commonly used characters. Often code editors provide font ligatures support as a way to improve readability of common expressions or operators. For example, != would be replaced with ≠ in a ligatured font. + + ), + }, + { + // SVG Retired from https://www.svgrepo.com/svg/454420/browser-chrome-google + // Under CC0 License + title: 'Support to WebGPU', + Svg: require('@site/static/assets/homepage-svg/webgpu.svg').default, + description: ( + <> + Rio uses an implementation of WebGPU for use outside of a browser and as backend for firefox's WebGPU implementation. WebGPU allows for more efficient usage of modern GPU's than WebGL. Applications using WPGU run natively on Vulkan, Metal, DirectX 11/12, and OpenGL ES; and browsers via WebAssembly on WebGPU and WebGL2. ), }, diff --git a/docs/src/components/Mention/index.js b/docs/src/components/Mention/index.js new file mode 100644 index 00000000..2af70a11 --- /dev/null +++ b/docs/src/components/Mention/index.js @@ -0,0 +1,51 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React from 'react'; + +import clsx from 'clsx'; + +import Link from '@docusaurus/Link'; +import styles from './styles.module.css'; + +export default function Tweet({ + url, + handle, + name, + content, + date, + githubUsername, +}) { + return ( +

+
+
+ {name} +
+ {name} + @{handle} +
+
+
+ +
{content}
+ +
+ + {date} + +
+
+ ); +} \ No newline at end of file diff --git a/docs/src/components/Mention/styles.module.css b/docs/src/components/Mention/styles.module.css new file mode 100644 index 00000000..c5b45bd3 --- /dev/null +++ b/docs/src/components/Mention/styles.module.css @@ -0,0 +1,11 @@ +.mention { + font-size: 15px; +} + +.mentionMeta { + color: var(--ifm-color-emphasis-700); +} + +.mentionMeta strong { + color: var(--ifm-font-color-base); +} \ No newline at end of file diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 2bc6a4cf..e93aab8d 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -6,7 +6,7 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #2e8555; + --ifm-color-primary: #187cd8; --ifm-color-primary-dark: #29784c; --ifm-color-primary-darker: #277148; --ifm-color-primary-darkest: #205d3b; @@ -15,11 +15,12 @@ --ifm-color-primary-lightest: #3cad6e; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); + --fonts-regular:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme='dark'] { - --ifm-color-primary: #25c2a0; + --ifm-color-primary: #fb88ff; --ifm-color-primary-dark: #21af90; --ifm-color-primary-darker: #1fa588; --ifm-color-primary-darkest: #1a8870; @@ -28,3 +29,19 @@ --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +body { + margin: 0; + padding: 0; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + overflow-x: hidden; + font-family: var(--fonts-regular); +} + +.logo { + display: block; + margin-left: auto; + margin-right: auto; + width: 30%; +} \ No newline at end of file diff --git a/docs/src/css/styles.css b/docs/src/css/styles.css deleted file mode 100644 index 99e4a477..00000000 --- a/docs/src/css/styles.css +++ /dev/null @@ -1,14 +0,0 @@ -:root { - --fonts-regular:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -} - -body { - margin: 0; - padding: 0; - text-rendering: optimizeLegibility; - -moz-osx-font-smoothing: grayscale; - font-family: Helvetica; - overflow-x: hidden; - font-family: var(--fonts-regular); -} - diff --git a/docs/src/data/mentions.js b/docs/src/data/mentions.js new file mode 100644 index 00000000..4bf3008f --- /dev/null +++ b/docs/src/data/mentions.js @@ -0,0 +1,19 @@ +import React from 'react'; + +const MENTIONS = [ + { + url: 'https://twitter.com/mcsmonte/status/1660949303089586177', + handle: 'mcsmonte', + name: 'Matheus Monte', + date: 'May 23, 2023', + content: ( + <> + This week I'm testing rio, a rust based terminal and I need to say: It's amazing! either still beta, could full fill all need working heavily with git/docker/spring/npm , I really recommend to get a try and Kudos to @raphamorims for fantastic job + + ), + showOnHomepage: true, + githubUsername: 'matheusmonte', + }, +]; + +export default MENTIONS; \ No newline at end of file diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js index d14c4187..f1fc7f08 100644 --- a/docs/src/pages/index.js +++ b/docs/src/pages/index.js @@ -5,14 +5,29 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; import Heading from '@theme/Heading'; import HomepageFeatures from '@site/src/components/HomepageFeatures'; +import Mention from '@site/src/components/Mention'; +import Mentions from '@site/src/data/mentions'; import styles from './index.module.css'; +const Logo = ({src}) => +
+ { + this.onerror = null; + this.src = 'assets/rio-logo-512-512.png'; + }} + alt="Rio Logo" + /> +
; + function HomepageHeader() { const {siteConfig} = useDocusaurusContext(); return (
+

{siteConfig.title}

{siteConfig.tagline}

@@ -27,17 +42,26 @@ function HomepageHeader() { ); } -function TweetsSection() { +function MentionsSection() { + let columns = [[], [], []]; + Mentions.filter((mention) => mention.showOnHomepage).forEach((mention, i) => + columns[i % 3].push(mention), + ); + return (
Loved by many engineers -
-
- TBD +
+ {columns.map((items, i) => ( +
+ {items.map((tweet) => ( + + ))}
+ ))}
@@ -53,6 +77,7 @@ export default function Home() {
+
); diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css index 9f71a5da..1a679f75 100644 --- a/docs/src/pages/index.module.css +++ b/docs/src/pages/index.module.css @@ -21,3 +21,31 @@ align-items: center; justify-content: center; } + +.section { + padding: 72px 0; +} + +.sectionAlt { + background-color: var(--ifm-color-emphasis-100); +} + +.sectionInner { + margin: 0 auto; +} + +.mentionsSection > :global(.col) > * { + margin-bottom: 2rem; +} + +@media (max-width: 996px) { + .mentionsSection > :global(.col:last-child) > *:last-child { + margin-bottom: 0; + } +} + +@media (min-width: 997px) { + .mentionsSection > :global(.col) > *:last-child { + margin-bottom: 0; + } +} diff --git a/docs/static/assets/homepage-svg/colors.svg b/docs/static/assets/homepage-svg/colors.svg new file mode 100644 index 00000000..df296377 --- /dev/null +++ b/docs/static/assets/homepage-svg/colors.svg @@ -0,0 +1,39 @@ + + + + + design-and-ux/color-wheel + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/assets/homepage-svg/fast.svg b/docs/static/assets/homepage-svg/fast.svg new file mode 100644 index 00000000..76b2f29b --- /dev/null +++ b/docs/static/assets/homepage-svg/fast.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/assets/homepage-svg/images.svg b/docs/static/assets/homepage-svg/images.svg new file mode 100644 index 00000000..b5400b1d --- /dev/null +++ b/docs/static/assets/homepage-svg/images.svg @@ -0,0 +1,16 @@ + + + \ No newline at end of file diff --git a/docs/static/assets/homepage-svg/ligatures.svg b/docs/static/assets/homepage-svg/ligatures.svg new file mode 100644 index 00000000..561b4781 --- /dev/null +++ b/docs/static/assets/homepage-svg/ligatures.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/assets/homepage-svg/rust.svg b/docs/static/assets/homepage-svg/rust.svg new file mode 100644 index 00000000..5ecbab89 --- /dev/null +++ b/docs/static/assets/homepage-svg/rust.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/assets/homepage-svg/webgpu.svg b/docs/static/assets/homepage-svg/webgpu.svg new file mode 100644 index 00000000..8f0c812a --- /dev/null +++ b/docs/static/assets/homepage-svg/webgpu.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file