fix(docs): restore images, data-theme now works

artalar · Jul 18, 2023 · 104b865 · 104b865
1 parent f401e07
commit 104b865
Show file tree

Hide file tree

Showing 14 changed files with 24 additions and 26 deletions.
diff --git a/docs/src/assets/logger_example.png → docs/public/assets/logger_example.png b/docs/src/assets/logger_example.png → docs/public/assets/logger_example.png
diff --git a/docs/src/assets/logo.png → docs/public/assets/logo.png b/docs/src/assets/logo.png → docs/public/assets/logo.png
diff --git a/docs/src/assets/logo_text.png → docs/public/assets/logo_text.png b/docs/src/assets/logo_text.png → docs/public/assets/logo_text.png
diff --git a/docs/src/assets/queues_dark1.png → docs/public/assets/queues_dark1.png b/docs/src/assets/queues_dark1.png → docs/public/assets/queues_dark1.png
diff --git a/docs/src/assets/queues_light1.png → docs/public/assets/queues_light1.png b/docs/src/assets/queues_light1.png → docs/public/assets/queues_light1.png
diff --git a/docs/public/styles/common.css b/docs/public/styles/common.css
@@ -23,10 +23,6 @@
   --aside-width: 18rem;
 }
 
-[data-theme='dark'] {
-  display: none;
-}
-
 @media (prefers-color-scheme: dark) {
   :root {
     --fg: var(--fg-default-dark);
@@ -35,13 +31,6 @@
     --bg1: var(--bg1-default-dark);
     --code-filter: var(--code-filter-default-dark);
   }
-
-  [data-theme='light'] {
-    display: none;
-  }
-  [data-theme='dark'] {
-    display: block;
-  }
 }
 
 @media (prefers-color-scheme: light) {
@@ -52,13 +41,6 @@
     --bg1: var(--bg1-default-light);
     --code-filter: var(--code-filter-default-light);
   }
-
-  [data-theme='light'] {
-    display: block;
-  }
-  [data-theme='dark'] {
-    display: none;
-  }
 }
 
 html {

diff --git a/docs/src/content/docs/compat/core-v2.md b/docs/src/content/docs/compat/core-v2.md
@@ -6,7 +6,9 @@ description: Reatom adapter for core-v2
 <div align="center">
 <br/>
 
-[![reatom logo](https://reatom.js.org/logos/logo.svg)](https://github.com/artalar/reatom/tree/v2)
+<a href="https://github.com/artalar/reatom/tree/v2">
+  <img src="/assets/logo_text.png" alt="reatom logo" width="100%" loading="lazy" />
+</a>
 
 </div>
 

diff --git a/docs/src/content/docs/compat/react-v2.md b/docs/src/content/docs/compat/react-v2.md
@@ -6,7 +6,9 @@ description: React bindings for @reatom/core-v2
 <div align="center">
 <br/>
 
-[![reatom logo](https://reatom.js.org/logos/logo.svg)](https://reatom.js.org)
+<a href="/">
+  <img src="/assets/logo_text.png" alt="reatom logo" width="100%" loading="lazy" />
+</a>
 
 </div>
 

diff --git a/docs/src/content/docs/guides/lifecycle.md b/docs/src/content/docs/guides/lifecycle.md
@@ -59,7 +59,7 @@ Here is a scheme of the execution order of the build-in queues.
 
 <!-- https://excalidraw.com/#json=NnnwgtZL8Euq_BpC4knMZ,ibz37ULiZzV0YmHPHpJsvQ -->
 
-<img data-theme="light" src="/assets/queues_light1.png" width="100%" alt="scheme of update propagation flow and lifecycle hooks">
-<img data-theme="dark" src="/assets/queues_dark1.png" width="100%" alt="scheme of update propagation flow and lifecycle hooks">
+<img data-theme="light" src="/assets/queues_light1.png" width="100%" alt="scheme of update propagation flow and lifecycle hooks" loading="lazy" />
+<img data-theme="dark" src="/assets/queues_dark1.png" width="100%" alt="scheme of update propagation flow and lifecycle hooks" loading="lazy" />
 
 <br>
diff --git a/docs/src/content/docs/package/logger.md b/docs/src/content/docs/package/logger.md
@@ -57,4 +57,4 @@ Every log record includes a number in the start of the name to fix autosorting k
 
 Here is how it looks like ([from this example](/examples#search-component)):
 
-<img width="100%" alt="logger console output" src="/assets/logger_example.png">
+<img loading="lazy" width="100%" alt="logger console output" src="/assets/logger_example.png">
diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
@@ -1,3 +1,11 @@
 :root {
   --sl-color-accent: hsl(247deg 50% 30%) !important;
 }
+
+html[data-theme="light"] img[data-theme="dark"] {
+  display: none;
+}
+
+html[data-theme="dark"] img[data-theme="light"] {
+  display: none;
+}
diff --git a/packages/core-v2/README.md b/packages/core-v2/README.md
@@ -1,7 +1,9 @@
 <div align="center">
 <br/>
 
-[![reatom logo](https://reatom.js.org/logos/logo.svg)](https://github.com/artalar/reatom/tree/v2)
+<a href="https://github.com/artalar/reatom/tree/v2">
+  <img src="https://www.reatom.dev/assets/logo_text.png" alt="reatom logo" width="100%" loading="lazy" />
+</a>
 
 </div>
 

diff --git a/packages/logger/README.md b/packages/logger/README.md
@@ -52,4 +52,4 @@ Every log record includes a number in the start of the name to fix autosorting k
 
 Here is how it looks like ([from this example](https://www.reatom.dev/examples#search-component)):
 
-<img width="100%" alt="logger console output" src="../../docs/public/assets/logger_example.png">
+<img loading="lazy" width="100%" alt="logger console output" src="https://www.reatom.dev/assets/logger_example.png">
diff --git a/packages/react-v2/README.md b/packages/react-v2/README.md
@@ -1,7 +1,9 @@
 <div align="center">
 <br/>
 
-[![reatom logo](https://reatom.js.org/logos/logo.svg)](https://reatom.js.org)
+<a href="https://www.reatom.dev/">
+  <img src="https://www.reatom.dev/assets/logo_text.png" alt="reatom logo" width="100%" loading="lazy" />
+</a>
 
 </div>