update style of children tutorials

ankitskvmdam · Jan 21, 2024 · edeee60 · edeee60
1 parent fa4b050
commit edeee60
Show file tree

Hide file tree

Showing 57 changed files with 178 additions and 74 deletions.
diff --git a/demo/src/tutorials/AgentArray.html → demo/src/tutorials/a.html b/demo/src/tutorials/AgentArray.html → demo/src/tutorials/a.html
diff --git a/demo/src/tutorials/Apple.html → demo/src/tutorials/b.html b/demo/src/tutorials/Apple.html → demo/src/tutorials/b.html
diff --git a/demo/src/tutorials/tutorials.json b/demo/src/tutorials/tutorials.json
@@ -1,14 +1,21 @@
 {
-    "Alive": {
-        "title": "Alive"
+    "z": {
+        "title": "Alive Tutorial",
+        "children": [
+            "b",
+            "z"
+        ]
     },
-    "Apple": {
-        "title": "Apple"
+    "b": {
+        "title": "Apple Tutorial"
     },
-    "Environment": {
-        "title": "Environment"
+    "a": {
+        "title": "Environment Tutorial",
+        "children": [
+            "za"
+        ]
     },
-    "Other": {
+    "za": {
         "title": "Other"
     }
 }
diff --git a/demo/src/tutorials/Environment.html → demo/src/tutorials/z.html b/demo/src/tutorials/Environment.html → demo/src/tutorials/z.html
diff --git a/demo/src/tutorials/Alive.html → demo/src/tutorials/za.html b/demo/src/tutorials/Alive.html → demo/src/tutorials/za.html
diff --git a/demo/src/tutorials/Other.html → demo/src/tutorials/zza.html b/demo/src/tutorials/Other.html → demo/src/tutorials/zza.html
diff --git a/output/v4/AgentArray.html b/output/v4/AgentArray.html
diff --git a/output/v4/Alive.html b/output/v4/Alive.html
diff --git a/output/v4/Alive.js.html b/output/v4/Alive.js.html
diff --git a/output/v4/Apple.html b/output/v4/Apple.html
diff --git a/output/v4/Apple.js.html b/output/v4/Apple.js.html
diff --git a/output/v4/Database.html b/output/v4/Database.html
diff --git a/output/v4/Energy.html b/output/v4/Energy.html
diff --git a/output/v4/Energy.js.html b/output/v4/Energy.js.html
diff --git a/output/v4/Environment.html b/output/v4/Environment.html
diff --git a/output/v4/Environment.js.html b/output/v4/Environment.js.html
diff --git a/output/v4/HideConstructor.js.html b/output/v4/HideConstructor.js.html
diff --git a/output/v4/Modules.js.html b/output/v4/Modules.js.html
diff --git a/output/v4/NamespaceWithAlias.js.html b/output/v4/NamespaceWithAlias.js.html
diff --git a/output/v4/Statement.html b/output/v4/Statement.html
diff --git a/output/v4/StatementIterator.html b/output/v4/StatementIterator.html
diff --git a/output/v4/Test.html b/output/v4/Test.html
diff --git a/output/v4/Tree.html b/output/v4/Tree.html
diff --git a/output/v4/Tree.js.html b/output/v4/Tree.js.html
diff --git a/output/v4/World.html b/output/v4/World.html
diff --git a/output/v4/World.js.html b/output/v4/World.js.html
diff --git a/output/v4/agentscript.js.html b/output/v4/agentscript.js.html
diff --git a/output/v4/api.js.html b/output/v4/api.js.html
diff --git a/output/v4/global.html b/output/v4/global.html
diff --git a/output/v4/index.html b/output/v4/index.html
diff --git a/output/v4/module-SqlJs.html b/output/v4/module-SqlJs.html
diff --git a/output/v4/module-bookshelf.Book.html b/output/v4/module-bookshelf.Book.html
diff --git a/output/v4/module-bookshelf.html b/output/v4/module-bookshelf.html
diff --git a/output/v4/module-color_mixer-Colour.html b/output/v4/module-color_mixer-Colour.html
diff --git a/output/v4/module-color_mixer.html b/output/v4/module-color_mixer.html
diff --git a/output/v4/obj.map.html b/output/v4/obj.map.html
diff --git a/output/v4/pieOptions.html b/output/v4/pieOptions.html
diff --git a/output/v4/styles/clean-jsdoc-theme-base.css b/output/v4/styles/clean-jsdoc-theme-base.css
@@ -973,3 +973,21 @@ pre {
         visibility: hidden;
     }
 }
+
+.child-tutorial-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.child-tutorial {
+    border: 1px solid;
+    padding: 10px 16px;
+    border-radius: 10px;
+    margin: 5px;
+    display: block;
+}
+
+.child-tutorial:hover {
+    text-decoration: none;
+}
diff --git a/output/v4/styles/clean-jsdoc-theme-dark.css b/output/v4/styles/clean-jsdoc-theme-dark.css
@@ -405,3 +405,12 @@ blockquote {
     background: #555;
     outline: 0.06125rem solid #555;
 }
+
+.child-tutorial {
+    border-color: #555;
+    color: #f3f3f3;
+}
+
+.child-tutorial:hover {
+    background: #222;
+}
diff --git a/output/v4/styles/clean-jsdoc-theme-light.css b/output/v4/styles/clean-jsdoc-theme-light.css
@@ -386,3 +386,12 @@ body.light {
     background: #aaa;
     outline: 0.06125rem solid #aaa;
 }
+
+.light .child-tutorial {
+    border-color: #aaa;
+    color: #222;
+}
+
+.light .child-tutorial:hover {
+    background: #ccc;
+}
diff --git a/output/v4/styles/clean-jsdoc-theme.min.css b/output/v4/styles/clean-jsdoc-theme.min.css
diff --git a/output/v4/tutorial-AgentArray_.html b/output/v4/tutorial-AgentArray_.html
diff --git a/output/v4/tutorial-Alive_.html b/output/v4/tutorial-Alive_.html
diff --git a/output/v4/tutorial-Apple_.html b/output/v4/tutorial-Apple_.html
diff --git a/output/v4/tutorial-Environment_.html b/output/v4/tutorial-Environment_.html
diff --git a/output/v4/tutorial-Other.html b/output/v4/tutorial-Other.html
diff --git a/output/v4/tutorial-a.html b/output/v4/tutorial-a.html
diff --git a/output/v4/tutorial-b.html b/output/v4/tutorial-b.html
diff --git a/output/v4/tutorial-z.html b/output/v4/tutorial-z.html
diff --git a/output/v4/tutorial-za.html b/output/v4/tutorial-za.html
diff --git a/output/v4/tutorial-zza.html b/output/v4/tutorial-zza.html
diff --git a/publish.js b/publish.js
@@ -732,6 +732,7 @@ exports.publish = async function (taffyData, opts, tutorials) {
                 };
             });
         }
+
         if (doclet.see) {
             doclet.see.forEach(function (seeItem, i) {
                 doclet.see[i] = hashToLink(doclet, seeItem);

diff --git a/static/styles/clean-jsdoc-theme-base.css b/static/styles/clean-jsdoc-theme-base.css
@@ -973,3 +973,21 @@ pre {
         visibility: hidden;
     }
 }
+
+.child-tutorial-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.child-tutorial {
+    border: 1px solid;
+    padding: 10px 16px;
+    border-radius: 10px;
+    margin: 5px;
+    display: block;
+}
+
+.child-tutorial:hover {
+    text-decoration: none;
+}
diff --git a/static/styles/clean-jsdoc-theme-dark.css b/static/styles/clean-jsdoc-theme-dark.css
@@ -405,3 +405,12 @@ blockquote {
     background: #555;
     outline: 0.06125rem solid #555;
 }
+
+.child-tutorial {
+    border-color: #555;
+    color: #f3f3f3;
+}
+
+.child-tutorial:hover {
+    background: #222;
+}
diff --git a/static/styles/clean-jsdoc-theme-light.css b/static/styles/clean-jsdoc-theme-light.css
@@ -386,3 +386,12 @@ body.light {
     background: #aaa;
     outline: 0.06125rem solid #aaa;
 }
+
+.light .child-tutorial {
+    border-color: #aaa;
+    color: #222;
+}
+
+.light .child-tutorial:hover {
+    background: #ccc;
+}
diff --git a/static/styles/clean-jsdoc-theme.min.css b/static/styles/clean-jsdoc-theme.min.css
diff --git a/tmpl/tutorial.tmpl b/tmpl/tutorial.tmpl
@@ -1,14 +1,7 @@
 <section>
 
 <header>
-    <?js if (children.length > 0) { ?>
-    <ul><?js
-        var self = this;
-        children.forEach(function(t) { ?>
-        <li><?js= self.tutoriallink(t.name) ?></li>
-    <?js }); ?></ul>
-    <?js } ?>
-
+
     <h2><?js= header ?></h2>
 </header>
 
@@ -21,3 +14,19 @@
 
 <?js= this.partial('include-target-script-and-styles.tmpl', filename) ?>
 
+
+<?js if (children.length > 0) { ?>
+<br><br>
+
+<div class="child-tutorial-container">
+    <?js
+        var self = this;
+        children.forEach(function(t) {
+            let link = self.tutoriallink(t.name).replaceAll(/<a href=/g, "").replaceAll(/>.*/g,"")
+    ?>
+        <a href=<?js= link ?> class="child-tutorial">
+           <?js= t.name ?> 
+        </a>
+    <?js }); ?>
+</div>
+<?js } ?>