forked from etn-ccis/blui-doc-it
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
update frontend development interface and override stylization
- Loading branch information
1 parent
9727a68
commit 960e360
Showing
9 changed files
with
15,423 additions
and
14,450 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,56 @@ | ||
| import * as BLUIThemes from '@brightlayer-ui/react-themes'; | ||
| import circles from '../../app/assets/themes/circles.svg'; | ||
| import * as Colors from '@brightlayer-ui/colors'; | ||
| // import circles from '../../app/assets/themes/circles.svg'; | ||
| import bg from '../../app/assets/themes/vsys-docs-banner.jpg'; | ||
| import { SiteConfig } from './types'; | ||
|
|
||
| export const defaultTheme: SiteConfig = { | ||
| theme: BLUIThemes.blue, | ||
| landingPageBanner: { backgroundImage: `url(${circles})`, backgroundSize: 1200 }, | ||
| theme: { | ||
| ...BLUIThemes.blue, | ||
| overrides: { | ||
| MuiAppBar: { | ||
| colorDefault: { | ||
| color: Colors.white[50], | ||
| backgroundColor: '#231815', | ||
| }, | ||
| colorPrimary: { | ||
| color: Colors.black[50], | ||
| backgroundColor: '#231815', | ||
| }, | ||
| colorSecondary: { | ||
| color: Colors.white[200], | ||
| backgroundColor: '#231815', | ||
| }, | ||
| }, | ||
| MuiBackdrop: { | ||
| root: { | ||
| backgroundColor: 'rgba(0, 0, 0, 0.7)', | ||
| }, | ||
| }, | ||
| MuiButton: { | ||
| outlined: {}, | ||
| outlinedPrimary: {}, | ||
| }, | ||
| MuiDrawer: { | ||
| }, | ||
| MuiTabs: { | ||
| indicator: { | ||
| backgroundColor: Colors.orange[500], | ||
| }, | ||
| }, | ||
| MuiTab: { | ||
| selected: {}, | ||
| textColorInherit: { | ||
| '&$selected': { | ||
| color: Colors.orange[500], | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| landingPageBanner: { | ||
| backgroundImage: `url(${bg})`, | ||
| backgroundRepeat: 'no-repeat', | ||
| backgroundPosition: 'center', | ||
| }, | ||
| }; |
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
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,39 +1,32 @@ | ||
| import { Divider, ImageGrid } from '../app/components'; | ||
| import DesignSystemImage from '../app/assets/design-system.jpg'; | ||
|
|
||
| <!-- KEYWORDS: overview Brightlayer UI design development introduction --> | ||
| <!-- KEYWORDS: Overview of V Systems Documentation --> | ||
|
|
||
| # Welcome to V Systems documentation | ||
| # Welcome to V Systems Documentation | ||
|
|
||
| <ImageGrid images={[DesignSystemImage]} regularWidth /> | ||
|
|
||
| Brightlayer UI is a complete design system for web and mobile applications. This system will help your team build beautiful applications that adhere to our design guidelines while ensuring flexibility and code reusability. | ||
| V Systems is a blockchain platform that supports the efficient and agile development of decentralized applications. | ||
|
|
||
| > Check out our [Release Notes](/release-notes) to see what's new in the latest version of Brightlayer UI. | ||
| V Systems is designed for real world use cases and has a set of composable “no code” smart contract templates that cover the vast majority of real-world smart contract use cases without any need for security audits. | ||
|
|
||
| ## Design | ||
|
|
||
| The goal of the Brightlayer UI design system is to ensure consistency between software products delivered by different teams. With a common aesthetic and common guidelines, we can be sure that all products feel like they belong to the same family. | ||
|
|
||
| Brightlayer UI is based on the [Material Design](https://material.io/) language. If you are working with our Studio Blue design team, their designs will follow this standard. If you are not utilizing Studio Blue, ensure that your designers are following the Material Guidelines as well as any additional Brightlayer UI [design patterns](/patterns). | ||
|
|
||
| ## Development | ||
|
|
||
| Brightlayer UI is also a development platform. This platform is intended to help development teams work quickly and efficiently by providing recommendations for technologies, tools/libraries, approaches to common challenges, as well as re-usable components. We support a variety of technologies to give your team the flexibility to choose what will work best for you. | ||
| V Systems is a layer-1 public blockchain. Our blockchain development platform makes the technology as user-friendly as possible and greatly ease the burden for developers while exceeding project requirements. | ||
|
|
||
| - To learn about the technologies we support, check out our [Web](/development/frameworks-web/intro) or [Mobile](/development/frameworks-mobile/intro) technology pages. | ||
| - To learn about the different resources provided by Brightlayer UI, see our [Resources](/resources/developer) page. | ||
| - To learn about V Systems, check out our [Main Website](https://www.v.systems/). | ||
| - To dive straight into development, see our [Development Resources](/get-started/where-to-begin) page. | ||
|
|
||
| <Divider /> | ||
|
|
||
| # About this site | ||
|
|
||
| This site will provide you with everything you need to get started with Brightlayer UI: | ||
| This site will provide you with everything you need to get started with writing applications with the V Systems Protocol: | ||
|
|
||
| - Information Guides, including information on starting a [New Project](/get-started/new-project) and the different types of applications you can build | ||
| - Development Guides, including how to set up a [Development Environment](/development/environment), how to start a new project in any of our supported technologies, and what tools to use for [Testing](/development/testing) | ||
| - [Design Guides](/design/intro) explaining how to use Brightlayer UI as a designer | ||
| - Code Examples/[Design Patterns](/patterns) for how to build common elements of a Brightlayer UI application | ||
| - An extensive set of [icons](/style/iconography), [colors](/style/color), and [typography](/style/typography) guidelines that you can use in your designs | ||
| - A [resources](/resources) page with links to all of the Brightlayer UI [NPM packages](https://www.npmjs.com/org/brightlayer-ui) and [GitHub repositories](https://github.com/brightlayer-ui) | ||
| - A community section with information on [reporting bugs](/community/bugs), [requesting features](/community/features), and more. | ||
| - Pre-Requisites, a breakdown of the [V Systems Stack](/get-started/vsys-stack) you will need before writing any code. | ||
| - Information Guides, including information on starting a [New Project](/get-started/where-to-begin) and the different types of applications you can build | ||
| - DevNet Guides, including how to set up a [Development Environment](/get-started/where-to-begin), how to start a new project in any of our supported technologies | ||
| - Code Examples/[Quick Tutorials](/design/intro) explaining how to use our V Systems templated smart contracts. | ||
| - A [Smart Contracts](/resources) page that describe all the different smart contracts and functionality. |
Oops, something went wrong.
960e360There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
垃圾，畜生，诈骗狗，你们在开发SK和杨狗妈逼链吗？一地鸡毛！
vsystems is the most shameless and rubbish scam dog in the entire network.
970,000 new vsys scam coins are issued, and only 30 vsys are destroyed every day.
vsys has no applications, no users, and dead chain with no on-chain transactions!