OcttKB Cross-Repo Sync (HTML to Raw)

This commit is contained in:
octospacc 2024-02-04 16:22:47 +00:00
parent d49724d698
commit 434b9dcaad
11 changed files with 144 additions and 120 deletions

View File

@ -1,6 +1,6 @@
created: 20230206113426599
creator: Octt
modified: 20240129233143233
modified: 20240204160124125
modifier: Octt
tags:
title: TiddlyWiki/ThirdParty
@ -22,6 +22,8 @@ title: TiddlyWiki/ThirdParty
* [[The public musings of Soren Bjornstad (Zettelkasten)|https://zettelkasten.sorenbjornstad.com]]
* [[TiddlyMap|http://tiddlymap.org]] --- //Map drawing and topic visualization for your wiki!// --- [[[Git|https://github.com/felixhayashi/TW5-TiddlyMap]]]
* [[TiddlySeq|https://gk0wk.github.io/TiddlySeq/]] --- //Logseq-like TiddlyWiki Template// --- <<[ "[[Git|https://github.com/Gk0Wk/TiddlySeq]]">>
* [[TiddlyTables|https://tiddlytables.tiddlyspot.com/]] --- //plugin for building advanced sortable tables//, with built-in specific //Task-Manager//
** [[[TW5] Introducing TiddlyTables a plugin for creating sortable tables|https://groups.google.com/g/tiddlywiki/c/VFf0ZJW_Noo]]
* [[TiddlyTools for TW5|https://tiddlytools.com/]] --- //Small Tools for Big Ideas!™//
* [[Tobias Beer's Plugins and Resources|https://tobibeer.github.io]] --- [[[Profile|https://tobibeer.github.io/tb5/#Tobias%20Beer]]] [[[Git|https://github.com/tobibeer]]]
* [[TW5 CPL Wiki|https://tw-cpl.netlify.app]] --- //TiddlyWiki5 Plugin Library for TiddlyWiki Chinese Communities// --- <<[ "[[Drag to install|$:/config/TiddlyWiki-CPL/GitHub]]">>

View File

@ -1,6 +1,6 @@
created: 20230221204801305
creator: Octt
modified: 20240202000534255
modified: 20240204155347184
modifier: Octt
tags:
title: Web/Development
@ -47,6 +47,7 @@ title: Web/Development
** [[The Vanilla JS Toolkit|https://vanillajstoolkit.com/]] - //tools and snippets for working with JavaScript// (libraries, functions, polyfills, learning)
* [[Web Accessibility Developer Guide|https://www.accessibility-developer-guide.com/]]
* [[Using <style> tags in the <body> with other HTML|https://stackoverflow.com/questions/2830296/using-style-tags-in-the-body-with-other-html]] --- there once was a `scoped` attribute for `<style>` blocks, but it's nowadays deprecated and styles apply to all document elements despite their own position in the tree
* [[How do I disable the resizable property of a textarea?|https://stackoverflow.com/questions/5235142/how-do-i-disable-the-resizable-property-of-a-textarea]] --- CSS `resize: none;`
* [[MDX|https://mdxjs.com/]] --- //Markdown for the component era//

View File

@ -1,113 +1,8 @@
created: 20240203164756269
creator: Octt
modified: 20240204112212512
modified: 20240204123631907
modifier: Octt
tags:
tags: Fediverse
title: Fediverse Frontends Comparison
\define FilterRangeIndirect() [range[$(filterRangeStart)$,$(filterRangeEnd)$]]
\define TableEditable()
<$let
callerTiddler=<<currentTiddler>>
dataTiddler={{{[<callerTiddler>addprefix[$:/Data/TableEditable/]]}}}
tempTiddler={{{[<callerTiddler>addprefix[$:/temp/TableEditable/]]}}}
rowsNumber={{{[<dataTiddler>getindex[rowsNumber]]}}}
colsNumber={{{[<dataTiddler>getindex[colsNumber]]}}}
selectIndex1={{{[<tempTiddler>get[.select1]]}}}
>
<!-- TODO:
* update row/col selector when insert/delete some row/col
* implement all mentioned editing options
* move macro to dedicated tiddler
* row and col number headings?
-->
<$link to=<<dataTiddler>>>#</$link>
<label>
Rows:
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="rowsNumber"/>
</label>
<label>
Columns:
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="colsNumber"/>
</label>
<label style="display: block;">
Edit...
<$edit-text tag="input" type="number" tiddler=<<tempTiddler>> field=".select1"/>
<$button>
...Row Insert
<$let filterRangeStart=<<rowsNumber>> filterRangeEnd=<<selectIndex1>>>
<$list filter=<<FilterRangeIndirect>>>
<$let rowIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let colIndex=<<currentTiddler>> rowIndexNew={{{[<rowIndexOld>add[1]]}}}
cellIndexOld={{{[[/r]addsuffix<rowIndexOld>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
cellIndexNew={{{[[/r]addsuffix<rowIndexNew>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
</$let>
</$list>
</$let>
</$list>
</$let>
</$button>
<$button>
...Column Insert
<$let filterRangeStart=<<colsNumber>> filterRangeEnd=<<selectIndex1>>>
<$list filter=<<FilterRangeIndirect>>>
<$let colIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let rowIndex=<<currentTiddler>> colIndexNew={{{[<colIndexOld>add[1]]}}}
cellIndexOld={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexOld>addsuffix[/]]}}}
cellIndexNew={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexNew>addsuffix[/]]}}}
>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
</$let>
</$list>
</$let>
</$list>
</$let>
</$button>
<!--
<$button>
...Row Delete
</$button>
<$button>
...Column Delete
</$button>
-->
</label>
<div class="TableEditable"><table><tbody>
<$let filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let row=<<currentTiddler>>>
<tr>
<$let filterRangeStart="1" filterRangeEnd=<<colsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let col=<<currentTiddler>> cellIndex={{{[[/r]addsuffix<row>addsuffix[/c]addsuffix<col>addsuffix[/]]}}}>
<td title=<<cellIndex>>>
<$edit-text minHeight="1em" tiddler=<<dataTiddler>> index=<<cellIndex>>/>
</td>
</$let>
</$list>
</$let>
</tr>
</$let>
</$list>
</$let>
</tbody></table></div>
<style>
div.TableEditable {
overflow-x: auto;
}
div.TableEditable textarea {
border: 0;
resize: none;
}
</style>
</$let>
\end
<<TableEditable>>
<<EditableTable>>

View File

@ -0,0 +1,8 @@
created: 20240204143427407
creator: Octt
modified: 20240204143503230
modifier: Octt
tags:
title: HTML & CSS
* [[How to line-break from css, without using <br />?|https://stackoverflow.com/questions/2703601/how-to-line-break-from-css-without-using-br]] --- `white-space: pre-line;`

View File

@ -1,7 +1,7 @@
created: 20230202224901337
creator: Octt
icon: 📰
modified: 20240128235735551
modified: 20240204122208181
modifier: Octt
page-cover: https://images.unsplash.com/photo-1517134062979-e1234be8a085
tags: Web Markup
@ -24,6 +24,10 @@ title: HTML
* <<MDNLink Web/HTML/Element/dialog "<dialog>: The Dialog element">> --- //modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow//
** [[dialog-polyfill|https://github.com/GoogleChrome/dialog-polyfill]] --- //Polyfill for the HTML dialog element// --- <<[# Demo"https://googlechrome.github.io/dialog-polyfill/">>
!!! Tools
* [[HTML Tables Generator|https://www.htmltables.io/]] --- //Build and Style Tables The cool, modern way//
!! XHTML
* [[Practical guide to XHTML|https://www.nayuki.io/page/practical-guide-to-xhtml]]

View File

@ -1,6 +1,6 @@
created: 20230203223711243
creator: Octt
modified: 20231227012206962
modified: 20240204160648523
modifier: Octt
tags: $:/i18n:en Information Knowledge
title: Wiki
@ -8,5 +8,7 @@ title: Wiki
<<^wikipediaframe Wiki en>>
* //''[[BookStack|https://www.bookstackapp.com/]]'' is a simple, self-hosted, easy-to-use platform for organising and storing information.// --- <<[# Git"https://github.com/BookStackApp">>
* [[DokuWiki|https://www.dokuwiki.org/]] --- //simple to use and highly versatile Open Source wiki software that doesn't require a database// --- <<[# Git "https://github.com/dokuwiki/">>
* [[MediaWiki]]
* [[TiddlyWiki]]
* [[WikiDocs|https://www.wikidocs.it/]] --- //📗 Just a databaseless markdown flat-file wiki engine// --- <<[# Git "https://github.com/Zavy86/WikiDocs">>

View File

@ -1,12 +1,12 @@
created: 20240129095948486
creator: Octt
modified: 20240201203754580
modified: 20240204123532842
modifier: Octt
tags: $:/Apps
title: $:/Apps/MagicBox
\define SearchResults(fields)
<$list filter="[!is[system]search:$fields${$:/temp/Apps/MagicBox!!.input}sort[title]limit[100]]">
\define SearchResults(fields, filterDel:"[[]]")
<$list filter="[!is[system]search:$fields${$:/temp/Apps/MagicBox!!.input}sort[title]limit[100]] -$filterDel$">
<div class=`MagicBoxApplet result ${[{$:/state/Apps/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
<$button class="OcttKB-BorderFocus tc-btn-invisible">
<$action-sendmessage $message="tm-close-tiddler" $param=<<closeOnChoose>>/>
@ -111,5 +111,5 @@ title: $:/Apps/MagicBox
<div><br/><hr/><br/></div>
Tags or Text matches:
<br/><<SearchResults "tags,text">>
<br/><<SearchResults "tags,text" "[!is[system]search:title,caption{$:/temp/Apps/MagicBox!!.input}]">>
</$if>

View File

@ -0,0 +1,112 @@
created: 20240204115610391
creator: Octt
modified: 20240204120519575
modifier: Octt
tags: $:/tags/Macro
title: $:/Macros/EditableTable
\define FilterRangeIndirect() [range[$(filterRangeStart)$,$(filterRangeEnd)$]]
\define EditableTable(tableName)
<$let
callerTiddler={{{[[$tableName$]match[]then<currentTiddler>else[$tableName$]]}}}
dataTiddler={{{[<callerTiddler>addprefix[$:/Data/TableEditable/]]}}}
tempTiddler={{{[<callerTiddler>addprefix[$:/temp/TableEditable/]]}}}
rowsNumber={{{[<dataTiddler>getindex[rowsNumber]]}}}
colsNumber={{{[<dataTiddler>getindex[colsNumber]]}}}
selectIndex1={{{[<tempTiddler>get[.select1]]}}}
>
<!-- TODO:
* update row/col selector when insert/delete some row/col
* implement all mentioned editing options
* move macro to dedicated tiddler
* row and col number as table headings?
* sticky table headings or first row/col?
-->
<$link to=<<dataTiddler>>>#</$link>
<label>
Rows:
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="rowsNumber"/>
</label>
<label>
Columns:
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="colsNumber"/>
</label>
<label style="display: block;">
Edit...
<$edit-text tag="input" type="number" tiddler=<<tempTiddler>> field=".select1"/>
<$button>
...Row Insert
<$let filterRangeStart=<<rowsNumber>> filterRangeEnd=<<selectIndex1>>>
<$list filter=<<FilterRangeIndirect>>>
<$let rowIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let colIndex=<<currentTiddler>> rowIndexNew={{{[<rowIndexOld>add[1]]}}}
cellIndexOld={{{[[/r]addsuffix<rowIndexOld>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
cellIndexNew={{{[[/r]addsuffix<rowIndexNew>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
</$let>
</$list>
</$let>
</$list>
</$let>
</$button>
<$button>
...Column Insert
<$let filterRangeStart=<<colsNumber>> filterRangeEnd=<<selectIndex1>>>
<$list filter=<<FilterRangeIndirect>>>
<$let colIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let rowIndex=<<currentTiddler>> colIndexNew={{{[<colIndexOld>add[1]]}}}
cellIndexOld={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexOld>addsuffix[/]]}}}
cellIndexNew={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexNew>addsuffix[/]]}}}
>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
</$let>
</$list>
</$let>
</$list>
</$let>
</$button>
<!--
<$button>
...Row Delete
</$button>
<$button>
...Column Delete
</$button>
-->
</label>
<div class="EditableTable"><table><tbody>
<$let filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let row=<<currentTiddler>>>
<tr>
<$let filterRangeStart="1" filterRangeEnd=<<colsNumber>>>
<$list filter=<<FilterRangeIndirect>>>
<$let col=<<currentTiddler>> cellIndex={{{[[/r]addsuffix<row>addsuffix[/c]addsuffix<col>addsuffix[/]]}}}>
<td title=<<cellIndex>>>
<$edit-text minHeight="1em" tiddler=<<dataTiddler>> index=<<cellIndex>>/>
</td>
</$let>
</$list>
</$let>
</tr>
</$let>
</$list>
</$let>
</tbody></table></div>
<style>
div.EditableTable {
overflow-x: auto;
}
div.EditableTable textarea {
border: 0;
resize: none;
}
</style>
</$let>
\end

View File

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

View File

@ -1,6 +1,6 @@
created: 20240204093609710
creator: Octt
list:
modified: 20240204112916955
modified: 20240204160358787
modifier: Octt
title: $:/StoryList

View File

@ -1,6 +1,6 @@
created: 20220920092307479
creator: Octt
modified: 20240204112921940
modified: 20240204162205228
modifier: Octt
title: $:/state/tab/sidebar--595412856