forked from djeck1432/spotnet
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request djeck1432#429 from djeck1432/feat/documentation
Spotnet documentation changes, small fixes in typo errors
- Loading branch information
Showing
6 changed files
with
218 additions
and
19 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
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
86 changes: 86 additions & 0 deletions
86
frontend/src/pages/terms-and-conditions/TermsAndConditions.jsx
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,86 @@ | ||
| import React, { useEffect } from 'react'; | ||
| import './terms-and-conditions.css'; | ||
| import ScrollButton from 'components/ui/scroll-button/ScrollButton'; | ||
| import Sections from 'components/layout/sections/Sections'; | ||
| import Sidebar from 'components/layout/sidebar/Sidebar'; | ||
|
|
||
| const OverviewPage = () => { | ||
| useEffect(() => { | ||
| window.scrollTo(0, 0); | ||
| }, []); | ||
|
|
||
| const tableOfContents = [ | ||
| { id: 'welcome', name: 'Welcome', link: '#welcome' }, | ||
| { | ||
| id: 'how-it-works', | ||
| name: 'How it works', | ||
| link: '#how-it-works', | ||
| children: [ | ||
| { id: 'connect-wallet', name: 'Connect Your Wallet', link: '#connect-wallet' }, | ||
| { id: 'choose-service', name: 'Choose A Service', link: '#choose-service' }, | ||
| { ud: 'transact-seamlessly', name: 'Transact Seamlessly', link: '#transact-seamlessly' }, | ||
| ], | ||
| }, | ||
| { id: 'supported-chains', name: 'Supported Chains', link: '#supported-chains' }, | ||
| ]; | ||
|
|
||
| const sectionsData = [ | ||
| { | ||
| id: 'welcome', | ||
| title: 'Welcome', | ||
| content: [ | ||
| { | ||
| type: 'text', | ||
| value: | ||
| 'Welcome to Spotnet, the decentralized platform designed to empower you with seamless access to the Web3 ecosystem. Built on blockchain technology, Spotnet provides a secure, transparent, and user-friendly experience for managing your digital assets, accessing decentralized finance (DeFi) services, and engaging with the broader Web3 community.', | ||
| }, | ||
| { | ||
| type: 'text', | ||
| value: 'Key Features:', | ||
| }, | ||
| { | ||
| type: 'list', | ||
| items: [ | ||
| 'Secure Asset Management: Store, track, and manage your digital assets with a security-first approach, utilizing smart contracts to protect your funds.', | ||
| 'DeFi Integration: Access a suite of decentralized finance tools, including staking, lending, and borrowing, all from one intuitive interface.', | ||
| 'Cross-Chain Compatibility: Interact with assets across multiple blockchain networks without needing to switch platforms.', | ||
| 'Personalized Notifications: Enable real-time notifications for essential updates, such as changes in your health factor, to stay informed on your account status.', | ||
| ], | ||
| }, | ||
| ], | ||
| }, | ||
| { | ||
| id: 'how-it-works', | ||
| title: 'How It Works', | ||
| content: [ | ||
| { | ||
| type: 'orderedList', | ||
| items: [ | ||
| 'Connect Your Wallet: Use any Web3-compatible wallet, such as MetaMask, to connect to Spotnet securely and begin exploring the platform.', | ||
| 'Choose A Service: Select from the various DeFi services, asset management tools, and community engagement features.', | ||
| 'Transact Seamlessly: Every transaction is processed transparently on-chain, giving you control and visibility over your digital activities.', | ||
| ], | ||
| }, | ||
| ], | ||
| }, | ||
| ]; | ||
|
|
||
| return ( | ||
| <div className="overview-container"> | ||
| <div> | ||
| <Sidebar items={tableOfContents} title={'Overview'} /> | ||
| </div> | ||
|
|
||
| <div className="content"> | ||
| <h1 className="content-title">Overview</h1> | ||
| <div className="section"> | ||
| <Sections sections={sectionsData} /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <ScrollButton /> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default OverviewPage; |
69 changes: 69 additions & 0 deletions
69
frontend/src/pages/terms-and-conditions/terms-and-conditions.css
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,69 @@ | ||
| .documentation-container { | ||
| display: flex; | ||
| min-height: 100vh; | ||
| color: var(--primary); | ||
| position: relative; | ||
| padding-top: 70px; | ||
| } | ||
|
|
||
| .documentation-container::before { | ||
| content: ''; | ||
| position: absolute; | ||
| top: 0; | ||
| right: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| background-image: radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.25) 1px, transparent 1px), | ||
| radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.25) 1px, transparent 1px), | ||
| radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.25) 1px, transparent 1px); | ||
| background-size: 100px 100px; | ||
| pointer-events: none; | ||
| z-index: 0; | ||
| } | ||
|
|
||
| .main-content { | ||
| margin-left: 370px; | ||
| flex: 1; | ||
| background-size: cover; | ||
| background-position: center 39%; | ||
| position: relative; | ||
| min-height: 100vh; | ||
| } | ||
|
|
||
| .sections-container { | ||
| margin-left: 20px; | ||
| } | ||
|
|
||
| .main-title { | ||
| font-size: 2.5rem; | ||
| font-weight: 700; | ||
| margin-top: 94px; | ||
| margin-bottom: 3rem; | ||
| margin-left: 40px; | ||
| color: white !important; | ||
| background: white; | ||
| -webkit-background-clip: text; | ||
| -webkit-text-fill-color: transparent; | ||
| } | ||
|
|
||
| html { | ||
| scroll-behavior: smooth; | ||
| scroll-padding-top: 80px; | ||
| } | ||
|
|
||
| @media (max-width: 1440px) { | ||
| .main-content { | ||
| margin-left: 280px; | ||
| } | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .main-content { | ||
| margin-left: 0; | ||
| padding: 1rem; | ||
| } | ||
|
|
||
| .main-title { | ||
| font-size: 2rem; | ||
| } | ||
| } |