diff --git a/public/original_manifesto.pdf b/public/original_manifesto.pdf new file mode 100644 index 0000000..6a21f42 Binary files /dev/null and b/public/original_manifesto.pdf differ diff --git a/src/img/bomb.png b/src/img/bomb.png new file mode 100644 index 0000000..14f4447 Binary files /dev/null and b/src/img/bomb.png differ diff --git a/src/img/explosion.png b/src/img/explosion.png new file mode 100644 index 0000000..7ed2502 Binary files /dev/null and b/src/img/explosion.png differ diff --git a/src/img/newspapers.png b/src/img/newspapers.png new file mode 100644 index 0000000..a14a276 Binary files /dev/null and b/src/img/newspapers.png differ diff --git a/src/styles/sections.css b/src/styles/sections.css index 413059f..bd63158 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -42,6 +42,29 @@ 0% { opacity: 0 } 25% { opacity: .05 } 50% { opacity: .10 } - 75% { opacity: .5 } + 75% { opacity: .2 } 100% { opacity: 1 } +} + +.mintContainer { + padding-top: 6em; + margin: 2em auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.mintItem { + height: 100%; + margin: 0 auto; +} + +.mintItem h1 { + margin: .5em; +} + +.mintItem p { + max-width: 40vh; + text-align: center; + margin: 0 auto 1em auto; } \ No newline at end of file diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index 8868dcd..f4e2f50 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -1,8 +1,12 @@ import React from 'react'; import Typewriter from 'react-ts-typewriter'; +import { Parallax } from 'react-parallax'; -import { Panel } from "./Panel"; +import { AwesomeButton } from 'react-awesome-button'; import Boomer from '../img/unaboomer.png'; +import Newspapers from '../img/newspapers.png'; +import Bomb from '../img/bomb.png'; +import Explosion from '../img/explosion.png'; import '../styles/sections.css'; @@ -20,11 +24,11 @@ export class Section1 extends React.Component { render() { return ( -
+

- +

- + Pixelated police sketch of the Unabomber suspect.
) @@ -33,22 +37,71 @@ export class Section1 extends React.Component { export function Section2() { return ( -
-
-

The Web3 Revolution and it's consequences have been a disaster for the human race.

-

ok

-
-
+ +
+
) } export function Section3() { return ( -
- +
+
+
+

Radicalize a Boomer

+

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

+ +

+ + mint (1 eth) + +

+
+
+

Assemble Bombs

+

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

+ +

+ + mint (1 eth) + +

+
+
+

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!

+ +

+ + mint (1 eth) + +

+
+
) -} \ No newline at end of file +} + +// export function Panel({ opacity, panelText, mintButtonText }) { +// const { isConnected } = useAccount(); +// const { config } = usePrepareSendTransaction({ +// request: { +// to: '0x653D2d1D10c79017b2eA5F5a6F02D9Ab6e725395', +// value: ethers.utils.parseEther('.1'), +// } +// }); +// const { isLoading, isSuccess, sendTransaction } = useSendTransaction(config); +// return ( +// +//

+// {panelText} +//

+//     

+// sendTransaction?.()}> +// {isConnected && !isLoading && (<>{mintButtonText})} +// +//

+// {isConnected && !isLoading && isSuccess && (

Thanks, nerd!

)} +// +// ) +// } \ No newline at end of file