Merge pull request #36 from maxwroc/FixImport

Fixed import from external packages
maxwroc · Dec 26, 2021 · 8168a6e · 8168a6e
2 parents 1e2b390 + d4af85a
commit 8168a6e
Show file tree

Hide file tree

Showing 5 changed files with 95 additions and 46 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -10,6 +10,14 @@
                 --secondary-bgcolor: #222;
             }
 
+            a,
+            a:active {
+                color: var(--primary-color);
+            }
+            a:visited {
+                color: var(--secondary-color);
+            }
+
             .container {
                 border-radius: 10px;
                 padding: 10px;
@@ -118,8 +126,13 @@
             .plugin > input:checked + textarea {
                 display: initial;
             }
-
 
+            .d-flex {
+                display: flex;
+                gap: 10px;
+                margin-bottom: 10px;
+            }
+
             @media screen and (max-width: 1000px) {
                 body {
                     padding: 0;
@@ -145,6 +158,17 @@
                 <div id="header" class="container"><span data-rotate="json,sonj"></span>-<span data-rotate="viewer,review"></span></div>
                 <div class="content container">
                     <h1>Yet another JSON viewer</h1>
+                    <h2>Source</h2>
+                    <div class="d-flex">
+                        <div>
+                            <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                                <path fill="currentColor" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" />
+                            </svg>
+                        </div>
+                        <div>
+                            <a href="https://github.com/maxwroc/sonj-review">maxwroc/sonj-review</a>
+                        </div>
+                    </div>
                     <h2>Features</h2>
                     <ul>
                         <li>View any size of JSON as long your browser can parse/load it</li>
@@ -167,6 +191,27 @@ <h2>Try it yourself</h2>
 
                     <p>Plugins</p>
                     <div id="plugin-container"></div>
+                    <h2>Download</h2>
+                    <div class="d-flex">
+                        <div>
+                            <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                                <path fill="currentColor" d="M4,10V14H6V11H7V14H8V10H4M9,10V15H11V14H13V10H9M12,11V13H11V11H12M14,10V14H16V11H17V14H18V11H19V14H20V10H14M3,9H21V15H12V16H8V15H3V9Z" />
+                            </svg>
+                        </div>
+                        <div>
+                            <a href="https://www.npmjs.com/package/sonj-review">package/sonj-review</a>
+                        </div>
+                    </div>
+                    <div class="d-flex">
+                        <div>
+                            <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                                <path fill="currentColor" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" />
+                            </svg>
+                        </div>
+                        <div>
+                            <a href="https://github.com/maxwroc/sonj-review/releases">maxwroc/sonj-review/releases</a>
+                        </div>
+                    </div>
                     <h2>Info</h2>
                     <p></p>
                     <p>Default theme is based on the chrome dev tools JSON colors.</p>

diff --git a/docs/sonj-review.js b/docs/sonj-review.js