From b0f1c22096e12c5c129389adc16137a253e66c6d Mon Sep 17 00:00:00 2001 From: lza_menace Date: Thu, 29 Dec 2022 07:31:32 -0800 Subject: [PATCH] adjust --- public/SummerPixel22Regular-jE0W7.ttf | Bin 0 -> 52597 bytes src/index.js | 2 +- src/styles/main.css | 8 +- src/styles/sections.css | 6 +- src/template/Sections.jsx | 117 +++++++++++++++----------- 5 files changed, 79 insertions(+), 54 deletions(-) create mode 100644 public/SummerPixel22Regular-jE0W7.ttf diff --git a/public/SummerPixel22Regular-jE0W7.ttf b/public/SummerPixel22Regular-jE0W7.ttf new file mode 100644 index 0000000000000000000000000000000000000000..c11e2e52dbfa4c70284c663fab787fcd82273994 GIT binary patch literal 52597 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%0AfzC)cFIoe zX$rGHD*N$$hql-#AIA4ba3_1+Gtidu`+J&Jech`PAA`Kzz%`W(K((PEA!8xVF0FHm zsXVOx>_txxLc?yBZif!r@SnBbgPQD+L1NgVTJOWrwg!$iEAVFBlSlmpL`}pNzRW*! z2IdUR8JIILXJF32oPjw5a|Y%N%o&(7FlS)Sz?^|O19JxE49pprGcadh&cK|3IRkSB q<_ydkm@_bEV9vmtfjI+n2IdUR8JIILXJF32oPjw5a|Zt3GVp)2o~ZW# literal 0 HcmV?d00001 diff --git a/src/index.js b/src/index.js index 39e3ea1..ef4357d 100644 --- a/src/index.js +++ b/src/index.js @@ -27,7 +27,7 @@ const { connectors } = getDefaultWallets({ }); const wagmiClient = createClient({ - autoConnect: false, + autoConnect: true, connectors, provider, webSocketProvider diff --git a/src/styles/main.css b/src/styles/main.css index d057cc0..64c17ec 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -1,5 +1,11 @@ +@font-face { + font-family: 'SummerPixel'; + src: url('../../public/SummerPixel22Regular-jE0W7.ttf'); +} + + * { - font-family: 'Times New Roman', Times, serif; + font-family: 'SummerPixel'; font-weight: 400; font-style: normal; } diff --git a/src/styles/sections.css b/src/styles/sections.css index ad90ad7..7b00737 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -19,8 +19,8 @@ } #heroText { - padding-top: 12vh; - font-size: 4em; + padding-top: 14vh; + font-size: 3.5em; width: 80%; text-align: center; margin: 0 auto; @@ -28,7 +28,7 @@ #heroImage { max-width: 240px; - margin: 1em auto; + margin: .5em auto; animation: fadeIn 4s ease-in; } diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index e0aedde..d28625d 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -86,15 +86,38 @@ class GenerateBombOverlay extends React.Component { } bombCoords.push(o); } - this.state = {coords: bombCoords}; + this.state = {coords: bombCoords, color: this.props.color}; } render() { - return this.state.coords.map((obj) =>
) + return this.state.coords.map((obj) =>
) } } -export function Section3() { +class GameMap extends React.Component { + constructor(props) { + super(props); + } + + render() { + return ( + <> +

Game Map

+
+ + {/* show active bombs held by other players */} + + {/* show bombs that have exploded */} + + {/* show player bombs */} + +
+ + ) + } +} + +function Section3() { const [boomerAmount, setBoomerAmount] = useState(1); const [bombAmount, setBombAmount] = useState(1); const [sendBombAmount, setSendBombAmount] = useState(1); @@ -104,7 +127,7 @@ export function Section3() { const [bombBalance, setBombBalance] = useState(0); const [bombSupply, setBombSupply] = useState(0); const [boomerSupply, setBoomerSupply] = useState(0); - const [bombExploded, setBombExploded] = useState(0); + const [bombsExploded, setBombsExploded] = useState(0); const [boomerKillCount, setBoomerKillCount] = useState(0); const { isConnected, address } = useAccount(); useContractReads({ @@ -161,7 +184,6 @@ export function Section3() { } ], watch: true, - cacheTime: 5000, onSuccess(data) { setBoomerPrice(data[0].toString()); setBombPrice(data[1].toString()); @@ -169,7 +191,7 @@ export function Section3() { setBombBalance(data[3].toString()); setBoomerSupply(data[4].toString()); setBombSupply(data[5].toString()); - setBombExploded(data[6].toString()); + setBombsExploded(data[6].toString()); setBoomerKillCount(data[7].toString()); } }); @@ -208,50 +230,47 @@ export function Section3() { return (
{isConnected && -
-
-

Radicalize a Boomer

-

Radicalizing a boomer will mint ERC-721 BOOMR tokens with images of a pixel art Web3 Unaboomers.

-

You have {boomerBalance} BOOMR

- -

- radicalizeBoomersWrite.write?.()}> - {radicalizeBoomersWrite.isLoading && <>minting {boomerAmount} || <>mint {boomerAmount} ({ethers.utils.formatEther((boomerPrice * boomerAmount).toString())} Ξ)} - -

- debounce(setBoomerAmount(v), 500)} /> -
-
-

Assemble Bombs

-

Assembling bombs will mint ERC-1155 BOMB tokens with an image of a pixel art bomb to send to random Unaboomers to kill them.

-

You have {bombBalance} BOMB

- -

- assembleBombsWrite.write?.()}> - {assembleBombsWrite.isLoading && <>minting {bombAmount} || <>mint {bombAmount} ({ethers.utils.formatEther((bombPrice * bombAmount).toString())} Ξ)} - -

- setBombAmount(v)} /> -
-
-

Send Bombs

-

Sending bombs will burn your BOMB token and kill a BOOMR token at random. Be careful not to kill yourself in the process.

-

There are {boomerSupply - boomerKillCount} BOOMR available to kill

- -

- sendBombsWrite.write?.()}> - send {sendBombAmount} (~0 Ξ) - -

- setSendBombAmount(v)} /> + <> +
+
+

Radicalize a Boomer

+

Radicalizing a boomer will mint ERC-721 BOOMR tokens with images of a pixel art Web3 Unaboomers.

+

You have {boomerBalance} BOOMR

+ +

+ radicalizeBoomersWrite.write?.()}> + {radicalizeBoomersWrite.isLoading && <>minting {boomerAmount} || <>mint {boomerAmount} ({ethers.utils.formatEther((boomerPrice * boomerAmount).toString())} Ξ)} + +

+ debounce(setBoomerAmount(v), 500)} /> +
+
+

Assemble Bombs

+

Assembling bombs will mint ERC-1155 BOMB tokens with an image of a pixel art bomb to send to random Unaboomers to kill them.

+

You have {bombBalance} BOMB

+ +

+ assembleBombsWrite.write?.()}> + {assembleBombsWrite.isLoading && <>minting {bombAmount} || <>mint {bombAmount} ({ethers.utils.formatEther((bombPrice * bombAmount).toString())} Ξ)} + +

+ setBombAmount(v)} /> +
+
+

Send Bombs

+

Sending bombs will burn your BOMB token and kill a BOOMR token at random. Be careful not to kill yourself in the process.

+

There are {boomerSupply - boomerKillCount} BOOMR available to kill

+ +

+ sendBombsWrite.write?.()}> + send {sendBombAmount} (~0 Ξ) + +

+ setSendBombAmount(v)} /> +
-
- - - - -
-
+ + ||

connect your wallet to play