OcttKB Cross-Repo Sync (HTML to Raw)

Wiki-OcttKB/tiddlers/System/Apps/_MagicBox.tid

@@ -1,18 +1,21 @@
+.context: 1
+.type: masonry
+.width: 24
 created: 20240129095948486
 creator: Octt
-modified: 20240129125736163
+modified: 20240129135204381
 modifier: Octt
 tags: $:/Apps
 title: $:/Apps/MagicBox
 
 \define SearchResults(fields)
 <$list filter="[!is[system]search:$fields${$:/temp/MagicBox!!.input}sort[title]limit[150]]">
-	<div class=`MagicBoxResult ${[{$:/temp/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
+	<div class=`MagicBoxResult ${[{$:/Apps/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
 		<$link to={{!!title}}>
 			<h3>
 				<$link to={{!!title}}/>
 			</h3>
-			<$if value={{$:/temp/MagicBox!!.context}}>
+			<$if value={{$:/Apps/MagicBox!!.context}}>
 				<$context term={{$:/temp/MagicBox!!.input}}/>
 			</$if>
 		</$link>
@@ -22,10 +25,10 @@ title: $:/Apps/MagicBox
 
 <div>
 	<$edit-text tiddler="$:/temp/MagicBox" field=".input" placeholder="Search..."/>
-	<$checkbox tiddler="$:/temp/MagicBox" field=".context" checked="1">Context</$checkbox>
-	<!--<$edit-text tiddler="$:/temp/MagicBox" field=".type" placeholder="Display Type"/>-->
-	<$checkbox tiddler="$:/temp/MagicBox" field=".type" checked="grid">Fixed Grid</$checkbox>
-	<$range tiddler="$:/temp/MagicBox" field=".width" min="33" max="49"/>
+	<$checkbox field=".context" checked="1">Context</$checkbox>
+	<!--<$edit-text field=".type" placeholder="Display Type"/>-->
+	<$checkbox field=".type" checked="grid" unchecked="masonry">Fixed Grid</$checkbox>
+	<$range field=".width" min="24" max="49"/>{{!!.width}}%
 </div>
 
 <style>
@@ -34,11 +37,15 @@ title: $:/Apps/MagicBox
 		display: inline-block;
 		background-color: lightgray;
 		background-size: cover;
-		aspect-ratio: 16/9;
-		max-width: calc({{$:/temp/MagicBox!!.width}}% - 16px);
+		background-position: center;
 	}
 	.MagicBoxResult.grid {
-		width: calc(33% - 16px);
+		width: calc({{!!.width}}% - 16px);
+		aspect-ratio: 16/9;
+		vertical-align: top;
+	}
+	.MagicBoxResult.masonry {
+		max-width: calc({{!!.width}}% - 16px);
 	}
 	.MagicBoxResult h3 {
 		margin-top: 25%;
@@ -48,7 +55,7 @@ title: $:/Apps/MagicBox
 	}
 	.MagicBoxResult pre {
 		color: initial;
-		max-height: 10em;
+		max-height: 7em;
 		overflow-y: auto;
 		margin: 0;
 		top: 1em;

Wiki-OcttKB/tiddlers/System/_HistoryList.json.meta

@@ -1,5 +1,5 @@
-created: 20240129130848548
+created: 20240129140126456
 current-tiddler: GettingStarted
-modified: 20240129130848548
+modified: 20240129140126456
 title: $:/HistoryList
 type: application/json

Wiki-OcttKB/tiddlers/System/_StoryList.tid

@@ -1,6 +1,6 @@
-created: 20240129112639085
+created: 20240129132106430
 creator: Octt
 list: 
-modified: 20240129125711061
+modified: 20240129135852455
 modifier: Octt
 title: $:/StoryList

Wiki-OcttKB/tiddlers/System/state/_sidebar.tid

@@ -1,6 +1,6 @@
 created: 20220920174307633
 creator: Octt
-modified: 20231221152237213
+modified: 20240129133637373
 modifier: Octt
 title: $:/state/sidebar
 

Wiki-OcttKB/tiddlers/System/state/_tab-1749438307.tid

@@ -1,7 +1,7 @@
 created: 20220920090405977
 creator: Octt
-modified: 20240129120243906
+modified: 20240129132112208
 modifier: Octt
 title: $:/state/tab-1749438307
 
-$:/core/ui/ControlPanel/Appearance
+$:/core/ui/ControlPanel/Plugins

Wiki-OcttKB/tiddlers/System/state/folded/$/Apps/_MagicBox.tid

@@ -0,0 +1,7 @@
+created: 20240129133329652
+creator: Octt
+modified: 20240129133330404
+modifier: Octt
+title: $:/state/folded/$:/Apps/MagicBox
+
+show

Wiki-OcttKB/tiddlers/System/state/toc/$/ToC-$/_Apps--1697730578.tid

@@ -1,6 +1,6 @@
 created: 20230817233312379
 creator: Octt
-modified: 20240129125712407
+modified: 20240129133310010
 modifier: Octt
 title: $:/state/toc/$:/ToC-$:/Apps--1697730578