From 86d37ab5dc5edfac2acec97a53ed2aa3b459906c Mon Sep 17 00:00:00 2001 From: lza_menace Date: Thu, 12 Jan 2023 00:38:58 -0800 Subject: [PATCH] save chanes on reskin --- public/depixelschmal.otf | Bin 0 -> 16852 bytes src/Wallet.jsx | 133 ------------------------- src/img/arrow_down.png | Bin 0 -> 2787 bytes src/img/arrow_right.png | Bin 0 -> 3613 bytes src/img/logo.png | Bin 0 -> 9458 bytes src/img/{bomb.png => mailbomb.png} | Bin src/index.js | 21 ++-- src/sections/Hero.jsx | 55 +++++++++++ src/sections/Navbar.jsx | 20 ++++ src/styles/hero.css | 36 +++++++ src/styles/main.css | 152 ++++++++++------------------- src/styles/navbar.css | 26 +++++ src/styles/sections.css | 8 +- src/template/Sections.jsx | 63 +++++++----- 14 files changed, 245 insertions(+), 269 deletions(-) create mode 100644 public/depixelschmal.otf create mode 100644 src/img/arrow_down.png create mode 100644 src/img/arrow_right.png create mode 100644 src/img/logo.png rename src/img/{bomb.png => mailbomb.png} (100%) create mode 100644 src/sections/Hero.jsx create mode 100644 src/sections/Navbar.jsx create mode 100644 src/styles/hero.css create mode 100644 src/styles/navbar.css diff --git a/public/depixelschmal.otf b/public/depixelschmal.otf new file mode 100644 index 0000000000000000000000000000000000000000..8a94b164b0fbcc2ab2f75e6b0239b948538a5af1 GIT binary patch literal 16852 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 dpX(-S;U&501Bo(!4Pf8XegLwI33Q#o{x? - - {({ - account, - chain, - openAccountModal, - openChainModal, - openConnectModal, - mounted, - }) => { - const ready = mounted; - const connected = - ready && - account && - chain; - - return ( -
- {(() => { - if (!connected) { - return ( - { - openConnectModal(); - release(); - }}> - Connect Wallet - - ); - } - - if (chain.unsupported) { - return ( - { - openChainModal(); - release(); - }}> - Wrong network - - ); - } - - return ( -
- { - openChainModal(); - release(); - }}> - {chain.hasIcon && ( -
- {chain.iconUrl && ( - {chain.name - )} -
- )} - {chain.name} - - - { - openAccountModal(); - release(); - }}> - {account.displayName} - {account.displayBalance - ? ` (${account.displayBalance})` - : ''} - -
- ); - })()} -
- ); - }} - - - ); -}; diff --git a/src/img/arrow_down.png b/src/img/arrow_down.png new file mode 100644 index 0000000000000000000000000000000000000000..f8952384bf7fe60b92dbf5b7d8b2be59f65656fb GIT binary patch literal 2787 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 CBEg*i literal 0 HcmV?d00001 diff --git a/src/img/bomb.png b/src/img/mailbomb.png similarity index 100% rename from src/img/bomb.png rename to src/img/mailbomb.png diff --git a/src/index.js b/src/index.js index b294a06..538926c 100644 --- a/src/index.js +++ b/src/index.js @@ -1,5 +1,5 @@ import '@rainbow-me/rainbowkit/styles.css'; -import 'react-awesome-button/dist/styles.css'; +// import 'react-awesome-button/dist/styles.css'; import "./styles/main.css"; import ReactDOM from "react-dom/client"; @@ -11,11 +11,8 @@ import { mainnet, goerli, localhost } from 'wagmi/chains'; import { infuraProvider } from 'wagmi/providers/infura' import { publicProvider } from 'wagmi/providers/public'; -import { ParallaxProvider } from 'react-scroll-parallax'; - -import { Wallet } from "./Wallet"; -import { AllSections } from './template/Sections'; - +import { Navbar } from "./sections/Navbar"; +import { Hero } from "./sections/Hero"; const { chains, provider, webSocketProvider } = configureChains( [mainnet, goerli, localhost], @@ -38,20 +35,16 @@ const wagmiClient = createClient({ }); ReactDOM.createRoot(document.getElementById("root")).render( - -
- + +
- ); // 0x97a8a91563a9c6a9fbdb5d37656d4022f2838928 - goerli -// 0x5FbDB2315678afecb367f032d93F642f64180aa3 - local \ No newline at end of file +// 0x5FbDB2315678afecb367f032d93F642f64180aa3 - local +// wss://lzahq.tech/ws \ No newline at end of file diff --git a/src/sections/Hero.jsx b/src/sections/Hero.jsx new file mode 100644 index 0000000..497152e --- /dev/null +++ b/src/sections/Hero.jsx @@ -0,0 +1,55 @@ +import React from 'react'; + +import '../styles/hero.css'; +import Unaboomer from '../img/unaboomer.png'; +import Mailbomb from '../img/mailbomb.png'; +import Explosion from '../img/explosion.png'; +import Arrow from '../img/arrow_right.png'; + +export class Hero extends React.Component { + render() { + return ( +
+

the web3 revolution & its consequences have been a disaster for the human race.

+
+
+ Pixelated Unaboomer profile picture - a hooded man with dark sunglasses. +

+ Technology is advancing at an exponential rate and boomers are being left behind. A.I., Bitcoin, + and expensive JPEGs have made them angry.

+ They've begun to radicalize. 35,000 Boomers have joined forces + to lash out at the system. +

+ +

(0 ETH)

+
+
+ Arrow pointing to the next step. +
+
+ Pixelated Mailbomb image - handle with caution. +

+ Don't let the Boomers win, fight back! Assemble a mailbomb and blow 'em to smithereens.

+ (Warning: Some bombs are duds!) +

+ +

(.01 ETH)

+
+
+ Arrow pointing to the next step. +
+
+ Pixelated explosion image. +

+ Ready for mayhem? Burn your mailrooms to blow up a random boomer.

+ If your bomb is live it will destroy a Boomer PFP forever.

+ (Warning: Your Boomer might explode!) +

+ +

(0 ETH)

+
+
+
+ ) + } +} diff --git a/src/sections/Navbar.jsx b/src/sections/Navbar.jsx new file mode 100644 index 0000000..7088941 --- /dev/null +++ b/src/sections/Navbar.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { ConnectButton } from '@rainbow-me/rainbowkit'; + +import '../styles/navbar.css'; +import Logo from '../img/logo.png'; + +export class Navbar extends React.Component { + render() { + return ( + + ) + } +} diff --git a/src/styles/hero.css b/src/styles/hero.css new file mode 100644 index 0000000..b88753e --- /dev/null +++ b/src/styles/hero.css @@ -0,0 +1,36 @@ +#hero { + width: 100%; +} + +#hero h1 { + width: 80%; + text-transform: uppercase; + margin: 1em auto; +} + +#heroFlex { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 0 auto; +} + +.heroFlexItem { + flex: 0 25%; + height: 100%; + width: 200px; + text-align: center; +} + +.heroFlexItem p { + width: 90%; + margin: 0 auto; +} + +.heroFlexArrow { + height: 100%; +} + +button.doThing { + margin: 1em; +} \ No newline at end of file diff --git a/src/styles/main.css b/src/styles/main.css index eaf3a81..466a36f 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -1,110 +1,66 @@ @font-face { - font-family: 'SummerPixel'; - src: url('../../public/SummerPixel22Regular-jE0W7.ttf'); + font-family: 'Depixel'; + src: url('../../public/depixelschmal.otf'); } - * { - font-family: 'SummerPixel'; - /* font-weight: 400; */ + font-family: 'Depixel'; font-style: normal; } body { - --black: #000000; - --ash-black: #222; - --white: #fafafa; - --sky: #00ccff; - --green: #22dddd; - --blue: #1300ff; - --dusk: #6600ff; - --purple: #9900ff; - --pink: #ff0066; - --red: #fe0222; - --orange: #fd7702; - --yellow: #ffbb00; - - --background: var(--black); - --accent: var(--white); - - margin: 0; - padding: 0; - background-color: var(--background); - color: var(--accent); -} - -h1 { - font-size: 36px; - font-weight: 700; - letter-spacing: -1px; - line-height: 1.2; - text-align: center; - margin: 100px 0 40px; -} - -h2 { - font-weight: 400; + background-color: #231f20; + color: #f9f9f9; } -p { - margin: 0 0 30px 0; - font-size: 18px; -} - -nav { - position: fixed; - top: 0; - left: 0; - right: 0; - display: flex; - justify-content: flex-start; - align-items: center; - padding: 40px; - background-image: radial-gradient( - rgba(0, 0, 0, 0) 1px, - var(--background) 1px +button { + background-color: #ef3b39; + color: #f9f9f9; + text-transform: uppercase; + padding: 1em; + border-radius: 0; + border: 0; + box-shadow: 0 5px #f9f9f9; + clip-path: polygon( + 0px 20px, + 4px 20px, + 4px 12px, + 8px 12px, + 8px 8px, + 12px 8px, + 12px 4px, + 16px 4px, + 20px 4px, + 20px 0px, + calc(100% - 20px) 0px, + calc(100% - 20px) 4px, + calc(100% - 12px) 4px, + calc(100% - 12px) 8px, + calc(100% - 8px) 8px, + calc(100% - 8px) 12px, + calc(100% - 4px) 12px, + calc(100% - 4px) 16px, + calc(100% - 4px) 20px, + 100% 20px, + 100% calc(100% - 20px), + calc(100% - 4px) calc(100% - 20px), + calc(100% - 4px) calc(100% - 12px), + calc(100% - 8px) calc(100% - 12px), + calc(100% - 8px) calc(100% - 8px), + calc(100% - 12px) calc(100% - 8px), + calc(100% - 12px) calc(100% - 4px), + calc(100% - 16px) calc(100% - 4px), + calc(100% - 20px) calc(100% - 4px), + calc(100% - 20px) 100%, + 20px 100%, + 20px calc(100% - 4px), + 12px calc(100% - 4px), + 12px calc(100% - 8px), + 8px calc(100% - 8px), + 8px calc(100% - 12px), + 4px calc(100% - 12px), + 4px calc(100% - 16px), + 4px calc(100% - 20px), + 0px calc(100% - 20px) ); - background-size: 4px 4px; - backdrop-filter: blur(3px); - -webkit-backdrop-filter: blur(3px); - -moz-backdrop-filter: blur(3px); - font-size: 14px; - line-height: 14px; - z-index: 10; -} - -nav::before { - display: block; - content: ""; - position: absolute; - top: -1px; - left: 0; - right: 0; - height: 1px; - background: var(--accent); - opacity: 0.2; } - -::-webkit-scrollbar { - height: 12px; - width: 5px; - background: var(--background); -} - -::-webkit-scrollbar-thumb { - background: var(--accent); - -webkit-border-radius: 1ex; - border-radius: 1ex; -} - -::-webkit-scrollbar-corner { - background: var(--background); -} - -.wrap { - word-break: break-word; -} - -.hidden { - display: none; -} \ No newline at end of file diff --git a/src/styles/navbar.css b/src/styles/navbar.css new file mode 100644 index 0000000..e81161c --- /dev/null +++ b/src/styles/navbar.css @@ -0,0 +1,26 @@ +#primaryNav { + display: inline; +} + +#logo { + width: 250px; +} + +#logo img { + width: 100%; + padding: 1em; +} + +#wallet { + position: absolute; + top: 0; + right: 0; + padding: 2em; +} + +#wallet button { + font-family: 'Depixel'; + background-color: #ef3b39; + border-radius: 0; + box-shadow: 0 5px #fff; +} \ No newline at end of file diff --git a/src/styles/sections.css b/src/styles/sections.css index 9d0bb0f..e676c11 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -188,13 +188,17 @@ margin: 10px; } +#gameMap button { + width: 30%; +} + #statsbox { position: fixed; bottom: 0; left: 0; background-color: black; text-align: left; - width: 49%; + width: 30%; margin: 0; max-height: 400px; overflow-y: auto; @@ -211,7 +215,7 @@ right: 0; background-color: black; text-align: left; - width: 49%; + width: 30%; margin: 0; max-height: 400px; overflow-y: auto; diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index cbbed61..ff1f616 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -114,7 +114,7 @@ class GenerateBombOverlay extends React.Component { class GameMap extends React.Component { constructor(props) { super(props); - this.state = {showStats: false} + this.state = {showStats: false, showMap: false} } shorten(s) { @@ -124,30 +124,48 @@ class GameMap extends React.Component { render() { return ( <> -

Metaverse Map

-

- {this.props.unaboomersRadicalized} / {this.props.unaboomerMaxSupply} Unaboomers radicalized and ready to terrorize the metaverse. {this.props.unaboomersKilled} killed.
- This round will end and the project will fully start when {this.props.unaboomerMaxSurvivorCount} or less Unaboomers remain standing.
-

-
- - - - +
+ {this.state.showMap && ( + <> +

Metaverse Map

+

+ {this.props.unaboomersRadicalized} / {this.props.unaboomerMaxSupply} Unaboomers radicalized and ready to terrorize the metaverse. {this.props.unaboomersKilled} killed.
+ This round will end and the project will fully start when {this.props.unaboomerMaxSurvivorCount} or less Unaboomers remain standing.
+

+
+ + + + +
+ + )} + +
{this.state.showStats && (

- Kill Leader:
- - {this.shorten(this.props.leaderAddress)} - -

-

- {this.props.leaderKillCount} kills + Kill Leader:
+ {this.props.leaderKillCount > 0 && ( + + {this.shorten(this.props.leaderAddress)} + + ) || "?"} +

+ {this.props.leaderKillCount > 0 && ( +

+ {this.props.leaderKillCount} kills +

+ )} +

Active Unaboomers: {this.props.unaboomersRadicalized - this.props.unaboomersKilled}
@@ -464,10 +482,11 @@ function Section3(props) { WTF

- This is a chain based game. There is a max supply of {options.unaboomerMaxSupply} Unaboomer tokens (BOOMR) and an infinite supply of Mailbomb tokens (BOMB). - Players will mint BOOMR and send BOMB to kill the other players. There is a pseudo-random element which may cause your bomb to malfuction, killing your own token.

- This is the first round of the game in which we select the fiercest warriors to lead the decentralized revolution. - There will be up to {options.unaboomerMaxSurvivorCount} survivors. The round will conclude when the survivor count has been reached.

+ This is a community-focused project with the first round being a chain based game to determine the entrants. There is a max supply of {options.unaboomerMaxSupply} Unaboomer tokens (BOOMR) and an infinite supply of Mailbomb tokens (BOMB). + Players will mint BOOMR and send BOMB to kill competing players. There is an element of randomness which may cause your bomb to be a dud, or worse, an accidental explosion, killing your token in the process.

+ + This is the first round of the game in which we select the entrants to lead the decentralized revolution. + There will be no more than {options.unaboomerMaxSurvivorCount} survivors. The round will conclude when the survivor count has been reached.

Godspeed.