From db29dbca7dd3f62efa7977007936b58bcca742e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuke=20=F0=9F=8C=84?= <nuke-web3@proton.me>
Date: Fri, 5 Jul 2024 21:35:27 +0200
Subject: [PATCH] hack: get background for all slides to be R0 world for now

---
 tools/styles/base-theme.css | 44 +++++++++++++++++++++++++++++--------
 tools/styles/r0-theme.css   |  2 +-
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/tools/styles/base-theme.css b/tools/styles/base-theme.css
index d9a76d6..e06e592 100644
--- a/tools/styles/base-theme.css
+++ b/tools/styles/base-theme.css
@@ -41,11 +41,19 @@
   --r-padding: 24px;
 }
 
+/* TODO place this in r0-theme, needs to work on local and hosted static site! */
+.reveal .slide-background-content {
+  background-image: url("/tools/assets/r0/r0_planet.svg");
+  background-size: contain;
+  opacity: 0.3;
+}
+
 /* box sizing;
 	https://css-tricks.com/box-sizing/#aa-universal-box-sizing-with-inheritance */
 html {
   box-sizing: border-box;
 }
+
 *,
 *:before,
 *:after {
@@ -92,7 +100,7 @@ section.has-light-background h6 {
 }
 
 .reveal .slides section,
-.reveal .slides section > section {
+.reveal .slides section>section {
   /* line-height: 1.3; */
   font-weight: inherit;
 }
@@ -257,54 +265,71 @@ nuke-flex[right] {
 .mermaid.size-10 {
   width: 10%;
 }
+
 .mermaid.size-20 {
   width: 20%;
 }
+
 .mermaid.size-30 {
   width: 30%;
 }
+
 .mermaid.size-40 {
   width: 40%;
 }
+
 .mermaid.size-50 {
   width: 50%;
 }
+
 .mermaid.size-60 {
   width: 60%;
 }
+
 .mermaid.size-70 {
   width: 70%;
 }
+
 .mermaid.size-80 {
   width: 80%;
 }
+
 .mermaid.size-90 {
   width: 90%;
 }
+
 .mermaid.size-110 {
   width: 110%;
 }
+
 .mermaid.size-120 {
   width: 120%;
 }
+
 .mermaid.size-130 {
   width: 130%;
 }
+
 .mermaid.size-140 {
   width: 140%;
 }
+
 .mermaid.size-150 {
   width: 150%;
 }
+
 .mermaid.size-160 {
   width: 160%;
 }
+
 .mermaid.size-170 {
   width: 170%;
 }
+
 .mermaid.size-180 {
   width: 180%;
 }
+
 .mermaid.size-190 {
   width: 190%;
 }
@@ -349,7 +374,7 @@ nuke-flex[right] {
   margin-left: -2em;
 }
 
-.reveal ul ~ ol {
+.reveal ul~ol {
   margin-left: 0;
 }
 
@@ -377,15 +402,15 @@ nuke-flex[right] {
   text-align: left;
 }
 
-.reveal ol > li {
+.reveal ol>li {
   counter-increment: count-ol;
 }
 
-.reveal * li ol > li {
+.reveal * li ol>li {
   counter-increment: count-ol-ol;
 }
 
-.reveal ul > li::before {
+.reveal ul>li::before {
   font-size: 0.8em;
   font-weight: bold;
   line-height: 1.75em;
@@ -397,7 +422,7 @@ nuke-flex[right] {
   color: var(--r-heading-color);
 }
 
-.reveal ol > li::before {
+.reveal ol>li::before {
   font-size: 0.75em;
   position: relative;
   font-family: monospace;
@@ -408,11 +433,11 @@ nuke-flex[right] {
   font-weight: bold;
 }
 
-.reveal ol > li::before {
+.reveal ol>li::before {
   content: counters(count-ol, '.') ': ';
 }
 
-.reveal * li ol > li::before {
+.reveal * li ol>li::before {
   content: counters(count-ol-ol, '.') ': ';
 }
 
@@ -428,6 +453,7 @@ nuke-flex[right] {
 .reveal blockquote * {
   margin: 0em !important;
 }
+
 .reveal q {
   font-style: italic;
 }
@@ -604,4 +630,4 @@ nuke-flex[right] {
   font-family: 'JetBrains Mono';
   font-style: italic;
   src: url('./fonts/jetbrains-mono/JetBrainsMono-Italic-VariableFont_wght.ttf') format('truetype');
-}
+}
\ No newline at end of file
diff --git a/tools/styles/r0-theme.css b/tools/styles/r0-theme.css
index 67b8311..cd78683 100644
--- a/tools/styles/r0-theme.css
+++ b/tools/styles/r0-theme.css
@@ -32,4 +32,4 @@
   background-image: url("/tools/assets/r0/r0_planet.svg");
   background-size: contain;
   opacity: 0.3;
-}
+}
\ No newline at end of file