\r\n
\r\n );\r\n}\r\n\r\nexport default Footer;\r\n","// src/Footer.js\r\nimport './BurnedTokens.css';\r\n\r\nimport React from 'react';\r\nimport axios from 'axios';\r\n\r\nconst TOTAL_SUPPLY = 100000000000000000;\r\n\r\nclass BurnedTokens extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n numberOfBurnedTokens: -1,\r\n percentageOfBurnedTokens: -1,\r\n numberOfTokenHolders: -1\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n {' '}\r\n Made with ♥ by the Spore community\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n What is Spore Finance\r\n
\r\n\r\n Spore Finance aims at creating an ecosystem combining{' '}\r\n reflect tokens, algorithmically generated NFTs and\r\n the first NFT prediction market.\r\n
\r\n\r\n Amazed by the Avalanche Network first generation of pools,\r\n the first phase was to launch one of the first reflect tokens\r\n there to be.\r\n
\r\n\r\n\r\n On every transaction, 3% of the rewards are burnt forever and 3%\r\n are redistributed to all the owners.\r\n
Earn frictionless rewards while your spores spread!\r\n Deflation reduces the supply increasing the token value over time.\r\n The vision of the project is the vision of the community. It is\r\n going to evolve as spores spread.\r\n
\r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n Tokeneconomics
\r\n- \r\n
- Dev fund : 0% \r\n
- \r\n Total Supply : 100,000,000,000,000,000 SPORE\r\n \r\n <>\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Roadmap
\r\n\r\n
\r\n \r\n
\r\n 1
\r\n \r\n
\r\n Fair and stealth launch
\r\n\r\n 18 March 2021\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Setting up Airdrops & Incentive program
\r\n\r\n In Progress \r\n
\r\n\r\n
\r\n 2
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n 3
\r\n \r\n
\r\n Farming Partnerships
\r\n\r\n In Progress{' '}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Algorithmically generated NFTs
\r\n\r\n Q2 2021 \r\n
\r\n\r\n
\r\n 4
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n 5
\r\n \r\n
\r\n Governance
\r\n\r\n Q2 2021 \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Second layer blockchain development
\r\n\r\n Q3 2021 \r\n
\r\n\r\n
\r\n 6
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n 7
\r\n \r\n
\r\n Cross-chain compatibility
\r\n\r\n Q3 2021 \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n NFTs Prediction Market
\r\n\r\n Q4 2021 \r\n
\r\n\r\n
\r\n 6
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Information;\r\n","import React from 'react'\r\n\r\nimport Particles from 'react-particles-js';\r\n\r\n\r\nfunction MyParticles() {\r\n return (\r\n \r\n
\r\n \r\n \r\n Medium\r\n \r\n \r\n Token address\r\n \r\n \r\n 2.5% of supply burnt tx\r\n \r\n \r\n LP-burnt tx\r\n \r\n
\r\n\r\n DEV wallet address\r\n \r\n \r\n Renounced ownership tx\r\n \r\n \r\n Discord\r\n \r\n \r\n Telegram\r\n \r\n
\r\n\r\n How to buy (VIDEO)\r\n \r\n \r\n How to buy (PDF)\r\n \r\n
\r\n Links
\r\n\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nimport './BSCBridge.css';\r\n\r\nexport default class BSCBridge extends React.Component {\r\n componentDidMount () {\r\n const script = document.createElement(\"script\");\r\n script.src = \"/bscbridge.js\";\r\n script.async = true;\r\n document.body.appendChild(script);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { HashRouter as ReactRouter, Route, Switch } from 'react-router-dom';\r\nimport Header from './components/layout/Header';\r\nimport Footer from './components/layout/Footer';\r\nimport Information from './components/Information';\r\nimport MyParticles from './components/Particles';\r\nimport ComingSoon from './components/ComingSoon';\r\nimport BSCBridge from './components/BSCBridge';\r\n\r\nconst Router = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n BSC / SPORE Bridge
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n FROM Binance Smart Chain
\r\nBalance : 2.67
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n TO (estimated) Binance Smart Chain
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n TO (estimated) Spore
\r\nPrice : 7775920000000 SPORE per BNB
\r\n![\"Spore](\"spore_128.png\")
45351634825845.951432785 SPORE
\r\n
\r\n \r\n
\r\n \r\n
\r\n FROM Spore
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n
8 |
10 | );
11 | }
12 |
13 | export default App;
14 |
--------------------------------------------------------------------------------
/src/Router.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { HashRouter as ReactRouter, Route, Switch } from 'react-router-dom';
3 | import Header from './components/layout/Header';
4 | import Footer from './components/layout/Footer';
5 | import MyParticles from './components/Particles';
6 | import ComingSoon from './components/ComingSoon';
7 | import Information from './components/Information';
8 | import BSCBridge from './components/BSCBridge';
9 |
10 | const Router = () => {
11 | return (
12 |
168 |
282 | );
283 | }
284 |
285 | export default BSCBridge
--------------------------------------------------------------------------------
/src/components/BurnedTokens.css:
--------------------------------------------------------------------------------
1 | .BurnedTokens {
2 | display: flex;
3 | flex-direction: column;
4 | font-size: calc(1px + 1.5vmin);
5 | color: white;
6 | }
7 |
8 | ul { margin: 2px;}
9 |
10 | a {
11 | color: white;
12 | text-decoration: underline;
13 | }
14 | a:hover {
15 | cursor: pointer;
16 | }
17 |
18 |
19 | .bscLink{
20 | color: grey;
21 | }
--------------------------------------------------------------------------------
/src/components/BurnedTokens.tsx:
--------------------------------------------------------------------------------
1 | // src/Footer.js
2 | import './BurnedTokens.css';
3 |
4 | import React from 'react';
5 | import axios from 'axios';
6 | import { useState } from 'react';
7 | import Web3 from 'web3'
8 | import { useEffect } from 'react';
9 |
10 | const TOTAL_SUPPLY = 100000000000000000;
11 |
12 | const win = window as any
13 | win.web3 = new Web3('https://bsc-dataseed1.binance.org:443')
14 |
15 | const BurnedTokens = () => {
16 | const [numberOfBurnedTokens, setNumberOfBurnedTokens] = useState(-1)
17 | const [numberOfBurnedTokensBSC, setNumberOfBurnedTokensBSC] = useState(-1)
18 | const [numberOfTokenHolders, setNumberOfTokenHolders] = useState(-1)
19 | const [numberOfTokenHoldersBSC, setNumberOfTokenHoldersBSC] = useState(-1)
20 |
21 | useEffect(() => {
22 | async function getInfos() {
23 | await getBurnedTokens()
24 | await getTokenHolders()
25 | await getBurnedTokensBSC()
26 | await getTokenHoldersBSC()
27 | setInterval(async () => {
28 | await getBurnedTokens()
29 | await getTokenHolders()
30 | await getTokenHoldersBSC()
31 | await getBurnedTokensBSC()
32 | }, 60000)
33 | }
34 | getInfos()
35 |
36 | }, [])
37 |
38 | const getBurnedTokens = async () => {
39 | try {
40 | console.log("getting burned tokens")
41 | const res = await axios.get(
42 | 'https://api.covalenthq.com/v1/43114/address/0x000000000000000000000000000000000000dEaD/balances_v2/?nft=false'
43 | );
44 |
45 | if (
46 | res.data !== undefined &&
47 | res.data.data !== undefined &&
48 | res.data.data.items !== undefined
49 | ) {
50 | const items = res.data.data.items;
51 | items.forEach((coin: any) => {
52 | if (coin.contract_address === '0x6e7f5c0b9f4432716bdd0a77a3601291b9d9e985') {
53 | setNumberOfBurnedTokens(coin.balance / (10 ** 9))
54 | }
55 | })
56 | }
57 |
58 | }
59 | catch (err) {
60 | console.log("Error getting burned tokens avax")
61 | }
62 | }
63 | const getBurnedTokensBSC = async () => {
64 | console.log('get burned tokens bsc')
65 | const SporeAddress = "0x33A3d962955A3862C8093D1273344719f03cA17C";
66 | const SporeABI = [{ "inputs": [{ "internalType": "string", "name": "name", "type": "string" }, { "internalType": "string", "name": "symbol", "type": "string" }], "stateMutability": "nonpayable", "type": "constructor" }, { "anonymous": false, "inputs": [{ "indexed": true, "internalType": "address", "name": "owner", "type": "address" }, { "indexed": true, "internalType": "address", "name": "spender", "type": "address" }, { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }], "name": "Approval", "type": "event" }, { "anonymous": false, "inputs": [{ "indexed": true, "internalType": "address", "name": "from", "type": "address" }, { "indexed": true, "internalType": "address", "name": "to", "type": "address" }, { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }], "name": "Transfer", "type": "event" }, { "inputs": [], "name": "admin", "outputs": [{ "internalType": "address", "name": "", "type": "address" }], "stateMutability": "view", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "owner", "type": "address" }, { "internalType": "address", "name": "spender", "type": "address" }], "name": "allowance", "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }], "stateMutability": "view", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "spender", "type": "address" }, { "internalType": "uint256", "name": "amount", "type": "uint256" }], "name": "approve", "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "account", "type": "address" }], "name": "balanceOf", "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }], "stateMutability": "view", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "owner", "type": "address" }, { "internalType": "uint256", "name": "amount", "type": "uint256" }], "name": "burn", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [], "name": "burned", "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "decimals", "outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }], "stateMutability": "view", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "spender", "type": "address" }, { "internalType": "uint256", "name": "subtractedValue", "type": "uint256" }], "name": "decreaseAllowance", "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "spender", "type": "address" }, { "internalType": "uint256", "name": "addedValue", "type": "uint256" }], "name": "increaseAllowance", "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "to", "type": "address" }, { "internalType": "uint256", "name": "amount", "type": "uint256" }], "name": "mint", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [], "name": "name", "outputs": [{ "internalType": "string", "name": "", "type": "string" }], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "symbol", "outputs": [{ "internalType": "string", "name": "", "type": "string" }], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "totalSupply", "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }], "stateMutability": "view", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "recipient", "type": "address" }, { "internalType": "uint256", "name": "amount", "type": "uint256" }], "name": "transfer", "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "sender", "type": "address" }, { "internalType": "address", "name": "recipient", "type": "address" }, { "internalType": "uint256", "name": "amount", "type": "uint256" }], "name": "transferFrom", "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "internalType": "address", "name": "newAdmin", "type": "address" }], "name": "updateAdmin", "outputs": [], "stateMutability": "nonpayable", "type": "function" }]
67 | const SporeContract = new win.web3.eth.Contract(
68 | SporeABI,
69 | SporeAddress
70 | );
71 | try {
72 | console.log("GETTING BURNED TOKENS BSC")
73 | const burned = await SporeContract.methods.burned().call()
74 | setNumberOfBurnedTokensBSC(burned / (10 ** 9))
75 |
76 | } catch (error) {
77 | console.log("CANNOT READ BURNED TOKENS BSC", error)
78 | }
79 | }
80 |
81 | const getTokenHolders = async () => {
82 | console.log("getting token holders avax")
83 | try {
84 | const res = await axios.get(
85 | 'https://api.covalenthq.com/v1/43114/tokens/0x6e7f5C0b9f4432716bDd0a77a3601291b9D9e985/token_holders/?page-size=999999&key=ckey_a09c56c3188547958bd621253a4'
86 | )
87 |
88 | if (
89 | res.data !== undefined &&
90 | res.data.data !== undefined &&
91 | res.data.data.items !== undefined
92 | ) {
93 | const items = res.data.data.items;
94 | setNumberOfTokenHolders(items.length)
95 | }
96 |
97 | }
98 | catch (err) {
99 | console.log("errror getting holders avax", err)
100 | }
101 |
102 | }
103 | const getTokenHoldersBSC = async () => {
104 | try {
105 | const res = await axios.get(
106 | 'https://api.covalenthq.com/v1/56/tokens/0x33a3d962955a3862c8093d1273344719f03ca17c/token_holders/?page-size=99999'
107 | )
108 |
109 | if (
110 | res.data !== undefined &&
111 | res.data.data !== undefined &&
112 | res.data.data.items !== undefined
113 | ) {
114 | const items = res.data.data.items;
115 | setNumberOfTokenHoldersBSC(items.length)
116 | }
117 | else {
118 | console.log('test')
119 | console.log(res)
120 | }
121 | }
122 | catch (err) {
123 | console.log("Error getting token holders bsc")
124 | ///HARDCODED VALUE
125 | setNumberOfTokenHoldersBSC(97025)
126 | }
127 |
128 | }
129 |
130 | const numberWithCommas = (x: number) => {
131 | return x.toFixed(0).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
132 | }
133 | const burnedTokensPercentage = (burnedAVAX: number, burnedBSC: number): string => {
134 | return ((burnedAVAX + burnedBSC) / TOTAL_SUPPLY * 100).toFixed(2)
135 |
136 | }
137 | return (
138 | <>
139 |
169 |
281 |
170 |
280 |
171 |
178 |
172 |
174 | AVALANCHE / BSC SPORE BRIDGE
173 |
175 | {network}
176 |
177 |
179 |
245 |
180 |
229 |
181 |
197 |
182 |
196 |
183 |
195 | FROM Avalanche
184 |Balance : {numberOfSporeAVAX}
185 |
186 |
187 |
191 |
188 |
189 |
190 |
192 |
193 |
194 |
198 |
204 |
205 |
199 |
203 |
200 |
202 | TO Avalanche
201 |
206 |
212 |
207 |
211 |
208 |
210 | TO Binance Smart Chain
209 |
213 |
228 |
214 |
227 |
215 |
226 | FROM Binance Smart Chain
216 |Balance : {numberOfSporeBSC}
217 |
218 |
219 |
223 |
224 |
225 |
220 |
221 |
222 |
230 |
239 |
231 | Transfer fees : {feesAVAX} AVAX
232 |
233 |
234 |
235 | Transfer fees : {feesBNB} BNB
236 |
237 |
238 |
240 |
244 |
241 |
243 | Disclaimer: this is a version alpha. Use at your own risk please come to discord if you have an issue.
242 |
246 |
278 |
279 | Trust Wallet Steps 😎
247 | 248 |-
249 |
- Step 1 - Install 253 | metamask extension - use chrome 254 |
- Step 2 - Add both Avalanche and BSC chains 261 |
- Step 3 - Add 🍄 SPORE to both chains in metamask 262 |
- Add token - Custom - paste 263 |
- 0x33a3d962955a3862c8093d1273344719f03ca17c (spore on BSC) 264 |
- 0x6e7f5C0b9f4432716bDd0a77a3601291b9D9e985 (spore on Avax) 265 |
- Step 4 - Send 🍄 SPORE from Trust Wallet to Metamask 266 |
- Step 5 - Send tiny bit of BNB from Trust Wallet to Metamask 267 |
- Close your trust wallet 🎉 open your browser again 268 |
- Step 6 - Goto 🍄 SPORE Bridge 269 |
- Step 7 - Enable Metamask 270 |
- Step 8 - Click ‘Max’ 271 |
- Step 9 - Click ‘Transfer’ 272 |
- 😌 - Ahhhhh 273 |
- Step 10 - Flip to Avalanche chain 274 |
- Step 11 - Wait for spore to arrive (couple of minutes) 275 |
- Step 12 - Confirm spore is growing in wallet 276 |
13 |
15 | );
16 | }
17 |
18 | export default ComingSoon
19 |
--------------------------------------------------------------------------------
/src/components/Information.css:
--------------------------------------------------------------------------------
1 | .information .feature {
2 | font-size: 46px;
3 | }
4 |
5 | .information .feature span {
6 | color:#6B4E3B;
7 | font-weight: bold;
8 | }
9 |
10 | .bg-white {
11 | color: #212121;
12 | }
13 | .bg-white-darker {
14 | background-color: #f1f3f6;
15 | color: #212121;
16 | }
17 |
18 | .bg-white li {
19 | font-size: 20px;
20 | }
21 | .bg-white li b {
22 | color: #4B5626;
23 | }
24 |
25 | .bg-white h2 {
26 | color:#6B4E3B;
27 | font-weight: bold;
28 | padding-bottom: 15px;
29 | }
30 | .circle {
31 | padding: 13px 20px;
32 | border-radius: 50%;
33 | background-color: #4B5626;
34 | color: #fff;
35 | max-height: 50px;
36 | z-index: 2;
37 | }
38 |
39 | .how-it-works.row .col-2 {
40 | align-self: stretch;
41 | }
42 | .how-it-works.row .col-2::after {
43 | content: "";
44 | position: absolute;
45 | border-left: 3px solid #4B5626;
46 | z-index: 1;
47 | }
48 | .how-it-works.row .col-2.bottom::after {
49 | height: 50%;
50 | left: 50%;
51 | top: 50%;
52 | }
53 | .how-it-works.row .col-2.full::after {
54 | height: 100%;
55 | left: calc(50% - 3px);
56 | }
57 | .how-it-works.row .col-2.full-left::after {
58 | height: 100%;
59 | left: 50% ;
60 | }
61 | .how-it-works.row .col-2.top::after {
62 | height: 50%;
63 | left: 50%;
64 | top: 0;
65 | }
66 | .how-it-works.row .col-2.top-right::after {
67 | height: 50%;
68 | left: calc(50% - 3px);
69 | top: 0;
70 | }
71 |
72 | .timeline div {
73 | padding: 0;
74 | height: 40px;
75 | }
76 | .timeline hr {
77 | border-top: 3px solid #4B5626;
78 | margin: 0;
79 | top: 17px;
80 | position: relative;
81 | }
82 | .timeline .col-2 {
83 | display: flex;
84 | overflow: hidden;
85 | }
86 | .timeline .corner {
87 | border: 3px solid #4B5626;
88 | width: 100%;
89 | position: relative;
90 | border-radius: 15px;
91 | }
92 | .timeline .top-right {
93 | left: 50%;
94 | top: -50%;
95 | }
96 | .timeline .left-bottom {
97 | left: -50%;
98 | top: calc(50% - 3px);
99 | }
100 | .timeline .top-left {
101 | left: -50%;
102 | top: -50%;
103 | }
104 | .timeline .right-bottom {
105 | left: 50%;
106 | top: calc(50% - 3px);
107 | }
108 |
109 | .card .card-body {
110 | color: #212121;
111 | }
112 |
113 | .center {
114 | text-align:center;
115 | }
116 |
117 | .larger {
118 | font-size: x-large;
119 | }
120 |
121 | dt, dd {
122 | white-space: nowrap;
123 | }
124 |
125 | dl {
126 | margin-left: 20px;
127 | }
128 |
129 | dt {
130 | margin-left: 60px;
131 | }
132 |
133 | dd {
134 | margin-left: 40px;
135 | }
136 |
137 | ul.lead {
138 | margin-bottom: 20px;
139 | }
140 |
141 | .tips dt, dd dl {
142 | margin-left: 0
143 | }
144 |
145 | .tips {
146 | text-align: left;
147 | }
148 |
149 | .price {
150 | display: inline-block;
151 | margin-bottom: 10px;
152 | }
153 |
154 | .social-links.row {
155 | display: flex;
156 | justify-content: center;
157 | }
--------------------------------------------------------------------------------
/src/components/Information.tsx:
--------------------------------------------------------------------------------
1 | // src/Footer.js
2 | import './Information.css';
3 |
4 |
5 | import React from 'react';
6 | import BurnedTokens from './BurnedTokens';
7 | import PriceToken from './PriceToken';
8 | //@ts-ignore
9 | import HowToBuyPDF from '../utils/how_to_buy.pdf';
10 | import Contributors from './contributors';
11 |
12 | const Information = () => {
13 | return (
14 | <>
15 |
16 |
58 |
17 |
57 |
18 |
53 | 19 | What is Spore Finance 20 |
21 |22 | Spore Finance aims to create an ecosystem combining 23 |
24 |-
25 |
- reflect tokens 26 |
- algorithmically generated NFTs 27 |
- next-gen NFT prediction market 28 |
30 | Meet Spore32 | 33 |
34 |
36 | -
37 |
38 |
- On Every
Transaction
40 | - 3% of rewards are burnt 41 |
- 3% are redistributed to hodlers 42 |
- On Every
Transaction
43 | - 6% of rewards are burnt 44 |
47 | Earn frictionless rewards while spore spreads! 48 |
49 |50 | BSC users enjoy ever decreasing circulating supply. 51 |
52 |
54 |
55 |
56 |
55 |
60 |
78 |
61 |
77 |
62 |
63 |
64 |
63 |
65 |
76 | Tokeneconomics
66 |-
67 |
- Dev fund : 0% 68 |
- 69 | Total Supply : 100,000,000,000,000,000 SPORE 70 | 71 | <> 72 |
81 |
269 |
82 |
86 |
83 |
85 | Roadmap
84 |
87 |
97 |
88 |
90 | 1
89 |
91 |
96 | Fair and stealth launch
92 |93 | 18 March 2021 94 |
95 |
98 |
108 |
109 |
99 |
100 |
101 |
102 |
103 |
104 | 103 |
105 |
106 |
107 |
110 |
120 |
121 |
111 |
116 | Setting up Airdrops & Incentive program
112 |113 | 20 March 2021 114 |
115 |
117 |
119 | 2
118 |
122 |
132 |
133 |
123 |
124 |
125 |
126 |
127 |
128 | 127 |
129 |
130 |
131 |
134 |
144 |
145 |
135 |
137 | 3
136 |
138 |
143 | Second layer blockchain development + Bridge (Binance Smart Chain)
139 |140 | 6 April 2021 141 |
142 |
146 |
156 |
157 |
147 |
148 |
149 |
150 |
151 |
152 | 151 |
153 |
154 |
155 |
158 |
168 |
169 |
170 |
171 |
159 |
164 | Farming Partnerships
160 |161 | 12 April 2021 162 |
163 |
165 |
167 | 4
166 |
172 |
182 |
183 |
184 |
173 |
174 |
175 |
176 |
177 |
178 | 177 |
179 |
180 |
181 |
185 |
195 |
196 |
197 |
186 |
188 | 5
187 |
189 |
194 | Algorithmically generated NFTs
190 |191 | In Progress 192 |
193 |
198 |
208 |
209 |
199 |
200 |
201 |
202 |
203 |
204 | 203 |
205 |
206 |
207 |
210 |
220 |
221 |
211 |
216 | Governance
212 |213 | In Progress 214 |
215 |
217 |
219 | 6
218 |
222 |
232 |
233 |
223 |
224 |
225 |
226 |
227 |
228 | 227 |
229 |
230 |
231 |
234 |
244 |
245 |
235 |
237 | 7
236 |
238 |
243 | Cross-chain compatibility
239 |240 | Q3 2021 241 |
242 |
246 |
256 |
257 |
247 |
248 |
249 |
250 |
251 |
252 | 251 |
253 |
254 |
255 |
258 |
268 |
259 |
264 | NFTs Prediction Market
260 |261 | Q4 2021 262 |
263 |
265 |
267 | 8
266 |
272 |
283 |
273 |
277 |
274 |
276 | Developers
275 |
278 | <>
279 |
282 |
285 |
423 |
424 | )
425 | }
426 |
427 | export default Information
428 |
--------------------------------------------------------------------------------
/src/components/Particles.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import Particles from 'react-particles-js';
4 |
5 |
6 | const MyParticles = () => {
7 | return (
8 |
286 |
422 |
287 |
421 | Links
288 |
289 |
420 |
290 |
296 |
297 |
303 |
304 |
310 |
311 |
317 |
318 |
324 |
325 |
331 |
332 |
338 |
339 |
345 |
346 |
347 |
348 |
354 | AVAX Token address
355 |
356 |
362 | BSC Token address
363 |
364 |
365 |
366 |
372 | 2.5% of supply burnt tx
373 |
374 |
380 | LP-burnt tx
381 |
382 |
383 |
384 |
390 | DEV wallet address
391 |
392 |
398 | Renounced ownership tx
399 |
400 |
401 |
402 |
408 | How to buy (VIDEO)
409 |
410 |
416 | How to buy (PDF)
417 |
418 |
419 | )}
93 | {currency === 'avax' && ()}
94 | {currency === 'usd' ? `💲`+usd.price : currency === 'avax' ? avax.price : bnb.price}
95 |
96 |
97 |
98 | That's {
99 | currency === 'usd' ? usd.zeros : currency === 'avax' ? avax.zeros : bnb.zeros} zeros! 🚀
100 |
101 |
102 | );
103 | }
104 |
105 | export default PriceToken
106 |
--------------------------------------------------------------------------------
/src/components/contributors.css:
--------------------------------------------------------------------------------
1 | .contributor-style img{
2 | width: 2em;
3 | }
4 |
5 | .contributor-style a{
6 | text-decoration: none;
7 | color: #6B4E3B;
8 | font-size: 2em;
9 | }
10 | .contributor-style{
11 | display: inline-block;
12 | margin: 1em;
13 | }
14 |
15 |
16 | @media (min-width: 1025px) and (max-width: 1280px) {
17 |
18 | /* CSS */
19 | .contributor-style img{
20 | width: 1.8em;
21 | }
22 |
23 | .contributor-style a{
24 | font-size: 1.5em;
25 | }
26 |
27 | }
28 |
29 | /*
30 | ##Device = Tablets, Ipads (portrait)
31 | ##Screen = B/w 768px to 1024px
32 | */
33 |
34 | @media (min-width: 768px) and (max-width: 1024px) {
35 |
36 | /* CSS */
37 | .contributor-style img{
38 | width: 1.8em;
39 | }
40 |
41 | .contributor-style a{
42 | font-size: 1.5em;
43 | }
44 |
45 | }
46 |
47 | /*
48 | ##Device = Tablets, Ipads (landscape)
49 | ##Screen = B/w 768px to 1024px
50 | */
51 |
52 | @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
53 |
54 | /* CSS */
55 | .contributor-style img{
56 | width: 1.8em;
57 | }
58 |
59 | .contributor-style a{
60 | font-size: 1.5em;
61 | }
62 | }
63 |
64 | /*
65 | ##Device = Low Resolution Tablets, Mobiles (Landscape)
66 | ##Screen = B/w 481px to 767px
67 | */
68 |
69 | @media (min-width: 481px) and (max-width: 767px) {
70 |
71 | /* CSS */
72 | .contributor-style img{
73 | width: 1.8em;
74 | }
75 |
76 | .contributor-style a{
77 | font-size: 1.5em;
78 | }
79 | }
80 |
81 | /*
82 | ##Device = Most of the Smartphones Mobiles (Portrait)
83 | ##Screen = B/w 320px to 479px
84 | */
85 |
86 | @media (min-width: 320px) and (max-width: 480px) {
87 |
88 | /* CSS */
89 | .contributor-style img{
90 | width: 1.8em;
91 | }
92 |
93 | .contributor-style a{
94 | font-size: 1.5em;
95 | }
96 | }
--------------------------------------------------------------------------------
/src/components/contributors.tsx:
--------------------------------------------------------------------------------
1 | import './contributors.css';
2 | import axios from 'axios';
3 | import { useEffect, useState } from 'react';
4 |
5 | const Contributors = () => {
6 | const [contrib, setContributors] = useState([]);
7 |
8 | useEffect(() => {
9 | async function getContributors() {
10 | getContributorsJson()
11 | }
12 | getContributors()
13 | }, [])
14 |
15 | const getContributorsJson = () => {
16 | axios.get(
17 | 'https://api.github.com/repos/SporeFinance/Spore-frontend/contributors'
18 | ).then(res => {
19 | setContributors(res.data);
20 | });
21 | }
22 |
23 | return (
24 | <>
25 |
26 | {
27 | contrib.map((data: any) => {
28 | return
37 |
38 | );
39 |
40 | };
41 | export default Contributors;
--------------------------------------------------------------------------------
/src/components/layout/Footer.css:
--------------------------------------------------------------------------------
1 | .footer a.credit {
2 | font-size: 42px;
3 | text-decoration: none;
4 | font-weight: bold;
5 | }
--------------------------------------------------------------------------------
/src/components/layout/Footer.tsx:
--------------------------------------------------------------------------------
1 | // src/Footer.js
2 | import './Footer.css';
3 |
4 | import React from 'react';
5 |
6 | const Footer = () => {
7 | return (
8 |
29 |
30 | 
31 | {data.login}
32 |
33 |
34 | })
35 | }
36 |
9 |
23 | );
24 | }
25 |
26 | export default Footer;
27 |
--------------------------------------------------------------------------------
/src/components/layout/Header.css:
--------------------------------------------------------------------------------
1 | .navbar {
2 | transition: all 0.4s;
3 | background-color: #6B4E3B;
4 | }
5 |
6 | .navbar .logo {
7 | max-height: 50px;
8 | margin-right: 10px;
9 | }
10 |
11 | .navbar .navbar-brand {
12 | text-decoration: none;
13 | font-size: 32px;
14 | }
15 |
16 | .imagenespeciada {
17 | margin-left: 5px;
18 | }
19 |
20 | .navbar .nav-item {
21 | padding: 0 15px;
22 | text-align: start;
23 | }
24 |
25 | .navbar .nav-link,
26 | .navbar .btn {
27 | text-decoration: none;
28 | }
29 |
30 | .navbar a:hover,
31 | .navbar a:focus {
32 | text-decoration: none;
33 | color: #EBD5C7;
34 | }
35 |
36 | .navbar a.btn:hover,
37 | .navbar a.btn:focus {
38 | text-decoration: none;
39 | color: #6B4E3B;
40 | }
41 |
42 | .navbar a {
43 | text-decoration: none;
44 | }
45 |
46 | .dropdown {
47 | background-color: #6B4E3B;
48 | }
49 |
50 | .dropdown-menu {
51 | background-color: #6B4E3B;
52 | padding: 15px;
53 | border: 1px solid white;
54 | }
55 |
56 | .dropdown-menu li {
57 | margin: 2px;
58 | }
59 |
60 | .divider {
61 | border: 1px solid white;
62 | }
63 |
--------------------------------------------------------------------------------
/src/components/layout/Header.tsx:
--------------------------------------------------------------------------------
1 | // src/Header.js
2 | import './Header.css';
3 |
4 | import React from 'react';
5 | import Web3 from 'web3';
6 | import { Link } from 'react-router-dom';
7 |
8 | const win = window as any
9 | const connectMetaMask = () => {
10 | if (win.ethereum) {
11 | win.web3 = new Web3(win.ethereum);
12 | win.ethereum.enable();
13 | }
14 | }
15 |
16 | const claimAirdrop = async (e: any) => {
17 | e.preventDefault();
18 | connectMetaMask();
19 | const ABI = [
20 | {
21 | type: 'constructor',
22 | stateMutability: 'nonpayable',
23 | inputs: [
24 | { type: 'address', name: 'contrak', internalType: 'contract IERC20' }
25 | ]
26 | },
27 | {
28 | type: 'event',
29 | name: 'Deposit',
30 | inputs: [
31 | {
32 | type: 'address',
33 | name: 'user',
34 | internalType: 'address',
35 | indexed: true
36 | },
37 | {
38 | type: 'uint256',
39 | name: 'pid',
40 | internalType: 'uint256',
41 | indexed: false
42 | },
43 | {
44 | type: 'uint256',
45 | name: 'amount',
46 | internalType: 'uint256',
47 | indexed: false
48 | }
49 | ],
50 | anonymous: false
51 | },
52 | {
53 | type: 'event',
54 | name: 'OwnershipTransferred',
55 | inputs: [
56 | {
57 | type: 'address',
58 | name: 'previousOwner',
59 | internalType: 'address',
60 | indexed: true
61 | },
62 | {
63 | type: 'address',
64 | name: 'newOwner',
65 | internalType: 'address',
66 | indexed: true
67 | }
68 | ],
69 | anonymous: false
70 | },
71 | {
72 | type: 'event',
73 | name: 'Withdraw',
74 | inputs: [
75 | {
76 | type: 'address',
77 | name: 'user',
78 | internalType: 'address',
79 | indexed: true
80 | },
81 | {
82 | type: 'uint256',
83 | name: 'pid',
84 | internalType: 'uint256',
85 | indexed: false
86 | },
87 | {
88 | type: 'uint256',
89 | name: 'amount',
90 | internalType: 'uint256',
91 | indexed: false
92 | }
93 | ],
94 | anonymous: false
95 | },
96 | {
97 | type: 'function',
98 | stateMutability: 'view',
99 | outputs: [{ type: 'uint256', name: '', internalType: 'uint256' }],
100 | name: 'balance',
101 | inputs: []
102 | },
103 | {
104 | type: 'function',
105 | stateMutability: 'view',
106 | outputs: [{ type: 'address', name: '', internalType: 'contract IERC20' }],
107 | name: 'contractaddress',
108 | inputs: []
109 | },
110 | {
111 | type: 'function',
112 | stateMutability: 'nonpayable',
113 | outputs: [],
114 | name: 'deposit',
115 | inputs: [{ type: 'uint256', name: '_amount', internalType: 'uint256' }]
116 | },
117 | {
118 | type: 'function',
119 | stateMutability: 'nonpayable',
120 | outputs: [],
121 | name: 'get',
122 | inputs: []
123 | },
124 | {
125 | type: 'function',
126 | stateMutability: 'view',
127 | outputs: [{ type: 'address', name: '', internalType: 'address' }],
128 | name: 'owner',
129 | inputs: []
130 | },
131 | {
132 | type: 'function',
133 | stateMutability: 'nonpayable',
134 | outputs: [],
135 | name: 'renounceOwnership',
136 | inputs: []
137 | },
138 | {
139 | type: 'function',
140 | stateMutability: 'nonpayable',
141 | outputs: [],
142 | name: 'transferOwnership',
143 | inputs: [{ type: 'address', name: 'newOwner', internalType: 'address' }]
144 | },
145 | {
146 | type: 'function',
147 | stateMutability: 'nonpayable',
148 | outputs: [],
149 | name: 'update',
150 | inputs: [{ type: 'uint256', name: '_amount', internalType: 'uint256' }]
151 | }
152 | ];
153 | const fairyContract = new win.web3.eth.Contract(
154 | ABI,
155 | '0xeAdf7D005596dbad55e067C1208080f83258D452'
156 | );
157 | var account = await win.web3.eth.getAccounts();
158 | account = account[0];
159 | console.log(account);
160 | try {
161 | await fairyContract.methods
162 | .get()
163 | .send({ from: account, gasPrice: 225000000000, gas: 200000 });
164 | } catch (error) {
165 | alert(error);
166 | }
167 | }
168 |
169 | const Header = () => {
170 | return (
171 |
10 |
21 |
22 |