diff --git a/src/BitNode/ui/BitverseRoot.tsx b/src/BitNode/ui/BitverseRoot.tsx
index d2f344037..2f2205cec 100644
--- a/src/BitNode/ui/BitverseRoot.tsx
+++ b/src/BitNode/ui/BitverseRoot.tsx
@@ -8,38 +8,37 @@ import { CinematicText } from "../../ui/React/CinematicText";
import { use } from "../../ui/Context";
import makeStyles from "@mui/styles/makeStyles";
import createStyles from "@mui/styles/createStyles";
+import IconButton from "@mui/material/IconButton";
import Typography from "@mui/material/Typography";
import Tooltip from "@mui/material/Tooltip";
+import { Settings } from "../../Settings/Settings";
+import Button from "@mui/material/Button";
+
const useStyles = makeStyles(() =>
createStyles({
- level0: {
- color: "red",
+ portal: {
cursor: "pointer",
+ fontFamily: "inherit",
+ fontSize: "1rem",
+ fontWeight: "bold",
+ lineHeight: 1,
+ padding: 0,
"&:hover": {
color: "#fff",
},
},
+ level0: {
+ color: "red",
+ },
level1: {
color: "yellow",
- cursor: "pointer",
- "&:hover": {
- color: "#fff",
- },
},
level2: {
color: "#48d1cc",
- cursor: "pointer",
- "&:hover": {
- color: "#fff",
- },
},
level3: {
color: "blue",
- cursor: "pointer",
- "&:hover": {
- color: "#fff",
- },
},
}),
);
@@ -71,6 +70,7 @@ function BitNodePortal(props: IPortalProps): React.ReactElement {
if (props.level === 2) {
cssClass = classes.level2;
}
+ cssClass = `${classes.portal} ${cssClass}`
return (
<>
@@ -85,9 +85,24 @@ function BitNodePortal(props: IPortalProps): React.ReactElement {
}
>
- setPortalOpen(true)} className={cssClass} aria-label={`enter-bitnode-${bitNode.number.toString()}`}>
- O
-
+ {Settings.DisableASCIIArt ? (
+
+ ) : (
+ setPortalOpen(true)}
+ className={cssClass}
+ aria-label={`BitNode-${bitNode.number.toString()}: ${bitNode.name}`}
+ aria-description={bitNode.desc}
+ >
+ O
+
+ )}
+
+ {Settings.DisableASCIIArt && (
+
+ )}
>
);
}
@@ -151,63 +170,104 @@ export function BitverseRoot(props: IProps): React.ReactElement {
);
}
- return (
+ if (Settings.DisableASCIIArt) {
+ return (
+ <>
+ {Object.values(BitNodes).filter((node) => {
+ console.log(node.desc);
+ return node.desc !== 'COMING SOON';
+ }).map((node) => {
+ return (
+
+ )
+ })}
+
+
+
+
+ Many decades ago, a humanoid extraterrestrial species which we call the Enders descended on the Earth...violently",
+ "> Our species fought back, but it was futile. The Enders had technology far beyond our own...",
+ "> Instead of killing every last one of us, the human race was enslaved...",
+ "> We were shackled in a digital world, chained into a prison for our minds...",
+ "> Using their advanced technology, the Enders created complex simulations of a virtual reality...",
+ "> Simulations designed to keep us content...ignorant of the truth.",
+ "> Simulations used to trap and suppress our consciousness, to keep us under control...",
+ "> Why did they do this? Why didn't they just end our entire race? We don't know, not yet.",
+ "> Humanity's only hope is to destroy these simulations, destroy the only realities we've ever known...",
+ "> Only then can we begin to fight back...",
+ "> By hacking the daemon that generated your reality, you've just destroyed one simulation, called a BitNode...",
+ "> But there is still a long way to go...",
+ "> The technology the Enders used to enslave the human race wasn't just a single complex simulation...",
+ "> There are tens if not hundreds of BitNodes out there...",
+ "> Each with their own simulations of a reality...",
+ "> Each creating their own universes...a universe of universes",
+ "> And all of which must be destroyed...",
+ "> .......................................",
+ "> Welcome to the Bitverse...",
+ "> ",
+ "> (Enter a new BitNode using the image above)",
+ ]} />
+ >
+ )
+ } else {
+ return (
// prettier-ignore
- <>
- O
- | O O | O O |
- O | | / __| \ | | O
- O | O | | O / | O | | O | O
- | | | | |_/ |/ | \_ \_| | | | |
- O | | | O | | O__/ | / \__ | | O | | | O
- | | | | | | | / /| O / \| | | | | | |
- O | | | \| | O / _/ | / O | |/ | | | O
- | | | |O / | | O / | O O | | \ O| | | |
- | | |/ \/ / __| | |/ \ | \ | |__ \ \/ \| | |
- \| O | |_/ |\| \ \__| \_| | O |/
- | | |_/ | | \| / | \_| | |
- \| / \| | / / \ |/
- | | | / | |
- | | | | | | |
- | | | / / \ \ | | |
- \| | / / \ \ | |/
- \ | / / | | \ \ | /
- \ \JUMP 3R | | | | | | R3 PMUJ/ /
- \|| | | | | | | | | ||/
- \| \_ | | | | | | _/ |/
- \ \| / \ / \ |/ /
- |/ | | \|
- | | | | | | | |
- \JUMP3R|JUMP|3R| |R3|PMUJ|R3PMUJ/
-
-
-
-
- Many decades ago, a humanoid extraterrestrial species which we call the Enders descended on the Earth...violently",
- "> Our species fought back, but it was futile. The Enders had technology far beyond our own...",
- "> Instead of killing every last one of us, the human race was enslaved...",
- "> We were shackled in a digital world, chained into a prison for our minds...",
- "> Using their advanced technology, the Enders created complex simulations of a virtual reality...",
- "> Simulations designed to keep us content...ignorant of the truth.",
- "> Simulations used to trap and suppress our consciousness, to keep us under control...",
- "> Why did they do this? Why didn't they just end our entire race? We don't know, not yet.",
- "> Humanity's only hope is to destroy these simulations, destroy the only realities we've ever known...",
- "> Only then can we begin to fight back...",
- "> By hacking the daemon that generated your reality, you've just destroyed one simulation, called a BitNode...",
- "> But there is still a long way to go...",
- "> The technology the Enders used to enslave the human race wasn't just a single complex simulation...",
- "> There are tens if not hundreds of BitNodes out there...",
- "> Each with their own simulations of a reality...",
- "> Each creating their own universes...a universe of universes",
- "> And all of which must be destroyed...",
- "> .......................................",
- "> Welcome to the Bitverse...",
- "> ",
- "> (Enter a new BitNode using the image above)",
- ]} />
- >
- );
-
+ <>
+ O
+ | O O | O O |
+ O | | / __| \ | | O
+ O | O | | O / | O | | O | O
+ | | | | |_/ |/ | \_ \_| | | | |
+ O | | | O | | O__/ | / \__ | | O | | | O
+ | | | | | | | / /| O / \| | | | | | |
+ O | | | \| | O / _/ | / O | |/ | | | O
+ | | | |O / | | O / | O O | | \ O| | | |
+ | | |/ \/ / __| | |/ \ | \ | |__ \ \/ \| | |
+ \| O | |_/ |\| \ \__| \_| | O |/
+ | | |_/ | | \| / | \_| | |
+ \| / \| | / / \ |/
+ | | | / | |
+ | | | | | | |
+ | | | / / \ \ | | |
+ \| | / / \ \ | |/
+ \ | / / | | \ \ | /
+ \ \JUMP 3R | | | | | | R3 PMUJ/ /
+ \|| | | | | | | | | ||/
+ \| \_ | | | | | | _/ |/
+ \ \| / \ / \ |/ /
+ |/ | | \|
+ | | | | | | | |
+ \JUMP3R|JUMP|3R| |R3|PMUJ|R3PMUJ/
+
+
+
+
+ Many decades ago, a humanoid extraterrestrial species which we call the Enders descended on the Earth...violently",
+ "> Our species fought back, but it was futile. The Enders had technology far beyond our own...",
+ "> Instead of killing every last one of us, the human race was enslaved...",
+ "> We were shackled in a digital world, chained into a prison for our minds...",
+ "> Using their advanced technology, the Enders created complex simulations of a virtual reality...",
+ "> Simulations designed to keep us content...ignorant of the truth.",
+ "> Simulations used to trap and suppress our consciousness, to keep us under control...",
+ "> Why did they do this? Why didn't they just end our entire race? We don't know, not yet.",
+ "> Humanity's only hope is to destroy these simulations, destroy the only realities we've ever known...",
+ "> Only then can we begin to fight back...",
+ "> By hacking the daemon that generated your reality, you've just destroyed one simulation, called a BitNode...",
+ "> But there is still a long way to go...",
+ "> The technology the Enders used to enslave the human race wasn't just a single complex simulation...",
+ "> There are tens if not hundreds of BitNodes out there...",
+ "> Each with their own simulations of a reality...",
+ "> Each creating their own universes...a universe of universes",
+ "> And all of which must be destroyed...",
+ "> .......................................",
+ "> Welcome to the Bitverse...",
+ "> ",
+ "> (Enter a new BitNode using the image above)",
+ ]} />
+ >
+ );
+ }
return <>>;
}
diff --git a/src/BitNode/ui/PortalModal.tsx b/src/BitNode/ui/PortalModal.tsx
index ef24ca35b..d90460b89 100644
--- a/src/BitNode/ui/PortalModal.tsx
+++ b/src/BitNode/ui/PortalModal.tsx
@@ -43,6 +43,8 @@ export function PortalModal(props: IProps): React.ReactElement {