├── .gitignore ├── source ├── shiraz-formatter │ ├── styles │ │ ├── other.css │ │ ├── other.css.meta │ │ ├── button.css.meta │ │ ├── button-color.tid │ │ └── button.css │ ├── config │ │ ├── text-colors.txt.meta │ │ ├── highlight-colors.txt.meta │ │ ├── text-colors.txt │ │ └── highlight-colors.txt │ ├── snippets │ │ ├── badge.tid │ │ ├── alert.tid │ │ ├── details.tid │ │ ├── slider.tid │ │ ├── multi-column-layout.tid │ │ ├── badge-status.tid │ │ ├── alert-leftbar.tid │ │ ├── colorful-link.tid │ │ ├── image-card.tid │ │ ├── image-polaroid.tid │ │ ├── image-pretty.tid │ │ ├── list-search.tid │ │ ├── table-quick.tid │ │ ├── card.tid │ │ └── table-dynamic.tid │ ├── history.tid │ ├── readme.tid │ ├── plugin.info │ ├── ui │ │ └── EditorToolbar │ │ │ ├── format.tid │ │ │ └── format-dropdown.tid │ └── license.tid ├── shiraz │ ├── styles │ │ ├── bs │ │ │ ├── clearfix.css │ │ │ ├── badge.css.meta │ │ │ ├── btn.css.meta │ │ │ ├── card.css.meta │ │ │ ├── float.css.meta │ │ │ ├── alerts.css.meta │ │ │ ├── borders.css.meta │ │ │ ├── shadow.css.meta │ │ │ ├── card-deck.css.meta │ │ │ ├── card-group.css.meta │ │ │ ├── clearfix.css.meta │ │ │ ├── card-column.css.meta │ │ │ ├── text-colors.css.meta │ │ │ ├── text-utility.css.meta │ │ │ ├── my-adjustment.css.meta │ │ │ ├── sizing-spacing.css.meta │ │ │ ├── text-alignment.css.meta │ │ │ ├── background-colors.css.meta │ │ │ ├── float.css │ │ │ ├── my-adjustment.css │ │ │ ├── shadow.css │ │ │ ├── text-alignment.css │ │ │ ├── card-column.css │ │ │ ├── card-deck.css │ │ │ ├── alerts.css │ │ │ ├── text-colors.css │ │ │ ├── text-utility.css │ │ │ ├── background-colors.css │ │ │ ├── borders.css │ │ │ ├── card-group.css │ │ │ ├── badge.css │ │ │ ├── card.css │ │ │ ├── sizing-spacing.css │ │ │ └── btn.css │ │ ├── multicols │ │ │ ├── storyriver.css.meta │ │ │ ├── flex backup.css.meta │ │ │ ├── flex.css.meta │ │ │ ├── column.css.meta │ │ │ ├── storyriver.css │ │ │ ├── flex backup.css │ │ │ ├── flex.css │ │ │ └── column.css │ │ ├── csvtable.css.meta │ │ ├── dbadge.css.meta │ │ ├── notebook.css.meta │ │ ├── tables.css.meta │ │ ├── highlight.css.meta │ │ ├── ui │ │ │ ├── edit-toolbar-buttons.css.meta │ │ │ ├── colorify-buttons.css.meta │ │ │ ├── view-toolbar-button-visibility.css.meta │ │ │ ├── edit-toolbar-buttons.css │ │ │ ├── view-toolbar-button-visibility.css │ │ │ └── colorify-buttons.css │ │ ├── clear-float.css.meta │ │ ├── csvtable-star.css.meta │ │ ├── image-basic.css.meta │ │ ├── image-overlay.css.meta │ │ ├── image-pretty.css.meta │ │ ├── image-slidein.css.meta │ │ ├── sticky-footer.css.meta │ │ ├── alerts-leftbar.css.meta │ │ ├── csvtable-katex.css.meta │ │ ├── details-slider.css.meta │ │ ├── dynamic-tables.css.meta │ │ ├── image-alignment.css.meta │ │ ├── image-polaroid.css.meta │ │ ├── colorful-sidebar-tab.css.meta │ │ ├── tiddler-title-class.css.meta │ │ ├── alerts-leftbar.css │ │ ├── image-basic.css │ │ ├── csvtable-star.css │ │ ├── colorful-sidebar-tab.css │ │ ├── bglowtone-colors.css.meta │ │ ├── sticky-footer.css │ │ ├── csvtable.css │ │ ├── highlight.css │ │ ├── csvtable-katex.css │ │ ├── image-alignment.css │ │ ├── mono.tid │ │ ├── image-polaroid.css │ │ ├── clear-float.css │ │ ├── image-pretty.css │ │ ├── tiddler-title-class.css │ │ ├── details-slider.css │ │ ├── bglowtone-colors.css │ │ ├── dynamic-tables-var.tid │ │ ├── dbadge.css │ │ ├── notebook.css │ │ ├── image-slidein.css │ │ ├── image-overlay.css │ │ ├── tables.css │ │ └── dynamic-tables.css │ ├── language │ │ └── Buttons │ │ │ └── Shiraz │ │ │ ├── Hint.tid │ │ │ └── Caption.tid │ ├── templates │ │ ├── footer │ │ │ ├── tbl-expand.tid │ │ │ ├── tbl-clone.tid │ │ │ ├── tbl-delete.tid │ │ │ └── default.tid │ │ ├── body │ │ │ ├── title.tid │ │ │ ├── date.tid │ │ │ ├── type.tid │ │ │ ├── tbl-delete.tid │ │ │ ├── tbl-clone.tid │ │ │ ├── default.tid │ │ │ ├── tbl-expand.tid │ │ │ ├── tags.tid │ │ │ ├── tbl-checkbox.tid │ │ │ ├── tbl-linktype.tid │ │ │ ├── color.tid │ │ │ ├── email.tid │ │ │ ├── status.tid │ │ │ ├── due-date.tid │ │ │ ├── tag-template.tid │ │ │ └── priority.tid │ │ └── header │ │ │ ├── tbl-linktype.tid │ │ │ ├── tbl-expand.tid │ │ │ ├── tbl-clone.tid │ │ │ ├── tbl-delete.tid │ │ │ ├── tbl-checkbox.tid │ │ │ └── default.tid │ ├── macros │ │ ├── multicol.tid │ │ ├── space.tid │ │ ├── dbadge.tid │ │ ├── badge.tid │ │ ├── csvtables │ │ │ ├── formats-basic.tid │ │ │ ├── formats-misc.tid │ │ │ ├── formats-date.tid │ │ │ ├── formats-math.tid │ │ │ ├── apps.tid │ │ │ ├── formats-task.tid │ │ │ ├── table-csv-utility.tid │ │ │ └── table-csv.tid │ │ ├── image-basic.tid │ │ ├── image-polaroid.tid │ │ ├── image-pretty.tid │ │ ├── image-slidein.tid │ │ ├── alerts.tid │ │ ├── details.tid │ │ ├── dtables │ │ │ ├── toggle-edit-view.tid │ │ │ ├── maths.tid │ │ │ ├── show-edit-cell.tid │ │ │ ├── tbl-expand.tid │ │ │ ├── helper.tid │ │ │ ├── pagination.tid │ │ │ ├── warning_message.tid │ │ │ ├── confirm-delete.tid │ │ │ ├── table-utility.tid │ │ │ └── table-dynamic.tid │ │ ├── image-overlay.tid │ │ ├── text-utility.tid │ │ ├── card.tid │ │ ├── slider.tid │ │ ├── list-search.tid │ │ └── image-card.tid │ ├── images │ │ └── palette-switch.tid │ ├── viewtemplates │ │ └── sticky-footer.tid │ ├── plugin.info │ ├── readme.tid │ ├── license.tid │ ├── history.tid │ └── ui │ │ ├── Buttons │ │ └── SwitchPalette.tid │ │ ├── ControlPanel │ │ └── Settings.tid │ │ └── set-palette.tid └── shiraz-callout │ ├── styles │ ├── svg-icon.css │ ├── skin.css.meta │ ├── theme.css.meta │ ├── types.css.meta │ ├── details.css.meta │ ├── structure.css.meta │ ├── svg-icon.css.meta │ ├── theme.css │ ├── skin.css │ ├── structure.css │ ├── details.css │ └── types.css │ ├── images │ ├── chevron.tid │ ├── success.tid │ ├── danger.tid │ ├── failure.tid │ ├── note.tid │ ├── info.tid │ ├── todo.tid │ ├── question.tid │ ├── tip.tid │ ├── warning.tid │ ├── bug.tid │ ├── example.tid │ ├── abstract.tid │ └── quote.tid │ ├── history.tid │ ├── plugin.info │ ├── readme.tid │ ├── macros │ ├── callout.tid │ └── callout-details.tid │ └── license.tid ├── CITATION.cff ├── README.md └── packaged ├── shiraz-formatter.tid └── shiraz-callout.tid /.gitignore: -------------------------------------------------------------------------------- 1 | docs\backups\ 2 | -------------------------------------------------------------------------------- /source/shiraz-formatter/styles/other.css: -------------------------------------------------------------------------------- 1 | .kk-sh-formatter-label { 2 | margin-bottom:10px; 3 | width:100%; 4 | } 5 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/clearfix.css: -------------------------------------------------------------------------------- 1 | .clearfix::after { 2 | display: block; 3 | clear: both; 4 | content: ""; 5 | } -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/storyriver.css.meta: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/styles/multicols/storyriver 2 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/badge.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/badge 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/btn.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/btn 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/card 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/float.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/float 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/csvtable 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/dbadge.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/dbadge 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/flex backup.css.meta: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/styles/multicols/flex backup 2 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/notebook.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/notebook 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/tables.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/tables 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/svg-icon.css: -------------------------------------------------------------------------------- 1 | /* enlarge svg icon of callout */ 2 | .callout-icon svg{ 3 | height:1.2em; 4 | width:1.2em; 5 | } -------------------------------------------------------------------------------- /source/shiraz/styles/bs/alerts.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/alerts 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/borders.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/borders 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/shadow.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/shadow 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/highlight.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/highlight 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/ui/edit-toolbar-buttons.css.meta: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/styles/ui/edit-toolbar-buttons 2 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/skin.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/skin 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/theme.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/theme 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/types.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/types 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-formatter/config/text-colors.txt.meta: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-formatter/config/text-colors 3 | type: text/plain -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-deck.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/card-deck 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-group.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/card-group 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/clearfix.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/clearfix 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/clear-float.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/clear-float 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable-star.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/csvtable-star 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-basic.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-basic 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-overlay.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-overlay 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-pretty.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-pretty 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-slidein.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-slidein 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/sticky-footer.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/sticky-footer 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/details.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/details 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-formatter/styles/other.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-formatter/styles/other 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/alerts-leftbar.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/alerts-leftbar 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-column.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/card-column 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-colors.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/text-colors 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-utility.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/text-utility 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable-katex.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/csvtable-katex 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/details-slider.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/details-slider 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/dynamic-tables.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/dynamic-tables 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-alignment.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-alignment 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/image-polaroid.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/image-polaroid 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/flex.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/multicols/flex 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/structure.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/structure 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-callout/styles/svg-icon.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-callout/styles/svg-icon 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-formatter/config/highlight-colors.txt.meta: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-formatter/config/highlight-colors 3 | type: text/plain -------------------------------------------------------------------------------- /source/shiraz-formatter/styles/button.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-formatter/styles/button 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/my-adjustment.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/my-adjustment 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/sizing-spacing.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/sizing-spacing 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-alignment.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/text-alignment 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/column.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/multicols/column 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/bs/background-colors.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/bs/background-colors 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/colorful-sidebar-tab.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/colorful-sidebar-tab 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/tiddler-title-class.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/tiddler-title-class 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/ui/colorify-buttons.css.meta: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/ui/colorify-buttons 3 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/ui/view-toolbar-button-visibility.css.meta: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/styles/ui/view-toolbar-button-visibility 2 | type: text/css -------------------------------------------------------------------------------- /source/shiraz/styles/alerts-leftbar.css: -------------------------------------------------------------------------------- 1 | .leftbar{ 2 | border-width:0px !important; 3 | border-radius:0px !important; 4 | border-left-width: 5px !important; 5 | } -------------------------------------------------------------------------------- /source/shiraz-callout/styles/theme.css: -------------------------------------------------------------------------------- 1 | .theme-light { 2 | --background-secondary: #f2f3f5; 3 | } 4 | 5 | .theme-dark { 6 | --background-secondary: #161616; 7 | } 8 | -------------------------------------------------------------------------------- /source/shiraz/language/Buttons/Shiraz/Hint.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/language/Buttons/Shiraz/Hint 3 | type: text/vnd.tiddlywiki 4 | 5 | switch light/warm/dark color palette -------------------------------------------------------------------------------- /source/shiraz/language/Buttons/Shiraz/Caption.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/language/Buttons/Shiraz/Caption 3 | type: text/vnd.tiddlywiki 4 | 5 | Switch light/warm/dark color palette -------------------------------------------------------------------------------- /source/shiraz/styles/image-basic.css: -------------------------------------------------------------------------------- 1 | .image-basic { 2 | text-align: center; 3 | font-style: italic; 4 | font-size: smaller; 5 | text-indent: 0; 6 | padding: 0.5em; 7 | } -------------------------------------------------------------------------------- /source/shiraz/styles/bs/float.css: -------------------------------------------------------------------------------- 1 | .float-left { 2 | float: left; 3 | } 4 | 5 | .float-right { 6 | float: right; 7 | } 8 | 9 | .float-none { 10 | float: none; 11 | } 12 | -------------------------------------------------------------------------------- /source/shiraz-formatter/config/text-colors.txt: -------------------------------------------------------------------------------- 1 | red 2 | blue 3 | green 4 | purple 5 | 6 | teal 7 | navy 8 | maroon 9 | SlateGray 10 | 11 | brown 12 | royalblue 13 | darkkhaki 14 | goldenrod -------------------------------------------------------------------------------- /source/shiraz-formatter/config/highlight-colors.txt: -------------------------------------------------------------------------------- 1 | yellow 2 | lime 3 | cyan 4 | pink 5 | 6 | lightyellow 7 | palegreen 8 | lightcyan 9 | lavender 10 | 11 | red 12 | blue 13 | green 14 | gold -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable-star.css: -------------------------------------------------------------------------------- 1 | /* Styles for star rating used with table-csv macro */ 2 | .shiraz-star svg{ 3 | width: 1.2em; 4 | height: 1.2em; 5 | vertical-align: middle; 6 | fill:#FF9529; /*Deep Saffron*/ 7 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/badge.tid: -------------------------------------------------------------------------------- 1 | caption: Badge 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/badge 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /CITATION.cff: -------------------------------------------------------------------------------- 1 | cff-version: 1.2.0 2 | message: "If you use this software, please cite it as below." 3 | authors: 4 | - family-names: Rahmani 5 | given-names: Mohammad 6 | title: "Shiraz" 7 | version: 2.4.0 8 | date-released: 2021-08-12 9 | -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/alert.tid: -------------------------------------------------------------------------------- 1 | caption: Alert 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/alert 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz/templates/footer/tbl-expand.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/FooterTemplate 2 | tbl-column-list: tbl-expand 3 | title: $:/plugins/kookma/shiraz/templates/footer/tbl-expand 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/styles/colorful-sidebar-tab.css: -------------------------------------------------------------------------------- 1 | .tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected { 2 | background: none; 3 | border: none; 4 | border-bottom: solid 1px #737373; 5 | font-weight: bold; 6 | color: #DB4C3F; 7 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/details.tid: -------------------------------------------------------------------------------- 1 | caption: Details 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/details 4 | type: text/vnd.tiddlywiki 5 | 6 | <
> -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/slider.tid: -------------------------------------------------------------------------------- 1 | caption: Slider 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/slider 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz/styles/bglowtone-colors.css.meta: -------------------------------------------------------------------------------- 1 | list: mistyrose lemonchiffon lavenderblush lavender honeydew lightcyan aliceblue cornsilk gainsboro bisque snow 2 | tags: $:/tags/Stylesheet 3 | title: $:/plugins/kookma/shiraz/styles/bglowtone-colors 4 | type: text/css -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/multi-column-layout.tid: -------------------------------------------------------------------------------- 1 | caption: Multicolumn layout 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/multi-column-layout 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz/macros/multicol.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/multicol 3 | type: text/vnd.tiddlywiki 4 | 5 | \define multicol(src, ncol:"", class:"") 6 |
7 | 8 | $src$ 9 |
10 | \end -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/badge-status.tid: -------------------------------------------------------------------------------- 1 | caption: Badge status 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/badge-status 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/alert-leftbar.tid: -------------------------------------------------------------------------------- 1 | caption: Alert leftbar 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/alert-leftbar 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/colorful-link.tid: -------------------------------------------------------------------------------- 1 | caption: Colorful link 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/colorful-link 4 | type: text/vnd.tiddlywiki 5 | 6 | <$link overrideClass="btn btn-danger" to="target">My Link -------------------------------------------------------------------------------- /source/shiraz/styles/ui/edit-toolbar-buttons.css: -------------------------------------------------------------------------------- 1 | /*Tiddler edit toolbar buttons as traffic lights*/ 2 | .tc-tiddler-controls .tc-image-delete-button {fill:#ebb;} 3 | .tc-tiddler-controls .tc-image-cancel-button {fill:#ed9;} 4 | .tc-tiddler-controls .tc-image-done-button {fill:#beb;} -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/image-card.tid: -------------------------------------------------------------------------------- 1 | caption: Image card 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/image-card 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/image-polaroid.tid: -------------------------------------------------------------------------------- 1 | caption: Image polaroid 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/image-polaroid 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/storyriver.css: -------------------------------------------------------------------------------- 1 | /* create story river in two column layout */ 2 | .tc-story-river { 3 | display: flex; 4 | flex-wrap: wrap; 5 | } 6 | 7 | .tc-tiddler-frame 8 | { 9 | max-width: 49%; margin-right: 1%; 10 | /*max-width: 32%; margin-right: 1%; */ 11 | } 12 | -------------------------------------------------------------------------------- /source/shiraz/images/palette-switch.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/images/palette-switch 2 | type: text/vnd.tiddlywiki 3 | 4 | -------------------------------------------------------------------------------- /source/shiraz/styles/sticky-footer.css: -------------------------------------------------------------------------------- 1 | .sticky-footer { 2 | position: absolute; 3 | right: 0; 4 | bottom: 0; 5 | left: 0; 6 | padding: 0.5rem; 7 | background-color: #efefef; 8 | text-align: center; 9 | margin-top: 5px; 10 | box-sizing: border-box; 11 | width: 100%; 12 | } 13 | -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable.css: -------------------------------------------------------------------------------- 1 | /* todo section ------------*/ 2 | .tc-tiddler-body p.dblock, 3 | .tc-tiddler-preview-preview p.dblock { 4 | display:none; 5 | } 6 | 7 | /* 8 | Only used with csv table 9 | See $:/plugins/kookma/shiraz/macros/csvtables/table-csv 10 | The @@ produces a p tag. 11 | */ -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/image-pretty.tid: -------------------------------------------------------------------------------- 1 | caption: Image pretty 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/image-pretty 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz/templates/footer/tbl-clone.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/FooterTemplate 2 | tbl-column-list: tbl-clone 3 | title: $:/plugins/kookma/shiraz/templates/footer/tbl-clone 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 7 | 8 | -------------------------------------------------------------------------------- /source/shiraz/templates/footer/tbl-delete.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/FooterTemplate 2 | tbl-column-list: tbl-delete 3 | title: $:/plugins/kookma/shiraz/templates/footer/tbl-delete 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 7 | 8 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/title.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: title 4 | title: $:/plugins/kookma/shiraz/templates/body/title 5 | type: text/vnd.tiddlywiki 6 | 7 | 8 | <$link to=<>><$text text=<> /> 9 | -------------------------------------------------------------------------------- /source/shiraz/macros/space.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/space 3 | type: text/vnd.tiddlywiki 4 | 5 | \define vspace(height:"25px") 6 |

7 | \end 8 | 9 | \define hspace(width:"25px") 10 | 11 | \end 12 | -------------------------------------------------------------------------------- /source/shiraz/templates/header/tbl-linktype.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | tbl-column-list: tbl-linktype 3 | title: $:/plugins/kookma/shiraz/templates/header/tbl-linktype 4 | type: text/vnd.tiddlywiki 5 | 6 | Linktype 7 | -------------------------------------------------------------------------------- /source/shiraz/macros/dbadge.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dbadge 3 | type: text/vnd.tiddlywiki 4 | 5 | \define dbadge(subject,status, type:"primary") 6 |
$subject$$status$
7 | \end 8 | -------------------------------------------------------------------------------- /source/shiraz/viewtemplates/sticky-footer.tid: -------------------------------------------------------------------------------- 1 | list-after: 2 | tags: $:/tags/ViewTemplate 3 | title: $:/plugins/kookma/shiraz/viewtemplates/sticky-footer 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[all[current]has[sticky-footer]]"> 7 |
8 | {{!!sticky-footer}} 9 |
10 | 11 | -------------------------------------------------------------------------------- /source/shiraz-formatter/history.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-formatter/history 3 | type: text/vnd.tiddlywiki 4 | 5 | Full change log https://kookma.github.io/TW-Shiraz/shiraz-formatter.html#ChangeLog 6 | 7 | * ''0.5.1'' -- 2022.09.27 -- stable and improved release 8 | * ''0.1.0'' -- 2022.09.23 -- first public release 9 | -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/list-search.tid: -------------------------------------------------------------------------------- 1 | caption: List search 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/list-search 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz/styles/highlight.css: -------------------------------------------------------------------------------- 1 | mark.kk-sh-highlight { 2 | background-color: unset; 3 | border-radius:0.4em; 4 | padding:0 0.25em 0.1em; 5 | } 6 | 7 | mark.kk-sh-highlight-pen { 8 | background-color: unset; 9 | background-position: top left; 10 | background-repeat: no-repeat; 11 | background-size: 100% auto; 12 | } 13 | 14 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/chevron.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz-callout/images/chevron 2 | type: text/vnd.tiddlywiki 3 | 4 | -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/table-quick.tid: -------------------------------------------------------------------------------- 1 | caption: Table quick 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/table-quick 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz/templates/body/date.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: created modified 3 | title: $:/plugins/kookma/shiraz/templates/body/date 4 | type: text/vnd.tiddlywiki 5 | 6 | 7 | <$view tiddler=<> field=<> format="date" template="YYYY.0MM.0DD"/> 8 | -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/card.tid: -------------------------------------------------------------------------------- 1 | caption: Card 2 | tags: $:/tags/TextEditor/Snippet 3 | title: $:/plugins/kookma/shiraz-formatter/snippets/card 4 | type: text/vnd.tiddlywiki 5 | 6 | <> -------------------------------------------------------------------------------- /source/shiraz/styles/ui/view-toolbar-button-visibility.css: -------------------------------------------------------------------------------- 1 | /* Mouseover toolbar visibility: courtesy from Tobias Beer*/ 2 | .tc-tiddler-frame .tc-titlebar button { 3 | opacity: 0; 4 | transition: opacity .5s ease-in-out; 5 | } 6 | .tc-tiddler-frame:hover .tc-titlebar button { 7 | zoom: 1; 8 | filter: alpha(opacity=100); 9 | opacity: 1; 10 | } 11 | -------------------------------------------------------------------------------- /source/shiraz/macros/badge.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/badge 3 | type: text/vnd.tiddlywiki 4 | 5 | \define badge(type:"primary" src:"") 6 | $src$ 7 | \end 8 | 9 | \define badge-pill(type:"primary" src:"") 10 | $src$ 11 | \end 12 | -------------------------------------------------------------------------------- /source/shiraz/styles/csvtable-katex.css: -------------------------------------------------------------------------------- 1 | .falign .katex-display > .katex {text-align:left;} 2 | .ralign .katex-display > .katex {text-align:right;} 3 | .table-mathbox tr td{vertical-align: baseline;} /* baseline aligned text and fomula in table cell*/ 4 | 5 | /* 6 | Only used with csv table + katex 7 | See $:/plugins/kookma/shiraz/macros/csvtables/formats-math 8 | */ -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/formats-basic.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/formats-basic 2 | type: text/vnd.tiddlywiki 3 | 4 | \define text() <$text text=<> /> 5 | \define code() <> 6 | \define transclude() <$transclude tiddler=<> field=title/> 7 | 8 | 9 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/my-adjustment.css: -------------------------------------------------------------------------------- 1 | /* My adjustments to bootstrap 4.1.3 css classes */ 2 | a { 3 | color: #007bff; 4 | text-decoration: none; 5 | background-color: transparent; 6 | -webkit-text-decoration-skip: objects; 7 | } 8 | /* Link is hacked to be compatible with bootstrap 9 | classes remove it if the TW core objects break 10 | */ 11 | 12 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/shadow.css: -------------------------------------------------------------------------------- 1 | .shadow-sm { 2 | box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; 3 | } 4 | 5 | .shadow { 6 | box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 7 | } 8 | 9 | .shadow-lg { 10 | box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; 11 | } 12 | 13 | .shadow-none { 14 | box-shadow: none !important; 15 | } -------------------------------------------------------------------------------- /source/shiraz-callout/history.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-callout/history 3 | type: text/vnd.tiddlywiki 4 | 5 | Full change log https://kookma.github.io/TW-Shiraz/shiraz-callout.html#ChangeLog 6 | 7 | * ''0.8.0'' -- 2024.12.29 -- updated to TW 5.3.3 8 | * ''0.5.2'' -- 2023.12.27 -- first stable public release 9 | * ''0.1.0'' -- 2022.12.18 -- initial implementation 10 | -------------------------------------------------------------------------------- /source/shiraz/styles/image-alignment.css: -------------------------------------------------------------------------------- 1 | /*Image aligning classes*/ 2 | .image-align-right{ 3 | float:right; 4 | margin:0.5em 0 1.3em 1.4em; 5 | } 6 | .image-align-left{ 7 | float:left; 8 | margin: 0.5em 1.4em 1.3em 0; 9 | } 10 | .image-align-center{ 11 | display:block; 12 | margin: 0.5em auto 1.3em; 13 | } 14 | 15 | .image-float-none { 16 | float: none !important; 17 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/snippets/table-dynamic.tid: -------------------------------------------------------------------------------- 1 | caption: Table dynamic 2 | code-body: yes 3 | tags: $:/tags/TextEditor/Snippet 4 | title: $:/plugins/kookma/shiraz-formatter/snippets/table-dynamic 5 | type: text/vnd.tiddlywiki 6 | 7 | <> -------------------------------------------------------------------------------- /source/shiraz/styles/mono.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/mono 3 | type: text/vnd.tiddlywiki 4 | 5 | .mono { 6 | color:unset; 7 | background-color: <>; 8 | border: 1px solid #e1e1e8; 9 | white-space: pre-wrap; 10 | padding: 0 3px 2px; 11 | border-radius: 3px; 12 | font-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}} 13 | } -------------------------------------------------------------------------------- /source/shiraz-callout/images/success.tid: -------------------------------------------------------------------------------- 1 | callout-type: success check done 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/success 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/danger.tid: -------------------------------------------------------------------------------- 1 | callout-type: danger error 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/danger 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/type.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: type 4 | title: $:/plugins/kookma/shiraz/templates/body/type 5 | type: text/vnd.tiddlywiki 6 | 7 | \define showCell() <$transclude tiddler=<> field=<> mode="inline" /> 8 | 9 | <> 10 | 11 | -------------------------------------------------------------------------------- /source/shiraz-callout/styles/skin.css: -------------------------------------------------------------------------------- 1 | .callout { 2 | --callout-color: 68, 138, 255; 3 | } 4 | .callout { 5 | border-left-color: rgb(var(--callout-color)); 6 | background-color: var(--background-secondary); 7 | } 8 | .callout-title { 9 | background-color: rgba(var(--callout-color), 0.1); 10 | } 11 | .callout-icon { 12 | color: rgb(var(--callout-color)); 13 | } 14 | .callout-title-inner { 15 | font-weight: 700; 16 | } 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /source/shiraz/macros/image-basic.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-basic 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-basic(img, width:"30%", align:"none", caption:"", tooltip:"", alt:"") 6 |
7 | <$image source=<<__img__>> tooltip=<<__tooltip__>> alt=<<__alt__>> /> 8 |
$caption$
9 |
10 | \end -------------------------------------------------------------------------------- /source/shiraz-callout/images/failure.tid: -------------------------------------------------------------------------------- 1 | callout-type: failure fail missing 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/failure 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/note.tid: -------------------------------------------------------------------------------- 1 | callout-type: note primary 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/note 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-formatter/readme.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-formatter/readme 3 | type: text/vnd.tiddlywiki 4 | 5 | ; Shiraz Formatter 6 | Editor toolbar buttons to format text and insert snippets. 7 | 8 | ;Code and demo 9 | For learning plugin features, syntax, tutorial and examples see the plugin demo and code pages 10 | 11 | * Demo: https://kookma.github.io/TW-Shiraz/shiraz-formatter.html 12 | * Code: https://github.com/kookma/TW-Shiraz -------------------------------------------------------------------------------- /source/shiraz-callout/plugin.info: -------------------------------------------------------------------------------- 1 | { 2 | "title": "$:/plugins/kookma/shiraz-callout", 3 | "name": "Shiraz Callout", 4 | "description": "Admonitions for Shiraz", 5 | "author": "Mohammad Rahmani", 6 | "version": "0.8.0", 7 | "core-version": ">=5.2.3", 8 | "source": "https://github.com/kookma/TW-Shiraz", 9 | "list": "readme license history", 10 | "plugin-type": "plugin", 11 | "parent-plugin":"$:/plugins/kookma/shiraz", 12 | "dependents": "" 13 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/plugin.info: -------------------------------------------------------------------------------- 1 | { 2 | "title": "$:/plugins/kookma/shiraz-formatter", 3 | "name": "Shiraz Formatter", 4 | "description": "Editor buttons and snippets for Shiraz", 5 | "author": "Mohammad Rahmani", 6 | "version": "0.6.0", 7 | "core-version": ">=5.2.2", 8 | "source": "https://github.com/kookma/TW-Shiraz", 9 | "list": "readme license history", 10 | "plugin-type": "plugin", 11 | "parent-plugin":"$:/plugins/kookma/shiraz", 12 | "dependents": "" 13 | } -------------------------------------------------------------------------------- /source/shiraz/macros/image-polaroid.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-polaroid 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-polaroid(img, width:"30%", align:"none", caption:"", tooltip:"", alt:"") 6 |
7 | <$image source="""$img$""" tooltip="""$tooltip$"""/> 8 |
$caption$
9 |
10 | \end -------------------------------------------------------------------------------- /source/shiraz-callout/images/info.tid: -------------------------------------------------------------------------------- 1 | callout-type: info 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/info 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/todo.tid: -------------------------------------------------------------------------------- 1 | callout-type: todo 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/todo 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/plugin.info: -------------------------------------------------------------------------------- 1 | { 2 | "title": "$:/plugins/kookma/shiraz", 3 | "name": "Shiraz", 4 | "description": "extended markups, styles, images, tables, and macros", 5 | "author": "Mohammad Rahmani", 6 | "version": "2.9.7", 7 | "core-version": ">=5.2.7", 8 | "source": "https://github.com/kookma/TW-Shiraz", 9 | "list": "readme license history", 10 | "plugin-type": "plugin", 11 | "dependents": "", 12 | "stability": "STABILITY_2_STABLE" 13 | } -------------------------------------------------------------------------------- /source/shiraz-callout/styles/structure.css: -------------------------------------------------------------------------------- 1 | .callout { 2 | border-left-width: 4px; 3 | border-left-style: solid; 4 | border-radius: 2px; 5 | margin: 1em 0; 6 | } 7 | .callout-title { 8 | padding: 10px; 9 | display: flex; 10 | gap: 10px; 11 | } 12 | .callout-icon { 13 | flex: 0 0 auto; 14 | display: flex; 15 | align-self: center; 16 | } 17 | .callout-title-inner { 18 | flex: 1 1 0; 19 | } 20 | .callout-content { 21 | overflow-x: auto; 22 | padding: 0px 15px; 23 | } 24 | -------------------------------------------------------------------------------- /source/shiraz/macros/image-pretty.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-pretty 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-pretty(img, width:"30%", align:"none", caption:"", tooltip:"", alt:"") 6 |
7 | <$image source=<<__img__>> tooltip=<<__tooltip__>> alt=<<__alt__>> /> 8 |
$caption$
9 |
10 | \end -------------------------------------------------------------------------------- /source/shiraz/macros/image-slidein.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-slidein 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-slidein(img, width:"30%", align:"none", caption:"", tooltip:"", slidein:"left", alt:"") 6 |
7 | <$image source=<<__img__>> tooltip=<<__tooltip__>> alt=<<__alt__>>/> 8 |
$caption$
9 |
10 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-alignment.css: -------------------------------------------------------------------------------- 1 | .text-justify { 2 | text-align: justify !important; 3 | } 4 | 5 | .text-nowrap { 6 | white-space: nowrap !important; 7 | } 8 | 9 | .text-truncate { 10 | overflow: hidden; 11 | text-overflow: ellipsis; 12 | white-space: nowrap; 13 | } 14 | 15 | .text-left { 16 | text-align: left !important; 17 | } 18 | 19 | .text-right { 20 | text-align: right !important; 21 | } 22 | 23 | .text-center { 24 | text-align: center !important; 25 | } -------------------------------------------------------------------------------- /source/shiraz/styles/image-polaroid.css: -------------------------------------------------------------------------------- 1 | .image-polaroid { 2 | min-width:64px; 3 | background-color: #f8f9fa; 4 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 5 | } 6 | .image-polaroid img { 7 | width: 100%; 8 | padding:10px; 9 | height: auto; 10 | } 11 | .image-polaroid .image-polaroid-caption { 12 | padding:10px 15px 10px; 13 | text-align: center; 14 | line-height: 1.4em; 15 | font-weight:300; 16 | font-size: 0.9em; 17 | } -------------------------------------------------------------------------------- /source/shiraz/templates/header/tbl-expand.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | tbl-column-list: tbl-expand 3 | title: $:/plugins/kookma/shiraz/templates/header/tbl-expand 4 | type: text/vnd.tiddlywiki 5 | 6 | 7 | <$list filter="[indexes[]limit[1]]"> 8 | <$button class="tc-btn-invisible">{{$:/core/images/fold-button}} 9 | <$action-setfield $tiddler=<> text=""/> 10 | 11 | 12 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/question.tid: -------------------------------------------------------------------------------- 1 | callout-type: question help faq 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/question 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/macros/alerts.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/alerts 3 | type: text/vnd.tiddlywiki 4 | 5 | \define alert(type:"primary" src:"", width:"100%", class:"") 6 |
7 | $src$ 8 |
9 | \end 10 | 11 | \define alert-leftbar(type:"primary" src:"", width:"100%", class:"") 12 |
13 | $src$ 14 |
15 | \end 16 | -------------------------------------------------------------------------------- /source/shiraz/styles/clear-float.css: -------------------------------------------------------------------------------- 1 | /* Resolve issue for floating objects which cross the tiddler frame! 2 | The below code should force the tiddler to always wrap around floating elements, so that they are always inside 3 | Ref: https://groups.google.com/d/msg/tiddlywiki/5bZwwj6cyac/2LzFeA7AAwAJ 4 | */ 5 | 6 | .tc-tiddler-body:before, .tc-tiddler-body:after { 7 | content: ""; 8 | display: table; 9 | } 10 | .tc-tiddler-body:after { 11 | clear: both; 12 | } 13 | .tc-tiddler-body { 14 | zoom: 1; 15 | } -------------------------------------------------------------------------------- /source/shiraz/styles/image-pretty.css: -------------------------------------------------------------------------------- 1 | .image-pretty { 2 | min-width:64px; 3 | border: 1px solid #c8ccd1; 4 | background-color:#f8f9fa; 5 | } 6 | .image-pretty:hover { 7 | border: 1px solid #777; 8 | } 9 | .image-pretty img { 10 | padding:2px; 11 | width: 100%; 12 | height: auto; 13 | } 14 | .image-pretty .image-pretty-caption { 15 | padding:10px 15px 10px; 16 | text-align: center; 17 | line-height: 1.4em; 18 | font-weight:300; 19 | font-size: 0.9em; 20 | } 21 | 22 | -------------------------------------------------------------------------------- /source/shiraz/styles/ui/colorify-buttons.css: -------------------------------------------------------------------------------- 1 | /* These css rules makes page control buttons in beatiful color */ 2 | 3 | /*page control buttons*/ 4 | .tc-page-controls .tc-image-new-button { fill: #5EB95E; } /*New tiddler button*/ 5 | .tc-page-controls .tc-image-options-button { fill:#8058A5; } /*Open control pannel*/ 6 | 7 | /* These css rules makes tiddler viewtoolbar buttons in beatiful color */ 8 | 9 | .tc-tiddler-controls .tc-image-edit-button{fill:#f37b1d} 10 | .tc-tiddler-controls .tc-image-info-button{fill:#0e90d2} -------------------------------------------------------------------------------- /source/shiraz/templates/header/tbl-clone.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | tbl-column-list: tbl-clone 3 | title: $:/plugins/kookma/shiraz/templates/header/tbl-clone 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 7 | 8 | 9 | <$button class="tc-btn-invisible" disabled=yes tooltip="disabled button" style="cursor:default"> 10 | {{$:/core/images/clone-button}} 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-column.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.3.1 */ 2 | .card-columns .card { 3 | margin-bottom: 0.75rem; 4 | } 5 | 6 | @media (min-width: 576px) { 7 | .card-columns { 8 | -webkit-column-count: 3; 9 | -moz-column-count: 3; 10 | column-count: 3; 11 | -webkit-column-gap: 1.25rem; 12 | -moz-column-gap: 1.25rem; 13 | column-gap: 1.25rem; 14 | orphans: 1; 15 | widows: 1; 16 | } 17 | .card-columns .card { 18 | display: inline-block; 19 | width: 100%; 20 | } 21 | } -------------------------------------------------------------------------------- /source/shiraz/templates/body/tbl-delete.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: tbl-delete 3 | title: $:/plugins/kookma/shiraz/templates/body/tbl-delete 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 7 | 8 | <$button class="tc-btn-invisible"> 9 | <$action-sendmessage $message="tm-delete-tiddler" $param=<>/> 10 | {{$:/core/images/delete-button}} 11 | 12 | 13 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/formats-misc.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/formats-misc 2 | type: text/vnd.tiddlywiki 3 | 4 | \define email() <> 5 | 6 | \define rate() 7 | <$list filter="[split[]match[*]]" variable=ignore> 8 | <$transclude tiddler="$:/core/images/star-filled" /> 9 | 10 | \end 11 | 12 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/tip.tid: -------------------------------------------------------------------------------- 1 | callout-type: tip hint important 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/tip 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-formatter/styles/button-color.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz-formatter/styles/button-color 3 | type: text/vnd.tiddlywiki 4 | 5 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible.kk-sh-letter { 6 | background-color: <>; 7 | color: <>; 8 | fill: <>; 9 | border-radius: 4px; 10 | padding: 3px 4px; 11 | margin: 2px 0 2px 4px; 12 | } -------------------------------------------------------------------------------- /source/shiraz/styles/tiddler-title-class.css: -------------------------------------------------------------------------------- 1 | .title-primary .tc-title { 2 | color: #007bff; 3 | } 4 | .title-secondary .tc-title { 5 | color: #6c757d; 6 | } 7 | .title-success .tc-title { 8 | color: #28a745; 9 | } 10 | .title-info .tc-title { 11 | color: #17a2b8; 12 | } 13 | .title-warning .tc-title { 14 | color: #ffc107; 15 | } 16 | .title-danger .tc-title { 17 | color: #dc3545; 18 | } 19 | .title-light .tc-title { 20 | color: #f8f9fa; 21 | } 22 | .title-dark .tc-title { 23 | color: #343a40; 24 | } 25 | .title-white .tc-title { 26 | color: #fff; 27 | } -------------------------------------------------------------------------------- /source/shiraz/macros/details.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/details 3 | type: text/vnd.tiddlywiki 4 | 5 | \define details(label:"", src:"source", status:"", labelClass:"", srcClass:"") 6 | <$vars source = {{{ [<__src__>get[text]else<__src__>] }}} > 7 |
8 | <$let tv-wikilinks="no"> 9 | $label$ 10 | 11 |
12 | <$transclude tiddler=<> field=title mode=block/> 13 |
14 |
15 | 16 | \end -------------------------------------------------------------------------------- /source/shiraz-callout/images/warning.tid: -------------------------------------------------------------------------------- 1 | callout-type: warning caution attention 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/warning 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/tbl-clone.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: tbl-clone 3 | title: $:/plugins/kookma/shiraz/templates/body/tbl-clone 4 | type: text/vnd.tiddlywiki 5 | 6 | \define cloneTiddler() <$action-createtiddler $basetitle=<> $template=<> /> 7 | 8 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 9 | 10 | <$button actions=<> class="tc-btn-invisible"> 11 | {{$:/core/images/clone-button}} 12 | 13 | 14 | -------------------------------------------------------------------------------- /source/shiraz/templates/header/tbl-delete.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | tbl-column-list: tbl-delete 3 | title: $:/plugins/kookma/shiraz/templates/header/tbl-delete 4 | type: text/vnd.tiddlywiki 5 | 6 | <$list filter="[getindex[mode]match[edit]]" variable=ignore> 7 | 8 | 9 | <$button class="tc-btn-invisible"> 10 | <$action-setfield $tiddler="$:/temp/tables/delete-all" $index=<> $value="to-be-deleted"/> 11 | {{$:/core/images/delete-button}} 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /source/shiraz-callout/readme.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-callout/readme 3 | type: text/vnd.tiddlywiki 4 | 5 | ; Shiraz callout 6 | Callout is used to describe a short piece of text set in a different format than the rest of the page and intended to attract attention. Shiraz callout contains collapsible and non-collapsible callout elements. 7 | 8 | ;Code and demo 9 | For learning plugin features, syntax, tutorial and examples see the plugin demo and code pages 10 | 11 | * Demo: https://kookma.github.io/TW-Shiraz/shiraz-callout.html 12 | * Code: https://github.com/kookma/TW-Shiraz 13 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/bug.tid: -------------------------------------------------------------------------------- 1 | callout-type: bug 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/bug 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/flex backup.css: -------------------------------------------------------------------------------- 1 | /* multicolumn layout using flexbox courtesy from Bootstrap 4.3.1*/ 2 | .flex-row { 3 | display: flex; 4 | flex-wrap: wrap; 5 | margin-right: -15px; 6 | margin-left: -15px; 7 | } 8 | .flex-col-1, 9 | .flex-col-2, 10 | .flex-col-3 { 11 | position: relative; 12 | width: 100%; 13 | padding-right: 15px; 14 | padding-left: 15px; 15 | } 16 | 17 | .flex-col-1{flex: 1 1 0;} 18 | .flex-col-2{flex: 2 1 0;} 19 | .flex-col-3{flex: 3 1 0;} 20 | 21 | .flex-col-1 > :first-child, 22 | .flex-col-2 > :first-child, 23 | .flex-col-3 > :first-child { 24 | margin-top: 0;} -------------------------------------------------------------------------------- /source/shiraz-callout/images/example.tid: -------------------------------------------------------------------------------- 1 | callout-type: example 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/example 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/formats-date.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/formats-date 2 | type: text/vnd.tiddlywiki 3 | 4 | \define date() <$view field=title tiddler={{{[splitregexp[\D+]!is[blank]join[]]}}} format=date template="YYYY-0MM-0DD"/> 5 | \define shortdate() <$view field=title tiddler={{{[splitregexp[\D+]!is[blank]join[]]}}} format=date template="mmm DDth, YYYY"/> 6 | \define longdate() <$view field=title tiddler={{{[splitregexp[\D+]!is[blank]join[]]}}} format=date template="DDD, MMM 0DD, YYYY"/> 7 | 8 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/default.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | title: $:/plugins/kookma/shiraz/templates/body/default 3 | type: text/vnd.tiddlywiki 4 | 5 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 6 | <> 7 | 8 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 9 | 10 | <$list filter="[getindex[sortIndex]match]" variable=ignore 11 | emptyMessage=<> > 12 | <> 13 | 14 | -------------------------------------------------------------------------------- /source/shiraz-callout/images/abstract.tid: -------------------------------------------------------------------------------- 1 | callout-type: abstract summary tldr 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/abstract 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz/readme.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/readme 2 | type: text/vnd.tiddlywiki 3 | 4 | ; Shiraz 5 | Shiraz is a small framework of stylesheets, templates and macros to create stylish contents in Tiddlywiki. Shiraz has customized elements like alerts, cards, panels, images, static tables, dynamic tables, quick table, badges, texts, etc. Shiraz uses some modified CSS classes from [[Bootstrap|https://getbootstrap.com/]] 4.3.1. 6 | 7 | ;Code and demo 8 | For learning plugin features, syntax, tutorial and examples see the plugin demo and code pages 9 | 10 | * Demo: https://kookma.github.io/TW-Shiraz/ 11 | * Code: https://github.com/kookma/TW-Shiraz 12 | -------------------------------------------------------------------------------- /source/shiraz/styles/details-slider.css: -------------------------------------------------------------------------------- 1 | /*details html5 macro*/ 2 | details.kk-shiraz-details > summary { 3 | padding: 2px 6px; 4 | font-weight:500; 5 | outline:none; 6 | } 7 | details.kk-shiraz-details > div { 8 | padding: 2px 6px; 9 | margin: 0; 10 | } 11 | 12 | 13 | /* Styles for summary cursor 14 | url: https://css-tricks.com/two-issues-styling-the-details-element-and-how-to-solve-them/ 15 | */ 16 | 17 | details.kk-shiraz-details summary { 18 | cursor: pointer; 19 | } 20 | 21 | details.kk-shiraz-details summary > * { 22 | display: inline; 23 | } 24 | 25 | 26 | button .kk-sh-slider svg{ 27 | width: 0.8em; 28 | height: 0.8em; 29 | vertical-align: middle; 30 | } 31 | 32 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/toggle-edit-view.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/toggle-edit-view 3 | type: text/vnd.tiddlywiki 4 | 5 | \define toggle-edit-view() 6 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit"> 7 | <$button class="tc-btn-invisible tc-tiddlylink" setTitle=<> setIndex="mode" setTo="edit">{{$:/core/images/edit-button}} 8 | 9 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit"> 10 | <$button class="tc-btn-invisible tc-tiddlylink" setTitle=<> setIndex="mode" setTo="view">{{$:/core/images/done-button}} 11 | 12 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/bglowtone-colors.css: -------------------------------------------------------------------------------- 1 | /* Colors taked from [1] https://www.bg-w3schools.bg-com/colors/colors_names.bg-asp 2 | [2] http://www.bg-workwithcolor.bg-com/color-chart-full-01.bg-htm*/ 3 | /*Low tone background colors*/ 4 | .bg-mistyrose{background-color:#ffe4e1;} 5 | .bg-lemonchiffon{background-color:#fffacd;} 6 | .bg-lavenderblush{background-color:#fff0f5;} 7 | .bg-lavender{background-color:#e6e6fa;} 8 | .bg-honeydew{background-color:#f0fff0;} 9 | .bg-lightcyan{background-color:#e0ffff;} 10 | .bg-aliceblue{background-color:#f0f8ff;} 11 | .bg-cornsilk{background-color:#fff8dc;} 12 | .bg-gainsboro{background-color:#dcdcdc;} 13 | .bg-bisque{background-color:#ffe4c4;} 14 | .bg-snow{background-color:#fffafa;} -------------------------------------------------------------------------------- /source/shiraz-callout/images/quote.tid: -------------------------------------------------------------------------------- 1 | callout-type: quote cite secondary 2 | tags: $:/tags/ShirazCallout/Image 3 | title: $:/plugins/kookma/shiraz-callout/images/quote 4 | type: text/vnd.tiddlywiki 5 | 6 | -------------------------------------------------------------------------------- /source/shiraz-formatter/ui/EditorToolbar/format.tid: -------------------------------------------------------------------------------- 1 | button-classes: kk-formatter-btn 2 | caption: formatter 3 | condition: [type[]] [get[type]prefix[text/]] [get[type]match[application/javascript]] [get[type]match[application/json]] [get[type]match[application/x-tiddler-dictionary]] [get[type]match[image/svg+xml]] +[first[]] 4 | description: Shiraz formatter button 5 | dropdown: $:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format-dropdown 6 | icon: $:/core/images/paint 7 | list-after: $:/core/ui/EditorToolbar/mono-line 8 | shortcuts: 9 | tags: $:/tags/EditorToolbar 10 | title: $:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format 11 | type: text/vnd.tiddlywiki -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-deck.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.1.3 */ 2 | 3 | .card-deck { 4 | display: -ms-flexbox; 5 | display: flex; 6 | -ms-flex-direction: column; 7 | flex-direction: column; 8 | } 9 | 10 | .card-deck .card { 11 | margin-bottom: 15px; 12 | } 13 | 14 | @media (min-width: 576px) { 15 | .card-deck { 16 | -ms-flex-flow: row wrap; 17 | flex-flow: row wrap; 18 | margin-right: -15px; 19 | margin-left: -15px; 20 | } 21 | .card-deck .card { 22 | display: -ms-flexbox; 23 | display: flex; 24 | -ms-flex: 1 0 0%; 25 | flex: 1 0 0%; 26 | -ms-flex-direction: column; 27 | flex-direction: column; 28 | margin-right: 15px; 29 | margin-bottom: 0; 30 | margin-left: 15px; 31 | } 32 | } -------------------------------------------------------------------------------- /source/shiraz/templates/footer/default.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/FooterTemplate 2 | title: $:/plugins/kookma/shiraz/templates/footer/default 3 | type: text/vnd.tiddlywiki 4 | 5 | <$vars idx={{{ [addsuffix[/]addsuffix] }}}> 6 | <$set name=getFieldOrIndex filter="[]-index" value="get" emptyValue="getindex"> 7 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 8 | <$transclude tiddler=<> index=<> mode="inline" /> 9 | 10 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 11 | <$edit-text tiddler=<> index=<> tag="input" class="shiraz-dtable-textbox"/> 12 | 13 | 14 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/tbl-expand.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: tbl-expand 3 | title: $:/plugins/kookma/shiraz/templates/body/tbl-expand 4 | type: text/vnd.tiddlywiki 5 | 6 | <$reveal type="nomatch" state=<> text="show" tag="td"> 7 | <$button class="tc-btn-invisible tc-tiddlylink"> 8 | <$action-setfield $tiddler=<> $index=<> $value="show" /> 9 | {{$:/core/images/right-arrow}} 10 | 11 | 12 | <$reveal type="match" state=<> text="show" tag="td"> 13 | <$button class="tc-btn-invisible tc-tiddlylink"> 14 | <$action-setfield $tiddler=<> $index=<>/> 15 | {{$:/core/images/down-arrow}} 16 | 17 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/formats-math.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/formats-math 2 | type: text/vnd.tiddlywiki 3 | 4 | \define katex() <$latex text=<> displayMode="true"> 5 | \define katex-inline() <$latex text=<> displayMode="false"> 6 | \define pu() <$latex text={{{ [addprefix[\pu{]addsuffix[}]] }}} displayMode="false"> 7 | \define equation() <$latex text={{{ [addprefix[\begin{equation}]addsuffix[\end{equation}]] }}} displayMode="true"> 8 | 9 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/tags.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: tags 4 | title: $:/plugins/kookma/shiraz/templates/body/tags 5 | type: text/vnd.tiddlywiki 6 | 7 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 8 | <$list filter="[tags[]sort[title]] :except[subfilter]"> 9 | <$transclude tiddler="$:/plugins/kookma/shiraz/templates/body/tag-template"/> 10 | 11 | 12 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 13 | 14 | <$list filter="[getindex[sortIndex]match]" variable="transclusion" 15 | emptyMessage=<> > 16 | <> 17 | 18 | -------------------------------------------------------------------------------- /source/shiraz-callout/styles/details.css: -------------------------------------------------------------------------------- 1 | details.callout summary { 2 | cursor: pointer; 3 | } 4 | /* Chevron animation */ 5 | details.callout .callout-fold svg { 6 | transition: transform ease-in-out 150ms; 7 | } 8 | details.callout .callout-fold svg { 9 | transform: rotate(-90deg); 10 | } 11 | 12 | details.callout[open] > summary .callout-fold svg{ 13 | transform: rotate(0deg); 14 | } 15 | 16 | /* Reveal content animation */ 17 | details.callout > summary { 18 | transition: margin ease-out 300ms; 19 | } 20 | 21 | details.callout[open] > summary { 22 | margin-bottom: 10px; 23 | } 24 | /* this compensates the summary extra bottom margin */ 25 | details.callout[open] > .callout-content{ 26 | margin-top:-10px; 27 | } 28 | 29 | /* To remove the default arrow that comes with the tag in Safari */ 30 | details[data-callout] summary::-webkit-details-marker { 31 | display: none; 32 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/styles/button.css: -------------------------------------------------------------------------------- 1 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down { 2 | min-width:20px; 3 | } 4 | 5 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down > p { 6 | margin: 0; 7 | padding: 0 10px; 8 | } 9 | 10 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down a.tc-tiddlylink { 11 | font-weight: normal; 12 | } 13 | 14 | /* new */ 15 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible{ 16 | width:fit-content; 17 | margin:1px; 18 | padding:0; 19 | display:inline-block; 20 | background-color:unset; 21 | } 22 | 23 | .tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible svg{ 24 | width:1.5em; 25 | height:1.5em; 26 | } 27 | 28 | .kk-formatter-dropdown{ 29 | display:flex; 30 | flex-wrap:wrap; 31 | max-width:6.6em; 32 | } 33 | 34 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Shiraz 2 | Shiraz is a small TW5 plugin contains several macros, stylesheets, templates, snippets and acts as a starter kit for 3 | [Tiddlywiki](https://tiddlywiki.com/). 4 | 5 | # Tutorial 6 | * Open the https://kookma.github.io/TW-Shiraz/ 7 | * Go to tutorial and see a demo of most features 8 | 9 | # Installation 10 | For dtails on how install Shiraz plugin in your wiki, have a look at https://kookma.github.io/TW-Shiraz/#Install 11 | 12 | # Shiraz subplugins 13 | Subplugins are addons extend the Shiraz features or simplify the use of Shiraz. These subplugins are available from shiraz GitHub repo (https://github.com/kookma/TW-Shiraz) 14 | 15 | * Formatter adds text formating and snippets to Shiraz see: https://kookma.github.io/TW-Shiraz/shiraz-formatter.html 16 | * Callout adds admonitions (also called callout) to Shiraz see: https://kookma.github.io/TW-Shiraz/shiraz-callout.html 17 | 18 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/tbl-checkbox.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: tbl-checkbox 3 | title: $:/plugins/kookma/shiraz/templates/body/tbl-checkbox 4 | type: text/vnd.tiddlywiki 5 | 6 | \define rowStyle() color:<>; background-color:<>; 7 | 8 | <$checkbox tiddler=<> tag="Done" 9 | checkactions="""<$action-setfield $tiddler=<> $index=<> $value=<> /><$action-setfield $tiddler=<> status="complete"/>""" 10 | uncheckactions="""<$action-setfield $tiddler=<> $index=<> /><$action-setfield $tiddler=<> status="rework"/>""" /> 11 | 12 | 13 | -------------------------------------------------------------------------------- /source/shiraz/styles/dynamic-tables-var.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Stylesheet 2 | title: $:/plugins/kookma/shiraz/styles/dynamic-tables-var 3 | type: text/vnd.tiddlywiki 4 | 5 | /* these are dynamic or variable properties based on the tiddlywiki palette */ 6 | 7 | .shiraz-dtable-page-footer select{ 8 | background-color: <>; 9 | color:<>; 10 | } 11 | 12 | .shiraz-dtable-page-footer > td{ 13 | background-color: <>; 14 | } 15 | 16 | /* customize the table footer used for numerical summary*/ 17 | .shiraz-dtable-footer tr td{ 18 | background-color: <>; 19 | border:none; 20 | } 21 | 22 | /* correct button color to support dark theme */ 23 | .tbl-container table thead th button{ 24 | color:<> 25 | } 26 | .tbl-container table thead th button svg { 27 | fill:<>; 28 | } -------------------------------------------------------------------------------- /source/shiraz/templates/body/tbl-linktype.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: tbl-linktype 4 | title: $:/plugins/kookma/shiraz/templates/body/tbl-linktype 5 | type: text/vnd.tiddlywiki 6 | 7 | 8 | <$let subtiddler-pattern=`(^${[escaperegexp[]]}$\s*/|^${[escaperegexp[]]}$\s*:)` > 9 | <$text text={{{ 10 | [all[current]links[]matchthen[link]] 11 | [all[current]backlinks[]matchthen[backlink]] 12 | [all[current]tagging[]matchthen[tagging]] 13 | [regexpthen[subtiddler]] 14 | ~[search:textthen[backtransclusion]else[transclusion]] }}} /> 15 | 16 | 17 | -------------------------------------------------------------------------------- /source/shiraz/macros/image-overlay.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-overlay 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-overlay(img, width:"30%", align:"none", caption:"", title:"", text:"", fadein:"left", alt:"") 6 |
7 |

$caption$

8 |
9 |
10 | <$image class="image-overlay-content-image" source=<<__img__>> alt=<<__alt__>>/> 11 | <$set name="fdcls" filter="$fadein$ +[splitbefore[ ]] +[addprefix[image-overlay-fadeIn-]]"> 12 |
] :and[join[ ]] }}} > 13 |

$title$

14 |

$text$

15 |
16 | 17 |
18 |
19 | \end -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/maths.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/maths 3 | type: text/vnd.tiddlywiki 4 | 5 | \define average(pn:0) <$text text={{{ [subfilter$(getFieldOrIndex)$average[]] }}}/> 6 | \define median(pn:0) <$text text={{{ [subfilter$(getFieldOrIndex)$median[]] }}}/> 7 | 8 | \define count() <$text text={{{ [subfilter$(getFieldOrIndex)$count[]] }}}/> 9 | \define sum() <$text text={{{ [subfilter$(getFieldOrIndex)$sum[]] }}}/> 10 | \define product() <$text text={{{ [subfilter$(getFieldOrIndex)$product[]] }}}/> 11 | 12 | \define minall() <$text text={{{ [subfilter$(getFieldOrIndex)$minall[]] }}}/> 13 | \define maxall() <$text text={{{ [subfilter$(getFieldOrIndex)$maxall[]] }}}/> 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/show-edit-cell.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/show-edit-cell 3 | type: text/vnd.tiddlywiki 4 | 5 | \define showCell() 6 | <$list filter="[]-index"> 7 | <$transclude tiddler=<> field=<> mode="inline" /> 8 | 9 | <$list filter="[]-field"> 10 | <$transclude tiddler=<> index=<> mode="inline" /> 11 | 12 | \end 13 | \define editCell() 14 | <$list filter="[]-index"> 15 | <$edit-text tiddler=<> field=<> tag="input" class="shiraz-dtable-textbox"/> 16 | 17 | <$list filter="[]-field"> 18 | <$edit-text tiddler=<> index=<> tag="input" class="shiraz-dtable-textbox"/> 19 | 20 | \end 21 | 22 | \define showCell_Locked() 23 | <> 24 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/dbadge.css: -------------------------------------------------------------------------------- 1 | /*Credits: 2 | Nishant Srivastava https://codepen.io/nisrulz/pen/bpQWLW 3 | Mohammad Rahmani: https://github.com/kookma 4 | */ 5 | .dbadge { 6 | display: inline-block; 7 | margin: 0.0em; 8 | } 9 | .dbadge > span { 10 | color: #ffffff; 11 | font-size: 0.8em; 12 | font-weight: 400; 13 | line-height: 1; 14 | padding: .2em .6em; 15 | text-align: center; 16 | vertical-align: baseline; 17 | white-space: nowrap;} 18 | 19 | .dbadge-subject{ 20 | background-color: #656565; 21 | border-bottom-left-radius: 0.25em; 22 | border-top-left-radius: 0.25em;} 23 | .dbadge-status { 24 | border-bottom-right-radius: 0.25em; 25 | border-top-right-radius: 0.25em;} 26 | 27 | .dbadge-primary { 28 | background-color: #337ab7;} 29 | .dbadge-success { 30 | background-color: #5cb85c;} 31 | .dbadge-info { 32 | background-color: #5bc0de;} 33 | .dbadge-warning { 34 | background-color: #f0ad4e;} 35 | .dbadge-danger { 36 | background-color: #d9534f;} -------------------------------------------------------------------------------- /source/shiraz/macros/text-utility.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/text-utility 3 | type: text/vnd.tiddlywiki 4 | 5 | \define tc(src:"", color:"red") $src$ 6 | \define bc(src:"", color:"yellow") $src$ 7 | \define mono(src:"", class:"") $src$ 8 | \define transform(case:"", src:"", class:"") $src$ 9 | 10 | 11 | \define hl(src:"", color:"yellow") $src$ 12 | 13 | 14 | \define hls(src:"", color:"yellow") $src$ 15 | 16 | 17 | \define hlp(src:"", color:"yellow") $src$ 18 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/tbl-expand.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/tbl-expand 3 | type: text/vnd.tiddlywiki 4 | 5 | \define display-expanded-record() 6 | > class="shiraz-dtable-expanded-record"> 7 | <$tiddler tiddler=<> > 8 | 9 | 10 | <$list filter="[getindex[mode]match[edit]]" variable=ignore 11 | emptyMessage="""{{||$:/core/ui/ViewTemplate/body}}""" > 12 | <$reveal type="nomatch" state="$:/config/shiraz/dynamictables/editor-type" text="main-editor" tag="div"> 13 | <$edit-text class="tbl-inpt-edit" tiddler=<> field="text" tag=textarea/> 14 | 15 | <$reveal type="match" state="$:/config/shiraz/dynamictables/editor-type" text="main-editor" tag="div" class="shiraz-dtable-maineditor"> 16 | {{||$:/core/ui/EditTemplate/body}} 17 | 18 | 19 | 20 | 21 | 22 | \end 23 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/apps.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/csvtables/apps 3 | type: text/vnd.tiddlywiki 4 | 5 | \define nomenclature(id:"nomenclature", delimiter:",") 6 | <> 7 | \end 8 | 9 | \define mathbox(id:"", format:"", delimiter:",") 10 | <> 11 | \end 12 | 13 | \define subscripts(id:"subscripts", delimiter:",") 14 | <> 15 | \end 16 | 17 | \define superscripts(id:"superscripts", delimiter:",") 18 | <> 19 | \end 20 | 21 | -------------------------------------------------------------------------------- /source/shiraz/macros/card.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/card 3 | type: text/vnd.tiddlywiki 4 | 5 | \define card(header:"Empty", title:"Empty" subtitle:"Empty" text:"Empty",footer:"Empty", width:"100%" class:"") 6 |
7 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__header__>> > 8 |
$header$
9 | 10 |
11 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__title__>> > 12 |
$title$
13 | 14 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__subtitle__>> > 15 |
$subtitle$
16 | 17 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__text__>> > 18 |
<<__text__>>
19 | 20 |
21 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__footer__>> > 22 |
$footer$
23 | 24 |
25 | \end -------------------------------------------------------------------------------- /source/shiraz/templates/body/color.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/BodyTemplate 2 | tbl-column-list: color 3 | title: $:/plugins/kookma/shiraz/templates/body/color 4 | type: text/vnd.tiddlywiki 5 | 6 | \procedure box(stroke-color, fill) 7 | \parameters (width:40, height:18) 8 | > height=<> > 9 | > height=<> x="0" y="0" rx="10" ry="10" stroke=<> fill=<> stroke-width="0"/> 10 | 11 | \end 12 | \procedure show-cell() <$transclude $variable=box fill={{{ [get[color]else[transparent]] }}}/> 13 | \procedure show-cell-locked() <> 14 | \procedure edit-cell() <$edit-text tag=input type=color tiddler=<> field=<>/> 15 | 16 | 17 | 18 | <%if [getindex[mode]!match[edit]] %> 19 | <> 20 | <%elseif [getindex[sortIndex]match] %> 21 | <> 22 | <%else%> 23 | <> 24 | <%endif%> 25 | 26 | -------------------------------------------------------------------------------- /source/shiraz-callout/macros/callout.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz-callout/macros/callout 3 | type: text/vnd.tiddlywiki 4 | 5 | \define callout(type:"note", src, title, width:"100%", class) 6 | <$let theme-class = {{{ [[$:/palette]get[text]get[color-scheme]else[light]addprefix[theme-]] }}} 7 | callout-title = {{{ [<__title__>!is[blank]] :else[<__type__>titlecase[]] }}} 8 | icon-tiddler = {{{ [all[tiddlers+shadows]tag[$:/tags/ShirazCallout/Image]contains:callout-type<__type__>] 9 | :else[[$:/plugins/kookma/shiraz-callout/images/note]] }}} 10 | source = {{{ [<__src__>get[text]else<__src__>] }}} > 11 |
> style="width:$width$;"> 12 |
> class="callout $class$" $status$> 13 |
14 |
<$transclude tiddler=<> field=text/>
15 |
<>
16 |
17 | <$list filter="[<__src__>!is[blank]]" variable=ignore> 18 |
19 | <$transclude tiddler=<> field=title mode=block /> 20 |
21 | 22 |
23 |
24 | 25 | \end -------------------------------------------------------------------------------- /source/shiraz/templates/body/email.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: email 4 | title: $:/plugins/kookma/shiraz/templates/body/email 5 | type: text/vnd.tiddlywiki 6 | 7 | \define display-email-address() 8 | <$let href={{{[getaddprefix[mailto:]]}}} > 9 | > rel="noopener noreferrer" target="_blank"> 10 | <> 11 | 12 | 13 | \end 14 | \define display-email-address_Locked() 15 | <$let href={{{[getaddprefix[mailto:]]}}} > 16 | > rel="noopener noreferrer" target="_blank"> 17 | <> 18 | 19 | 20 | \end 21 | 22 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 23 | <> 24 | 25 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 26 | 27 | <$list filter="[getindex[sortIndex]match]" variable=ignore 28 | emptyMessage=<> > 29 | <> 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /source/shiraz/license.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/license 2 | type: text/vnd.tiddlywiki 3 | 4 | Distributed under an MIT license. 5 | 6 | Copyright (c) 2018-2022 [[Mohammad Rahmani|https://github.com/kookma]] 7 | 8 | <<< 9 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 14 | <<< -------------------------------------------------------------------------------- /source/shiraz/templates/header/tbl-checkbox.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | tbl-column-list: tbl-checkbox 3 | title: $:/plugins/kookma/shiraz/templates/header/tbl-checkbox 4 | type: text/vnd.tiddlywiki 5 | 6 | \define rowStyle() color:<>; background-color:<>; 7 | 8 | \define chk-checkactions() 9 | <$list filter="[subfilter]" variable="currentRecord"> 10 | <$action-listops $tiddler=<> $tags="+[append[Done]]" /> 11 | <$action-setfield $tiddler=<> status="complete"/> 12 | <$action-setfield $tiddler=<> $index=<> $value=<> /> 13 | 14 | \end 15 | \define chk-uncheckactions() 16 | <$list filter="[subfilter]" variable="currentRecord"> 17 | <$action-listops $tiddler=<> $tags="+[remove[Done]]" /> 18 | <$action-setfield $tiddler=<> status="rework"/> 19 | <$action-setfield $tiddler=<> $index=<> /> 20 | 21 | \end 22 | 23 | 24 | <$checkbox checkactions=<> uncheckactions=<> /> 25 | 26 | 27 | -------------------------------------------------------------------------------- /source/shiraz-callout/license.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-callout/license 3 | type: text/vnd.tiddlywiki 4 | 5 | Distributed under an MIT license. 6 | 7 | Copyright (c) 2022-2024 [[Mohammad Rahmani|https://github.com/kookma]] 8 | 9 | <<< 10 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 15 | <<< -------------------------------------------------------------------------------- /source/shiraz-formatter/license.tid: -------------------------------------------------------------------------------- 1 | tags: 2 | title: $:/plugins/kookma/shiraz-formatter/license 3 | type: text/vnd.tiddlywiki 4 | 5 | Distributed under an MIT license. 6 | 7 | Copyright (c) 2022-2024 [[Mohammad Rahmani|https://github.com/kookma]] 8 | 9 | <<< 10 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 15 | <<< -------------------------------------------------------------------------------- /source/shiraz-callout/macros/callout-details.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz-callout/macros/callout-details 3 | type: text/vnd.tiddlywiki 4 | 5 | \define callout-details(type:"note", src, title, status, width:"100%", class) 6 | <$let theme-class = {{{ [[$:/palette]get[text]get[color-scheme]else[light]addprefix[theme-]] [<__class__>] :and[join[ ]] }}} 7 | callout-title = {{{ [<__title__>!is[blank]] :else[<__type__>titlecase[]] }}} 8 | icon-tiddler = {{{ [all[tiddlers+shadows]tag[$:/tags/ShirazCallout/Image]contains:callout-type<__type__>] 9 | :else[[$:/plugins/kookma/shiraz-callout/images/note]] }}} 10 | source = {{{ [<__src__>get[text]else<__src__>] }}} > 11 |
> style="width:$width$;"> 12 |
> class="callout $class$" $status$> 13 | 14 |
<$transclude tiddler=<> field=text/>
15 |
<>
16 |
{{$:/plugins/kookma/shiraz-callout/images/chevron}}
17 | 18 |
19 | <$transclude tiddler=<> field=title mode=block /> 20 |
21 |
22 |
23 | 24 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/flex.css: -------------------------------------------------------------------------------- 1 | /* multicolumn layout using flexbox courtesy from Bootstrap 4.3.1*/ 2 | .flex-row { 3 | display: flex; 4 | flex-direction: row; 5 | flex-wrap: wrap; 6 | /* margin-right: -15px; 7 | margin-left: -15px;*/ 8 | } 9 | 10 | .flex-col, 11 | .flex-col-1, 12 | .flex-col-2, 13 | .flex-col-3, 14 | .flex-col-4 { 15 | position: relative; 16 | width: 100%; 17 | padding-right: 15px; 18 | padding-left: 15px; 19 | } 20 | 21 | /* for small screen width>=576px 22 | https://getbootstrap.com/docs/4.3/layout/grid/ 23 | */ 24 | @media (min-width: 576px) { 25 | .flex-col {flex: 1 1 0; max-width: 100%;} 26 | .flex-col-1 {flex: 0 0 25%; max-width:25%} 27 | .flex-col-2 {flex: 0 0 50%; max-width:50%} 28 | .flex-col-3 {flex: 0 0 75%; max-width:75%} 29 | .flex-col-4 {flex: 0 0 100%; max-width:100%} 30 | } 31 | 32 | .flex-col > :first-child, 33 | .flex-col-1 > :first-child, 34 | .flex-col-2 > :first-child, 35 | .flex-col-3 > :first-child, 36 | .flex-col-4 > :first-child { 37 | margin-top: 0;} 38 | 39 | 40 | /* Alignment */ 41 | .flex-align-items-center { 42 | align-items: center !important; 43 | } 44 | .flex-justify-content-center { 45 | justify-content: center !important; 46 | } 47 | 48 | .flex-no-gutters { 49 | margin-right: 0; 50 | margin-left: 0; 51 | } -------------------------------------------------------------------------------- /source/shiraz/styles/multicols/column.css: -------------------------------------------------------------------------------- 1 | /* multicolumn layouts with fixed column number works on the whole tiddler */ 2 | .multicol .tc-tiddler-body { 3 | column-width: 14em; 4 | column-rule: 1px solid #ccc; 5 | } 6 | /* two columns responsive*/ 7 | .multicol2 .tc-tiddler-body { 8 | column-count:2; 9 | column-width:15em; 10 | } 11 | /* three columns responsive*/ 12 | .multicol3 .tc-tiddler-body { 13 | column-count:3; 14 | column-width:10em; 15 | } 16 | 17 | 18 | /* remove the extra space from first paragraph */ 19 | .multicol .tc-tiddler-body > :first-child, 20 | .multicol2 .tc-tiddler-body > :first-child, 21 | .multicol3 .tc-tiddler-body > :first-child { margin-top: 0;} 22 | 23 | /*-------------------------------------------------------------------------------*/ 24 | /* Classes for using with macro and div elements */ 25 | .sh-multicol { 26 | column-width: 14em; 27 | column-rule: 1px solid #ccc; 28 | } 29 | /* two columns responsive*/ 30 | .sh-multicol2 { 31 | column-count:2; 32 | column-width:15em; 33 | } 34 | /* three columns responsive*/ 35 | .sh-multicol3 { 36 | column-count:3; 37 | column-width:10em; 38 | } 39 | 40 | /* remove the extra space from first paragraph */ 41 | .sh-multicol > :first-child, 42 | .sh-multicol2 > :first-child, 43 | .sh-multicol3 > :first-child { margin-top: 0;} -------------------------------------------------------------------------------- /source/shiraz/macros/slider.tid: -------------------------------------------------------------------------------- 1 | description: Slider macro shows (hides) its content. 2 | tags: $:/tags/Macro 3 | title: $:/plugins/kookma/shiraz/macros/slider 4 | type: text/vnd.tiddlywiki 5 | 6 | \define slider(label, src, labelClass, srcClass, status:"closed") 7 | <$let revealState = """$:/state/shiraz/slider-macro/$(currentTiddler)$/$label$""" 8 | source = {{{ [<__src__>get[text]else<__src__>] }}} > 9 |

10 | <$reveal type="nomatch" state=<> text="open" default="$status$"> 11 | <$button class="tc-btn-invisible tc-tiddlylink" set=<> setTo="open"> 12 | <$transclude tiddler="$:/core/images/right-arrow" /> 13 | 14 | 15 | <$reveal type="match" state=<> text="open" default="$status$"> 16 | <$button class="tc-btn-invisible tc-tiddlylink" set=<> setTo="closed"> 17 | <$transclude tiddler="$:/core/images/down-arrow" /> 18 | 19 | 20 | <$let tv-wikilinks="no">$label$ 21 |

22 | <$reveal type="match" state=<> text="open" default="$status$" class="$srcClass$" tag=div> 23 | <$transclude tiddler=<> field=title mode=block/> 24 | 25 | 26 | 27 | \end -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/helper.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/helper 3 | type: text/vnd.tiddlywiki 4 | 5 | \define columnFilter() $(columns)$ tbl-delete 6 | 7 | \define tempTable() $:/state/dynamictables/$(currentTable)$ 8 | 9 | \define tempTableSort() $(tempTable)$/sortby 10 | \define tempTagPopup() $(tempTable)$/$(currentRecord)$/$(currentTiddler)$ 11 | \define tempTableExpand() $(tempTable)$/expand 12 | \define tempPathExpand() $(tempTableExpand)$##$(currentRecord)$ 13 | \define tempTableEdit() $(tempTable)$/edit-view-status 14 | 15 | \define keepstate() $:/keepstate/dynamictables/$(currentTable)$ 16 | 17 | \define tempTableFooter() $(keepstate)$/footer 18 | \define tempTableStyle() $(keepstate)$/style 19 | \define tempWarningMsg() $(keepstate)$/warning 20 | 21 | \define pageStateTiddler() $(keepstate)$/page-number 22 | \define entryPerPageStateTiddler() $(keepstate)$/entry-per-page 23 | 24 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/status.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: status 4 | title: $:/plugins/kookma/shiraz/templates/body/status 5 | type: text/vnd.tiddlywiki 6 | 7 | \define show-cell() <$transclude tiddler=<> field=<> mode="inline" /> 8 | \define show-cell-locked() <> 9 | \define select_status() 10 | <$select tiddler=<> field=<> default=""> 11 | 12 | <$list filter="open in-work on-hold complete rework closed" variable=status> 13 | 14 | \end 15 | 16 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td" class="shiraz-dtable-col-fixedsize"> 17 | <> 18 | 19 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 20 | 21 | <$list filter="[getindex[sortIndex]match]" variable=ignore 22 | emptyMessage=<> > 23 | <> 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/formats-task.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/formats-task 2 | type: text/vnd.tiddlywiki 3 | 4 | \define checkbox() 5 | 6 | <$list filter="[trim[]match[x]]" variable=ignore> 7 | 8 | <$list filter="[trim[]match[-]]" variable=ignore> 9 | \end 10 | 11 | 12 | \define todo-action(param) 13 | 14 | <$vars lbr=" 15 | "> 16 | <$vars in={{{ [addsuffix] }}} out={{{[splitregexprest[]joinaddprefixaddprefix[$param$]addsuffix]}}} > 17 | <$action-setfield $tiddler=<> text={{{ [get[text]search-replace:g:,] }}}/> 18 | 19 | 20 | \end 21 | 22 | \define todo() 23 | 24 | <$list filter="[trim[]match[-]]" variable=ignore> 25 | <$button class="tc-btn-invisible" actions=<>> 26 | 27 | 28 | <$list filter="[trim[]match[x]]" variable=ignore> 29 | <$button class="tc-btn-invisible" actions=<>> 30 | 31 | 32 | \end 33 | 34 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/pagination.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/pagination 3 | type: text/vnd.tiddlywiki 4 | 5 | \define prev-button() 6 | 7 | <$list filter="[compare:number:lt[2]then[yes]else[no]]" variable=state> 8 | <$button disabled=<> class="shiraz-dtable-page-prev tc-btn-invisible"> 9 | {{$:/core/images/chevron-left}} Prev 10 | <$action-listops $tiddler=<> $field=text $subfilter="+[subtract[1]] ~[[1]]"/> 11 | 12 | 13 | \end 14 | 15 | \define next-button() 16 | 17 | <$list filter="[compare:number:gteqthen[yes]else[no]]" variable=state> 18 | <$button disabled=<> class="shiraz-dtable-page-next tc-btn-invisible"> 19 | Next {{$:/core/images/chevron-right}} 20 | <$action-listops $tiddler=<> $field=text $subfilter="+[add[1]] ~[[2]]"/> 21 | 22 | 23 | \end 24 | 25 | \define limit-entries() 26 | 27 | <$select tiddler=<> default=25 actions="""<$action-setfield $tiddler=<> text=1/>"""> 28 | <$list filter='5 10 15 20 25 30 40 50' variable=num> 29 | 30 | 31 | 32 | 33 | \end -------------------------------------------------------------------------------- /source/shiraz/history.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/history 2 | type: text/vnd.tiddlywiki 3 | 4 | Full change log: [[https://kookma.github.io/TW-Shiraz/#ChangeLog]] 5 | 6 | * ''2.9.7'' -- 2024.07.13 -- update to work with TiddlyWiki 5.3.5 7 | * ''2.9.5'' -- 2024.06.05 -- minor bug fixes. Reverted to work with TW 5.2.7+ 8 | * ''2.9.4'' -- 2024.05.31 -- update to use some new features of 5.3.3 9 | * ''2.7.1'' -- 2022.12.17 -- update to Tiddlywiki 5.2.4, few bug fixes 10 | * ''2.6.9'' -- 2022.10.17 -- improved Node Explorer, and task Explorer 11 | * ''2.6.1'' -- 2022.09.27 -- new subplug Formatter, better task manager 12 | * ''2.5.0'' -- 2022.08.02 -- new data block, updated to Tiddlywiki 5.2.3 13 | * ''2.4.4'' -- 2021.09.19 -- added css class for tbl-expand customization 14 | * ''2.4.2'' -- 2021.09.10 -- quick table with bunch of column formatting 15 | * ''2.3.3'' -- 2021.05.20 -- small bug fixes in switch palette 16 | * ''2.3.1'' -- 2021.05.19 -- tbl-linktype template to be used for generating node-explorer 17 | * ''2.3.0'' -- 2021.05.10 -- switch palette for dim/dark and light palette selection 18 | * ''2.2.2'' -- 2021.04.22 -- several issues fixed for pagination, notebook and image classes 19 | * ''2.2.0'' -- 2021.02.26 -- updated to TW 5.1.23 and pagination added to dynamic tables 20 | * ''2.1.1'' -- 2020.03.25 -- slider macro with initial status 21 | * ''2.1.0'' -- 2020.03.23 -- stable release on TW-5.1.22pre 22 | * ''1.0.0'' -- 2018.10.05 -- first public release 23 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/due-date.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: due-date due 4 | title: $:/plugins/kookma/shiraz/templates/body/due-date 5 | type: text/vnd.tiddlywiki 6 | 7 | \procedure show-cell() 8 | <$let fmt="[UTC]YYYY.0MM.0DD"> 9 | <$set tiddler=<> field=<> name=due-date> 10 | <$text text={{{[split[-]split[.]join[]format:date]}}} /> 11 | 12 | 13 | \end 14 | 15 | \procedure show-cell-locked() <> 16 | 17 | \procedure edit_date() 18 | <$list filter="[[$:/plugins/kookma/pikaday]!is[missing]] :filter[lookup:no[$:/config/Plugins/Disabled/]match[no]]" 19 | emptyMessage='<$edit-text tag=input type=date tiddler=<> field=<>/>' 20 | variable=null > 21 | <> 22 | 23 | \end 24 | 25 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td" class="shiraz-dtable-date"> 26 | <> 27 | 28 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 29 | 30 | <$list filter="[getindex[sortIndex]match]" variable=ignore 31 | emptyMessage=<> > 32 | <> 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /source/shiraz/ui/Buttons/SwitchPalette.tid: -------------------------------------------------------------------------------- 1 | caption: {{$:/plugins/kookma/shiraz/images/palette-switch}} {{$:/language/Buttons/Shiraz/Caption}} 2 | dark-palette: $:/palettes/Nord 3 | description: Toggle between light/warm/dark color palette 4 | light-palette: $:/palettes/Vanilla 5 | list-after: 6 | tags: $:/tags/PageControls 7 | title: $:/plugins/kookma/shiraz/ui/Buttons/SwitchPalette 8 | type: text/vnd.tiddlywiki 9 | warm-palette: $:/palettes/SolarFlare 10 | 11 | \define switchActions() <$action-setfield $tiddler="$:/palette" $field="text" $value=<> /> 12 | \whitespace trim 13 | <$let 14 | selected-palettes={{{ 15 | [get[light-palette]] 16 | [get[warm-palette]] 17 | [get[dark-palette]] +[join[ ]] }}} 18 | 19 | default-palette={{{ 20 | [get[light-palette]] 21 | [[$:/palettes/Vanilla]] +[first[]] }}} 22 | next-palette={{{ 23 | [[$:/palette]get[text]] 24 | +[cycle] +[last[]] 25 | :else[] }}} 26 | > 27 | <$button 28 | tooltip={{$:/language/Buttons/Shiraz/Hint}} 29 | aria-label={{$:/language/Buttons/Shiraz/Caption}} 30 | class=<> 31 | actions=<> 32 | > 33 | <$list filter="[match[yes]]"> 34 | {{$:/plugins/kookma/shiraz/images/palette-switch}} 35 | 36 | 37 | <$list filter="[match[yes]]"> 38 | switch palettes 39 | 40 | 41 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/warning_message.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/warning_message 3 | type: text/vnd.tiddlywiki 4 | 5 | \define filterCriteria() [subfilter!type[application/x-tiddler-dictionary]!type[application/json]] 6 | \define show_tiddler_types() 7 |
8 | List tiddlers with wrong type 9 |
    10 | <$list filter=<> > 11 |
  • <$link/> (type: <$view field=type/>)
    • 12 | 13 |
14 |
15 | \end 16 | 17 | \define dismissButton() 18 | <$button class="tc-btn-invisible tc-tiddlylink" style="fill:white;" tooltip="Dismiss alert and continue with the current selection!"> 19 | {{$:/core/images/close-button}} 20 | <$action-setfield $tiddler=<> text="dissmiss"/> 21 | 22 | \end 23 | 24 | \define check_tiddlers_type_for_table_from_indexes() 25 | <$list filter="[]-field" variable=ignore> 26 | <$list filter="[<__editButton__>match[yes]]" variable=ignore> 27 | <$list filter="[is[missing]]" variable=ignore> 28 | <$list filter="[subfilter] :and[limit[1]]" variable=ignore> 29 | 30 | > > 31 | Danger: Editable dynamic table from idexes with mixed types of tiddlers!  <> 32 | <> 33 | 34 | 35 | 36 | 37 | 38 | 39 | \end 40 | -------------------------------------------------------------------------------- /source/shiraz/macros/list-search.tid: -------------------------------------------------------------------------------- 1 | author: Jeremy Ruston 2 | description: creates few paragraphs of dumy text 3 | tags: $:/tags/Macro 4 | title: $:/plugins/kookma/shiraz/macros/list-search 5 | type: text/vnd.tiddlywiki 6 | 7 | \define list-search( filter:"[!is[system]]", search:"search:title", template:"$:/core/ui/ListItemTemplate", 8 | class:"my-3", stateTiddler:"", placeholder:"keywords") 9 | <$set name="state" filter="[[$:/temp/list-search/]addsuffix<__stateTiddler__>addsuffix]"> 10 |
> > 11 | <$keyboard key="escape" actions='<$action-deletetiddler $tiddler=<>/>' > 12 | <$edit-text tiddler=<> type="search" tag="input" default="" placeholder="$placeholder$" class="w-100"/> 13 | 14 |
15 | <$reveal stateTitle=<> stateField=text type="match" text="" class=<<__class__>> tag=div> 16 | <$list filter=<<__filter__>> template=<<__template__>>/> 17 | 18 | <$reveal stateTitle=<> stateField=text type="nomatch" text="" class=<<__class__>> tag=div> 19 | <$let term={{{ [get[text]] }}} 20 | sub= {{{ "[" [<__search__>] "]" :and[join[]] }}} > 21 | <$list filter="[subfilter<__filter__>]:and[subfilter]" template=<<__template__>>/> 22 | 23 | 24 | 25 | \end 26 | -------------------------------------------------------------------------------- /source/shiraz-callout/styles/types.css: -------------------------------------------------------------------------------- 1 | .callout[data-callout="abstract"], 2 | .callout[data-callout="summary"], 3 | .callout[data-callout="tldr"] { 4 | --callout-color: 0, 176, 255; 5 | } 6 | .callout[data-callout="info"], 7 | .callout[data-callout="todo"] { 8 | --callout-color: 0, 184, 212; 9 | } 10 | .callout[data-callout="tip"], 11 | .callout[data-callout="hint"], 12 | .callout[data-callout="important"] { 13 | --callout-color: 0, 191, 165; 14 | } 15 | .callout[data-callout="success"], 16 | .callout[data-callout="check"], 17 | .callout[data-callout="done"] { 18 | --callout-color: 0, 200, 83; 19 | } 20 | .callout[data-callout="question"], 21 | .callout[data-callout="help"], 22 | .callout[data-callout="faq"] { 23 | --callout-color: 100, 221, 23; 24 | } 25 | .callout[data-callout="warning"], 26 | .callout[data-callout="caution"], 27 | .callout[data-callout="attention"] { 28 | --callout-color: 255, 145, 0; 29 | } 30 | .callout[data-callout="failure"], 31 | .callout[data-callout="fail"], 32 | .callout[data-callout="missing"] { 33 | --callout-color: 255, 82, 82; 34 | } 35 | .callout[data-callout="danger"], 36 | .callout[data-callout="error"] { 37 | --callout-color: 255, 23, 68; 38 | } 39 | .callout[data-callout="bug"] { 40 | --callout-color: 245, 0, 87; 41 | } 42 | .callout[data-callout="example"] { 43 | --callout-color: 124, 77, 255; 44 | } 45 | .callout[data-callout="quote"], 46 | .callout[data-callout="cite"], 47 | .callout[data-callout="secondary"]{ 48 | --callout-color: 158, 158, 158; 49 | } 50 | 51 | .callout[data-callout="primary"]{ 52 | --callout-color: 68, 138, 255; 53 | } 54 | 55 | .callout[data-callout="dark"]{ 56 | --callout-color: 33, 37, 41; 57 | } -------------------------------------------------------------------------------- /source/shiraz/styles/bs/alerts.css: -------------------------------------------------------------------------------- 1 | /*Was taken from bootstrap 4.1.3*/ 2 | .alert { 3 | position: relative; 4 | padding: 0.75rem 1.25rem; 5 | margin-bottom: 1rem; 6 | border: 1px solid transparent; 7 | border-radius: 0.25rem; 8 | } 9 | .alert-primary { 10 | color: #004085; 11 | background-color: #cce5ff; 12 | border-color: #b8daff; 13 | } 14 | 15 | .alert-primary hr { 16 | border-top-color: #9fcdff; 17 | } 18 | .alert-secondary { 19 | color: #383d41; 20 | background-color: #e2e3e5; 21 | border-color: #d6d8db; 22 | } 23 | 24 | .alert-secondary hr { 25 | border-top-color: #c8cbcf; 26 | } 27 | 28 | .alert-success { 29 | color: #155724; 30 | background-color: #d4edda; 31 | border-color: #c3e6cb; 32 | } 33 | 34 | .alert-success hr { 35 | border-top-color: #b1dfbb; 36 | } 37 | .alert-info { 38 | color: #0c5460; 39 | background-color: #d1ecf1; 40 | border-color: #bee5eb; 41 | } 42 | 43 | .alert-info hr { 44 | border-top-color: #abdde5; 45 | } 46 | .alert-warning { 47 | color: #856404; 48 | background-color: #fff3cd; 49 | border-color: #ffeeba; 50 | } 51 | 52 | .alert-warning hr { 53 | border-top-color: #ffe8a1; 54 | } 55 | 56 | .alert-danger { 57 | color: #721c24; 58 | background-color: #f8d7da; 59 | border-color: #f5c6cb; 60 | } 61 | 62 | .alert-danger hr { 63 | border-top-color: #f1b0b7; 64 | } 65 | .alert-light { 66 | color: #818182; 67 | background-color: #fefefe; 68 | border-color: #fdfdfe; 69 | } 70 | 71 | .alert-light hr { 72 | border-top-color: #ececf6; 73 | } 74 | .alert-dark { 75 | color: #1b1e21; 76 | background-color: #d6d8d9; 77 | border-color: #c6c8ca; 78 | } 79 | 80 | .alert-dark hr { 81 | border-top-color: #b9bbbe; 82 | } 83 | -------------------------------------------------------------------------------- /source/shiraz/templates/header/default.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/HeaderTemplate 2 | title: $:/plugins/kookma/shiraz/templates/header/default 3 | type: text/vnd.tiddlywiki 4 | 5 | <$reveal type="nomatch" stateTitle=<> stateIndex="sortIndex" text=<> tag="th"> 6 | <$button setTitle=<> setIndex="sortIndex" setTo=<> class="tc-btn-invisible tc-tiddlylink" > 7 | <$action-setfield $tiddler=<> $index="hasnegate" $value="false"/> 8 | <$action-setfield $tiddler=<> $index="negate" $value=""/> 9 | <$text text=<>/> 10 | 11 | 12 | <$reveal type="match" stateTitle=<> stateIndex="sortIndex" text=<> tag="th"> 13 | <$list filter="[getindex[hasnegate]match[false]]" variable=ignore> 14 | <$button setTitle=<> setIndex="hasnegate" setTo="true" class="tbl-sort-svg tc-btn-invisible tc-tiddlylink" > 15 | <$action-setfield $tiddler=<> $index="negate" $value="!"/> 16 | <$text text=<>/> {{$:/core/images/down-arrow}} 17 | 18 | 19 | <$list filter="[getindex[hasnegate]match[true]]" variable=ignore> 20 | <$button setTitle=<> setIndex="hasnegate" setTo="false" class="tbl-sort-svg tc-btn-invisible tc-tiddlylink" > 21 | <$action-setfield $tiddler=<> $index="negate" $value=""/> 22 | <$text text=<>/> {{$:/core/images/up-arrow}} 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /source/shiraz/styles/notebook.css: -------------------------------------------------------------------------------- 1 | @media print{ 2 | .notebook .tc-tiddler-body { 3 | padding-left:60px; 4 | margin-top:25px; 5 | } 6 | .notebook .tc-tiddler-title, 7 | .notebook .tc-subtitle, 8 | .notebook .tc-tags-wrapper { 9 | padding-left:60px; 10 | } 11 | } 12 | 13 | @media screen{ 14 | .notebook .tc-tiddler-title, 15 | .notebook .tc-subtitle, 16 | .notebook .tc-tags-wrapper, 17 | .notebook .tc-tiddler-body { 18 | padding-left:30px; 19 | } 20 | 21 | } 22 | 23 | @media screen and (max-width:960px) { 24 | .notebook .tc-tiddler-title, 25 | .notebook .tc-subtitle, 26 | .notebook .tc-tags-wrapper, 27 | .notebook .tc-tiddler-body { 28 | padding-left:60px; 29 | } 30 | 31 | } 32 | /*prevent applying left border in edit mode */ 33 | .notebook:not([data-tiddler-title^="Draft of"]):before { 34 | content: ''; 35 | position: absolute; 36 | top: 0; bottom: 0; left: 0; 37 | width: 50px; 38 | background: radial-gradient(#575450 6px, transparent 7px) repeat-y; 39 | background-size: 30px 30px; 40 | border-right: 3px solid #D44147; 41 | z-index:1; 42 | } 43 | 44 | .notebook .tc-tiddler-body { 45 | position: relative; 46 | background: linear-gradient(transparent, transparent 1.95em, #91D1D3 1.95em); 47 | background-size: 2em 2em; 48 | min-height:90px; 49 | } 50 | 51 | .notebook .tc-tiddler-body{ 52 | padding-top:20px; 53 | font-family: "Handlee", cursive; 54 | font-weight:300; 55 | line-height:2em; 56 | color:#696969; 57 | } 58 | 59 | /* Setting font for other elements */ 60 | .notebook .tc-tiddler-body pre, 61 | .notebook .tc-tiddler-body code, 62 | .notebook .tc-tiddler-body pre code 63 | { 64 | font-family: "Handlee", cursive; 65 | font-weight:300; 66 | } -------------------------------------------------------------------------------- /source/shiraz/ui/ControlPanel/Settings.tid: -------------------------------------------------------------------------------- 1 | caption: Shiraz 2 | tags: $:/tags/ControlPanel/SettingsTab $:/tags/MoreSideBar 3 | title: $:/plugins/kookma/shiraz/ui/ControlPanel/Settings 4 | type: text/vnd.tiddlywiki 5 | 6 | \define dynamictables-editortype() $:/config/shiraz/dynamictables/editor-type 7 | 8 | These settings let you customise the behaviour of Shiraz plugin. 9 | 10 | --- 11 | 12 | ;Show Shiraz setting in more sidebar 13 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/ui/ControlPanel/Settings" tag="$:/tags/MoreSideBar"> Show setting in more sidebar 14 | 15 | ;Options 16 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/styles/multicols/storyriver" tag="$:/tags/Stylesheet"> Multicolumn story river 17 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/styles/ui/colorify-buttons" tag="$:/tags/Stylesheet"> Colorful UI buttons 18 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/styles/ui/view-toolbar-button-visibility" tag="$:/tags/Stylesheet"> Hide tiddler's view toolbar and show on mouse hover 19 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/styles/ui/edit-toolbar-buttons" tag="$:/tags/Stylesheet"> Traffic lights for edit toolbar buttons 20 | :<$checkbox tiddler="$:/plugins/kookma/shiraz/styles/colorful-sidebar-tab" tag="$:/tags/Stylesheet"> Colorify sidebar tabs 21 | 22 | ;Set dark and light palettes 23 | {{$:/plugins/kookma/shiraz/ui/set-palette}} 24 | 25 | ; Choose Local Editor for Dynamic Table 26 | :<$checkbox tiddler=<> field="text" checked="main-editor" unchecked="simple-textarea" default="simple-textarea"> Use Tiddlywiki main editor 27 | :<$checkbox tiddler=<> field="text" checked="simple-textarea" unchecked="main-editor" default="simple-textarea"> Use simple text area -------------------------------------------------------------------------------- /source/shiraz/styles/image-slidein.css: -------------------------------------------------------------------------------- 1 | .image-slidein { 2 | display: block; 3 | position: relative; 4 | /*float: left;*/ 5 | overflow: hidden; 6 | /* margin: 0 20px 20px 0;*/ 7 | } 8 | 9 | .image-slidein img { 10 | width: 100%; 11 | height: auto; 12 | } 13 | 14 | .image-slidein figcaption { 15 | position: absolute; 16 | background: rgba(0,0,0,0.75); 17 | color: white; 18 | padding: 10px 20px; 19 | opacity: 0; 20 | -webkit-transition: all 0.6s ease; 21 | -moz-transition: all 0.6s ease; 22 | -o-transition: all 0.6s ease; 23 | } 24 | .image-slidein:hover figcaption { 25 | opacity: 1; 26 | } 27 | .image-slidein:before { 28 | content: "?"; 29 | position: absolute; 30 | font-weight: 800; 31 | background: rgba(255,255,255,0.75); 32 | text-shadow: 0 0 5px white; 33 | color: black; 34 | width: 24px; 35 | height: 24px; 36 | -webkit-border-radius: 12px; 37 | -moz-border-radius: 12px; 38 | border-radius: 12px; 39 | text-align: center; 40 | font-size: 14px; 41 | line-height: 24px; 42 | -moz-transition: all 0.6s ease; 43 | opacity: 0.75; 44 | } 45 | .image-slidein:hover:before { 46 | opacity: 0; 47 | } 48 | 49 | .mr-cap-left:before { bottom: 10px; left: 10px; } 50 | .mr-cap-left figcaption { bottom: 0; left: -30%; } 51 | .mr-cap-left:hover figcaption { left: 0; } 52 | 53 | .mr-cap-right:before { bottom: 10px; right: 10px; } 54 | .mr-cap-right figcaption { bottom: 0; right: -30%; } 55 | .mr-cap-right:hover figcaption { right: 0; } 56 | 57 | .mr-cap-top:before { top: 10px; left: 10px; } 58 | .mr-cap-top figcaption { left: 0; top: -30%; } 59 | .mr-cap-top:hover figcaption { top: 0; } 60 | 61 | .mr-cap-bottom:before { bottom: 10px; left: 10px; } 62 | .mr-cap-bottom figcaption { left: 0; bottom: -30%;} 63 | .mr-cap-bottom:hover figcaption { bottom: 0; } 64 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-colors.css: -------------------------------------------------------------------------------- 1 | /* from bootstrap 4.1.3 */ 2 | 3 | .text-white { 4 | color: #fff !important; 5 | } 6 | 7 | .text-primary { 8 | color: #007bff !important; 9 | } 10 | 11 | a.text-primary:hover, a.text-primary:focus { 12 | color: #0062cc !important; 13 | } 14 | 15 | .text-secondary { 16 | color: #6c757d !important; 17 | } 18 | 19 | a.text-secondary:hover, a.text-secondary:focus { 20 | color: #545b62 !important; 21 | } 22 | 23 | .text-success { 24 | color: #28a745 !important; 25 | } 26 | 27 | a.text-success:hover, a.text-success:focus { 28 | color: #1e7e34 !important; 29 | } 30 | 31 | .text-info { 32 | color: #17a2b8 !important; 33 | } 34 | 35 | a.text-info:hover, a.text-info:focus { 36 | color: #117a8b !important; 37 | } 38 | 39 | .text-warning { 40 | color: #ffc107 !important; 41 | } 42 | 43 | a.text-warning:hover, a.text-warning:focus { 44 | color: #d39e00 !important; 45 | } 46 | 47 | .text-danger { 48 | color: #dc3545 !important; 49 | } 50 | 51 | a.text-danger:hover, a.text-danger:focus { 52 | color: #bd2130 !important; 53 | } 54 | 55 | .text-light { 56 | color: #f8f9fa !important; 57 | } 58 | 59 | a.text-light:hover, a.text-light:focus { 60 | color: #dae0e5 !important; 61 | } 62 | 63 | .text-dark { 64 | color: #343a40 !important; 65 | } 66 | 67 | a.text-dark:hover, a.text-dark:focus { 68 | color: #1d2124 !important; 69 | } 70 | 71 | .text-body { 72 | color: #212529 !important; 73 | } 74 | 75 | .text-muted { 76 | color: #6c757d !important; 77 | } 78 | 79 | .text-black-50 { 80 | color: rgba(0, 0, 0, 0.5) !important; 81 | } 82 | 83 | .text-white-50 { 84 | color: rgba(255, 255, 255, 0.5) !important; 85 | } 86 | 87 | .text-hide { 88 | font: 0/0 a; 89 | color: transparent; 90 | text-shadow: none; 91 | background-color: transparent; 92 | border: 0; 93 | } 94 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/confirm-delete.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/confirm-delete 3 | type: text/vnd.tiddlywiki 4 | 5 | \define confirm-delete() 6 | 7 | <$list filter="[subfilterlimit[1]]" variable=ignore> 8 | <$reveal class="tbl-delete-confirm" type="match" default={{{ [[$:/temp/tables/delete-all]has:indexthen[yes]] }}} text="yes" tag="tr"> 9 | > > 10 | <$list filter="[[$:/temp/tables/delete-all]getindexmatch[delete-confirmed]]" 11 | variable=ignore emptyMessage=<> > 12 | <> 13 | 14 | 15 | 16 | 17 | \end 18 | 19 | \define ask-for-delete() 20 | <$set name=ntids filter="[subfiltercount[]]"> 21 | Delete all <> records? 22 | <$button class="tc-btn-invisible"> 23 | <$action-setfield $tiddler="$:/temp/tables/delete-all" $index=<> $value="delete-confirmed"/> 24 | {{$:/core/images/delete-button}} yes 25 | or 26 | <$button class="tc-btn-invisible"> 27 | <$action-setfield $tiddler="$:/temp/tables/delete-all" $index=<>/> 28 | {{$:/core/images/close-button}} no 29 | 30 | 31 | \end 32 | 33 | \define perform-delete() 34 | Warning! this action cannot be undone! 35 | <$button class="tc-btn-invisible"> 36 | <$action-setfield $tiddler="$:/temp/tables/delete-all" $index=<>/> 37 | <$list filter=<> variable="currentRecord"> 38 | <$action-deletetiddler $tiddler=<>/> 39 | 40 | {{$:/core/images/delete-button}} delete 41 | or 42 | <$button class="tc-btn-invisible"> 43 | <$action-setfield $tiddler="$:/temp/tables/delete-all" $index=<>/> 44 | {{$:/core/images/close-button}} cancel 45 | 46 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/bs/text-utility.css: -------------------------------------------------------------------------------- 1 | /* Can be removed latter. This is used for illustration of bootstrap cards */ 2 | 3 | .text-lowercase { 4 | text-transform: lowercase !important; 5 | } 6 | 7 | .text-uppercase { 8 | text-transform: uppercase !important; 9 | } 10 | 11 | .text-capitalize { 12 | text-transform: capitalize !important; 13 | } 14 | 15 | .font-weight-light { 16 | font-weight: 300 !important; 17 | } 18 | 19 | .font-weight-normal { 20 | font-weight: 400 !important; 21 | } 22 | 23 | .font-weight-bold { 24 | font-weight: 700 !important; 25 | } 26 | 27 | .font-italic { 28 | font-style: italic !important; 29 | } 30 | 31 | 32 | .h1, .h2, .h3, .h4, .h5, .h6 { 33 | margin-bottom: 0.5rem; 34 | font-family: inherit; 35 | font-weight: 500; 36 | line-height: 1.2; 37 | color: inherit; 38 | } 39 | 40 | .h1 { 41 | font-size: 2.5rem; 42 | } 43 | 44 | .h2 { 45 | font-size: 2rem; 46 | } 47 | 48 | .h3 { 49 | font-size: 1.75rem; 50 | } 51 | 52 | .h4 { 53 | font-size: 1.5rem; 54 | } 55 | 56 | .h5 { 57 | font-size: 1.25rem; 58 | } 59 | 60 | .h6 { 61 | font-size: 1rem; 62 | } 63 | 64 | .lead { 65 | font-size: 1.25rem; 66 | font-weight: 300; 67 | } 68 | 69 | .display-1 { 70 | font-size: 6rem; 71 | font-weight: 300; 72 | line-height: 1.2; 73 | } 74 | 75 | .display-2 { 76 | font-size: 5.5rem; 77 | font-weight: 300; 78 | line-height: 1.2; 79 | } 80 | 81 | .display-3 { 82 | font-size: 4.5rem; 83 | font-weight: 300; 84 | line-height: 1.2; 85 | } 86 | 87 | .display-4 { 88 | font-size: 3.5rem; 89 | font-weight: 300; 90 | line-height: 1.2; 91 | } 92 | 93 | .hr { 94 | margin-top: 1rem; 95 | margin-bottom: 1rem; 96 | border: 0; 97 | border-top: 1px solid rgba(0, 0, 0, 0.1); 98 | } 99 | 100 | .small { 101 | font-size: 80%; 102 | font-weight: 400; 103 | } 104 | 105 | .mark { 106 | padding: 0.2em; 107 | background-color: #fcf8e3; 108 | } 109 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/background-colors.css: -------------------------------------------------------------------------------- 1 | .bg-primary { 2 | background-color: #007bff !important; 3 | } 4 | 5 | a.bg-primary:hover, a.bg-primary:focus, 6 | button.bg-primary:hover, 7 | button.bg-primary:focus { 8 | background-color: #0062cc !important; 9 | } 10 | 11 | .bg-secondary { 12 | background-color: #6c757d !important; 13 | } 14 | 15 | a.bg-secondary:hover, a.bg-secondary:focus, 16 | button.bg-secondary:hover, 17 | button.bg-secondary:focus { 18 | background-color: #545b62 !important; 19 | } 20 | 21 | .bg-success { 22 | background-color: #28a745 !important; 23 | } 24 | 25 | a.bg-success:hover, a.bg-success:focus, 26 | button.bg-success:hover, 27 | button.bg-success:focus { 28 | background-color: #1e7e34 !important; 29 | } 30 | 31 | .bg-info { 32 | background-color: #17a2b8 !important; 33 | } 34 | 35 | a.bg-info:hover, a.bg-info:focus, 36 | button.bg-info:hover, 37 | button.bg-info:focus { 38 | background-color: #117a8b !important; 39 | } 40 | 41 | .bg-warning { 42 | background-color: #ffc107 !important; 43 | } 44 | 45 | a.bg-warning:hover, a.bg-warning:focus, 46 | button.bg-warning:hover, 47 | button.bg-warning:focus { 48 | background-color: #d39e00 !important; 49 | } 50 | 51 | .bg-danger { 52 | background-color: #dc3545 !important; 53 | } 54 | 55 | a.bg-danger:hover, a.bg-danger:focus, 56 | button.bg-danger:hover, 57 | button.bg-danger:focus { 58 | background-color: #bd2130 !important; 59 | } 60 | 61 | .bg-light { 62 | background-color: #f8f9fa !important; 63 | } 64 | 65 | a.bg-light:hover, a.bg-light:focus, 66 | button.bg-light:hover, 67 | button.bg-light:focus { 68 | background-color: #dae0e5 !important; 69 | } 70 | 71 | .bg-dark { 72 | background-color: #343a40 !important; 73 | } 74 | 75 | a.bg-dark:hover, a.bg-dark:focus, 76 | button.bg-dark:hover, 77 | button.bg-dark:focus { 78 | background-color: #1d2124 !important; 79 | } 80 | 81 | .bg-white { 82 | background-color: #fff !important; 83 | } 84 | 85 | .bg-transparent { 86 | background-color: transparent !important; 87 | } -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/table-csv-utility.tid: -------------------------------------------------------------------------------- 1 | title: $:/plugins/kookma/shiraz/macros/csvtables/table-csv-utility 2 | type: text/vnd.tiddlywiki 3 | 4 | \whitespace trim 5 | 6 | \define mainFilter() [subfilterbutfirst] :sort:$(sortType)$:$(sortNegate)$[split!is[blank]trim[]nth] 7 | \define tempTableSort() $:/state/tablecsv/$(currentTiddler)$/$(stateTiddler)$ 8 | 9 | 10 | \define column-header-template() 11 | <$reveal type="nomatch" stateTitle=<> stateIndex="sortIndex" text=<> tag="th"> 12 | <$button setTitle=<> setIndex="sortIndex" setTo=<> class="tc-btn-invisible tc-tiddlylink" > 13 | <$action-setfield $tiddler=<> $index="hasnegate" $value="false"/> 14 | <$action-setfield $tiddler=<> $index="negate" $value=""/> 15 | <$text text=<>/> 16 | 17 | 18 | <$reveal type="match" stateTitle=<> stateIndex="sortIndex" text=<> tag="th"> 19 | <$list filter="[getindex[hasnegate]match[false]]" variable=ignore> 20 | <$button setTitle=<> setIndex="hasnegate" setTo="true" class="tbl-sort-svg tc-btn-invisible tc-tiddlylink" > 21 | <$action-setfield $tiddler=<> $index="negate" $value="reverse"/> 22 | <$text text=<>/> {{$:/core/images/down-arrow}} 23 | 24 | 25 | <$list filter="[getindex[hasnegate]match[true]]" variable=ignore> 26 | <$button setTitle=<> setIndex="hasnegate" setTo="false" class="tbl-sort-svg tc-btn-invisible tc-tiddlylink" > 27 | <$action-setfield $tiddler=<> $index="negate" $value=""/> 28 | <$text text=<>/> {{$:/core/images/up-arrow}} 29 | 30 | 31 | 32 | \end 33 | 34 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/tag-template.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | title: $:/plugins/kookma/shiraz/templates/body/tag-template 3 | type: text/vnd.tiddlywiki 4 | 5 | 13 | 14 | 15 | \whitespace trim 16 | >> 17 | <$set name="transclusion" value=<>> 18 | <$macrocall $name="tag-pill-body" 19 | tag=<> 20 | icon={{{ [] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerIconFilter]!is[draft]get[text]] }}} 21 | colour={{{ [] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerColourFilter]!is[draft]get[text]] }}} 22 | palette={{$:/palette}} 23 | element-tag="$button" 24 | element-attributes="""popup={{{ [][][]+[join[/]] }}} dragFilter="[all[current]tagging[]]" tag='span'""" 25 | /> 26 | <$reveal state={{{ [][][]+[join[/]] }}} type="popup" position="below" animate="yes" class="tc-drop-down"> 27 | <$set name="tv-show-missing-links" value="yes"> 28 | <$transclude tiddler="$:/core/ui/ListItemTemplate"/> 29 | 30 | <$list filter="[all[shadows+tiddlers]tag[$:/tags/TagDropdown]!has[draft.of]]" variable="listItem"> 31 | <$transclude tiddler=<>/> 32 | 33 |
34 | <$macrocall $name="list-tagged-draggable" tag=<>/> 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/borders.css: -------------------------------------------------------------------------------- 1 | .border { 2 | border: 1px solid #dee2e6 !important; 3 | } 4 | 5 | .border-top { 6 | border-top: 1px solid #dee2e6 !important; 7 | } 8 | 9 | .border-right { 10 | border-right: 1px solid #dee2e6 !important; 11 | } 12 | 13 | .border-bottom { 14 | border-bottom: 1px solid #dee2e6 !important; 15 | } 16 | 17 | .border-left { 18 | border-left: 1px solid #dee2e6 !important; 19 | } 20 | 21 | .border-0 { 22 | border: 0 !important; 23 | } 24 | 25 | .border-top-0 { 26 | border-top: 0 !important; 27 | } 28 | 29 | .border-right-0 { 30 | border-right: 0 !important; 31 | } 32 | 33 | .border-bottom-0 { 34 | border-bottom: 0 !important; 35 | } 36 | 37 | .border-left-0 { 38 | border-left: 0 !important; 39 | } 40 | 41 | .border-primary { 42 | border-color: #007bff !important; 43 | } 44 | 45 | .border-secondary { 46 | border-color: #6c757d !important; 47 | } 48 | 49 | .border-success { 50 | border-color: #28a745 !important; 51 | } 52 | 53 | .border-info { 54 | border-color: #17a2b8 !important; 55 | } 56 | 57 | .border-warning { 58 | border-color: #ffc107 !important; 59 | } 60 | 61 | .border-danger { 62 | border-color: #dc3545 !important; 63 | } 64 | 65 | .border-light { 66 | border-color: #f8f9fa !important; 67 | } 68 | 69 | .border-dark { 70 | border-color: #343a40 !important; 71 | } 72 | 73 | .border-white { 74 | border-color: #fff !important; 75 | } 76 | 77 | .rounded { 78 | border-radius: 0.25rem !important; 79 | } 80 | 81 | .rounded-top { 82 | border-top-left-radius: 0.25rem !important; 83 | border-top-right-radius: 0.25rem !important; 84 | } 85 | 86 | .rounded-right { 87 | border-top-right-radius: 0.25rem !important; 88 | border-bottom-right-radius: 0.25rem !important; 89 | } 90 | 91 | .rounded-bottom { 92 | border-bottom-right-radius: 0.25rem !important; 93 | border-bottom-left-radius: 0.25rem !important; 94 | } 95 | 96 | .rounded-left { 97 | border-top-left-radius: 0.25rem !important; 98 | border-bottom-left-radius: 0.25rem !important; 99 | } 100 | 101 | .rounded-circle { 102 | border-radius: 50% !important; 103 | } 104 | 105 | .rounded-0 { 106 | border-radius: 0 !important; 107 | } 108 | -------------------------------------------------------------------------------- /source/shiraz/templates/body/priority.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Table/BodyTemplate 3 | tbl-column-list: priority 4 | title: $:/plugins/kookma/shiraz/templates/body/priority 5 | type: text/vnd.tiddlywiki 6 | 7 | \define circle(color, fill) 8 | 9 | > fill=<<__fill__>> stroke-width="1"/> 10 | 11 | \end 12 | 13 | \define show-cell() 14 | <$list filter="[getmatch[5]]" variable=ignore> 15 | <$macrocall $name="circle" color="#dc3545" fill="#f8d7da"/> very high 16 | 17 | <$list filter="[getmatch[4]]" variable=ignore> 18 | <$macrocall $name="circle" color="#ff8c00" fill="#fff3cd"/> high 19 | 20 | <$list filter="[getmatch[3]]" variable=ignore> 21 | <$macrocall $name="circle" color="#17a2b8" fill="#d1ecf1"/> normal 22 | 23 | <$list filter="[getmatch[2]]" variable=ignore> 24 | <$macrocall $name="circle" color="#007bff" fill="#cce5ff"/> low 25 | 26 | <$list filter="[getmatch[1]]" variable=ignore> 27 | <$macrocall $name="circle" color="#6c757d" fill="#e2e3e5"/> very low 28 | 29 | \end 30 | 31 | \define show-cell-locked() <> 32 | 33 | \define select_priority() 34 | <$select tiddler=<> field=<> default=""> 35 | \end 36 | 37 | 38 | <$reveal type="nomatch" stateTitle=<> stateIndex="mode" text="edit" tag="td" class="shiraz-dtable-priority"> 39 | <> 40 | 41 | <$reveal type="match" stateTitle=<> stateIndex="mode" text="edit" tag="td"> 42 | 43 | <$list filter="[getindex[sortIndex]match]" variable=ignore 44 | emptyMessage=<> > 45 | <> 46 | 47 | <$reveal> 48 | 49 | -------------------------------------------------------------------------------- /source/shiraz/macros/dtables/table-utility.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Table/Macro 2 | title: $:/plugins/kookma/shiraz/macros/dtables/table-utility 3 | type: text/vnd.tiddlywiki 4 | 5 | \define tableFilter_fields() $(inputFilter)$+[$(sortneg)$$(sortType)${$(tempTableSort)$##sortIndex}] 6 | \define tableFilter_indexes() [enlist]+[$(sortneg)$$(sortType)$[]] 7 | 8 | \define getitems() 9 | <$set name=Index tiddler=<> index="sortIndex"> 10 | <$list filter="[subfilter!has[draft.of]]" > 11 | <$text text= {{{ [getindex] "°≡°" [] +[join[]format:titlelist[]] }}} /> 12 | 13 | 14 | \end 15 | 16 | \define display_one_record() 17 | <$wikify name="rowStyle" text="""<$transclude tiddler=<> index=<> />""" mode="inline"> 18 | >> 19 | <$list filter=<> variable=currentColumn> 20 | <$set name="bodyLookup" 21 | filter="[all[tiddlers+shadows]tag[$:/tags/Table/BodyTemplate]contains:tbl-column-list] 22 | +[limit[1]get[title]]" 23 | value=<> 24 | emptyValue="$:/plugins/kookma/shiraz/templates/body/default"> 25 | <$transclude tiddler=<> field="text" mode="inline"/> 26 | 27 | 28 | 29 | 30 | <$reveal type="match" state=<> text="show" tag="tr"> 31 | <> 32 | 33 | 34 | \end 35 | 36 | \define display_body_fields() 37 | <$set name=finalFilter filter="[match[yes]]" value="[subfilterfirst] -[subfilterfirst]" emptyValue="[subfilter]"> 38 | <$list filter="[subfilter]" variable="currentRecord"> 39 | <> 40 | 41 | 42 | \end 43 | 44 | \define display_body_indexes() 45 | <$wikify name="items" text=<> > 46 | <$set name=finalFilter filter="[match[yes]]" value="[subfilterfirst] -[subfilterfirst]" emptyValue="[subfilter]"> 47 | <$list filter="[subfilter]" variable="currentItem"> 48 | <$list filter="[split[°≡°]last[]]" variable="currentRecord"> 49 | <> 50 | 51 | 52 | 53 | 54 | \end 55 | 56 | -------------------------------------------------------------------------------- /source/shiraz/ui/set-palette.tid: -------------------------------------------------------------------------------- 1 | dark-palette: $:/palettes/Nord 2 | light-palette: $:/palettes/Vanilla 3 | title: $:/plugins/kookma/shiraz/ui/set-palette 4 | type: text/vnd.tiddlywiki 5 | warm-palette: $:/palettes/SolarFlare 6 | 7 | \define switchpaletteTid() $:/plugins/kookma/shiraz/ui/Buttons/SwitchPalette 8 | \define filterDay() [all[tiddlers+shadows]tag[$:/tags/Palette]] :filter[get[color-scheme]match[light]] -[enlist] 9 | \define filterNight() [all[tiddlers+shadows]tag[$:/tags/Palette]] :filter[get[color-scheme]match[dark]] -[enlist] 10 | \define filterWarm() 11 | $:/palettes/DesertSand 12 | $:/palettes/SolarFlare 13 | $:/palettes/SolarizedLight 14 | \end 15 | 16 | \define selectPelette(title, filter, default, tiddler, field) 17 | 18 | <$select tiddler=<<__tiddler__>> field=<<__field__>> default=""> 19 | <$list filter=<<__filter__>> > 20 | 25 | 26 | 27 | \end 28 | 29 |
30 | 31 | <$macrocall $name=selectPelette 32 | title="Light palette" filter=<> 33 | default="$:/palettes/Vanilla" field="light-palette" 34 | tiddler=<> /> 35 | 36 | <$macrocall $name=selectPelette 37 | title="Warm palette" filter=<> 38 | default="$:/palettes/SolarFlare" field="warm-palette" 39 | tiddler=<> /> 40 | 41 | <$macrocall $name=selectPelette 42 | title="Dark palette" filter=<> 43 | default="$:/palettes/Nord" field="dark-palette" 44 | tiddler=<> />
45 | 46 | 47 | <$button> {{$:/core/images/erase}} 48 | 49 | <$action-setfield 50 | $tiddler=<> 51 | $field=dark-palette 52 | $value={{!!dark-palette}} /> 53 | 54 | <$action-setfield 55 | $tiddler=<> 56 | $field=warm-palette 57 | $value={{!!warm-palette}} /> 58 | 59 | <$action-setfield 60 | $tiddler=<> 61 | $field=light-palette 62 | $value={{!!light-palette}} /> 63 | 64 | <$action-setfield 65 | $tiddler="$:/palette" 66 | $field=text 67 | $value={{!!light-palette}} /> 68 | 69 |
70 | -------------------------------------------------------------------------------- /source/shiraz/macros/image-card.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/image-card 3 | type: text/vnd.tiddlywiki 4 | 5 | \define image-card(img, width:"30%", align:"none", title:"Empty", text:"Empty", footer:"Empty", pos:"top", alt:"") 6 | \import $:/plugins/kookma/shiraz/macros/image-card-utility 7 | <$reveal tag="div" type="match" default="top" text=<<__pos__>> > 8 | <$macrocall $name=image-card-top img=<<__img__>> title=<<__title__>> text=<<__text__>> 9 | footer=<<__footer__>> width=<<__width__>> align=<<__align__>> alt=<<__alt__>> /> 10 | 11 | <$reveal tag="div" type="nomatch" default="top" text=<<__pos__>> > 12 | <$macrocall $name=image-card-bottom img=<<__img__>> title=<<__title__>> text=<<__text__>> 13 | footer=<<__footer__>> width=<<__width__>> align=<<__align__>> alt=<<__alt__>> /> 14 | 15 | \end 16 | 17 | \define image-card-top(img, width:"30%", align:"none", title:"Empty", text:"Empty", footer:"Empty", alt:"") 18 |
19 | <$image class="card-img-top" source=<<__img__>> alt=<<__alt__>> /> 20 |
21 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__title__>> > 22 |
$title$
23 | 24 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__text__>> > 25 |
$text$
26 | 27 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__footer__>> > 28 |

$footer$

29 | 30 |
31 |
32 | \end 33 | 34 | \define image-card-bottom(img, width:"30%", align:"none", title:"Empty", text:"Empty", footer:"Empty", alt:"") 35 |
36 |
37 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__title__>> > 38 |
$title$
39 | 40 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__text__>> > 41 |
$text$
42 | 43 | <$reveal tag="div" type="nomatch" default="Empty" text=<<__footer__>> > 44 |

$footer$

45 | 46 |
47 | <$image class="card-img-bottom" source=<<__img__>> alt=<<__alt__>> /> 48 |
49 | \end -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card-group.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.1.3 */ 2 | .card-group { 3 | display: -ms-flexbox; 4 | display: flex; 5 | -ms-flex-direction: column; 6 | flex-direction: column; 7 | } 8 | 9 | .card-group > .card { 10 | margin-bottom: 15px; 11 | } 12 | 13 | @media (min-width: 576px) { 14 | .card-group { 15 | -ms-flex-flow: row wrap; 16 | flex-flow: row wrap; 17 | } 18 | .card-group > .card { 19 | -ms-flex: 1 0 0%; 20 | flex: 1 0 0%; 21 | margin-bottom: 0; 22 | } 23 | .card-group > .card + .card { 24 | margin-left: 0; 25 | border-left: 0; 26 | } 27 | .card-group > .card:first-child { 28 | border-top-right-radius: 0; 29 | border-bottom-right-radius: 0; 30 | } 31 | .card-group > .card:first-child .card-img-top, 32 | .card-group > .card:first-child .card-header { 33 | border-top-right-radius: 0; 34 | } 35 | .card-group > .card:first-child .card-img-bottom, 36 | .card-group > .card:first-child .card-footer { 37 | border-bottom-right-radius: 0; 38 | } 39 | .card-group > .card:last-child { 40 | border-top-left-radius: 0; 41 | border-bottom-left-radius: 0; 42 | } 43 | .card-group > .card:last-child .card-img-top, 44 | .card-group > .card:last-child .card-header { 45 | border-top-left-radius: 0; 46 | } 47 | .card-group > .card:last-child .card-img-bottom, 48 | .card-group > .card:last-child .card-footer { 49 | border-bottom-left-radius: 0; 50 | } 51 | .card-group > .card:only-child { 52 | border-radius: 0.25rem; 53 | } 54 | .card-group > .card:only-child .card-img-top, 55 | .card-group > .card:only-child .card-header { 56 | border-top-left-radius: 0.25rem; 57 | border-top-right-radius: 0.25rem; 58 | } 59 | .card-group > .card:only-child .card-img-bottom, 60 | .card-group > .card:only-child .card-footer { 61 | border-bottom-right-radius: 0.25rem; 62 | border-bottom-left-radius: 0.25rem; 63 | } 64 | .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { 65 | border-radius: 0; 66 | } 67 | .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, 68 | .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, 69 | .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, 70 | .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { 71 | border-radius: 0; 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /source/shiraz/styles/image-overlay.css: -------------------------------------------------------------------------------- 1 | .image-overlay-container{ 2 | width: 50%; 3 | box-sizing: border-box; 4 | } 5 | 6 | @media screen and (max-width: 640px){ 7 | .image-overlay-container{ 8 | display: block; 9 | width: 100%; 10 | } 11 | } 12 | 13 | @media screen and (min-width: 900px){ 14 | .image-overlay-container{ 15 | width: 33.33%; 16 | } 17 | } 18 | 19 | .image-overlay-container .image-overlay-title{ 20 | color: #1a1a1a; 21 | text-align: center; 22 | margin-bottom:10px; 23 | } 24 | 25 | .image-overlay-content { 26 | position: relative; 27 | width: 90%; 28 | max-width: 400px; 29 | margin: auto; 30 | overflow: hidden; 31 | } 32 | 33 | .image-overlay-content .image-overlay-content-overlay { 34 | background: rgba(0,0,0,0.7); 35 | position: absolute; 36 | height: 99%; 37 | width: 100%; 38 | left: 0; 39 | top: 0; 40 | bottom: 0; 41 | right: 0; 42 | opacity: 0; 43 | -webkit-transition: all 0.4s ease-in-out 0s; 44 | -moz-transition: all 0.4s ease-in-out 0s; 45 | transition: all 0.4s ease-in-out 0s; 46 | } 47 | 48 | .image-overlay-content:hover .image-overlay-content-overlay{ 49 | opacity: 1; 50 | } 51 | 52 | .image-overlay-content-image{ 53 | width: 100%; 54 | } 55 | 56 | .image-overlay-content-details { 57 | position: absolute; 58 | text-align: center; 59 | padding-left: 1em; 60 | padding-right: 1em; 61 | width: 100%; 62 | top: 50%; 63 | left: 50%; 64 | opacity: 0; 65 | -webkit-transform: translate(-50%, -50%); 66 | -moz-transform: translate(-50%, -50%); 67 | transform: translate(-50%, -50%); 68 | -webkit-transition: all 0.3s ease-in-out 0s; 69 | -moz-transition: all 0.3s ease-in-out 0s; 70 | transition: all 0.3s ease-in-out 0s; 71 | } 72 | 73 | .image-overlay-content:hover .image-overlay-content-details{ 74 | top: 50%; 75 | left: 50%; 76 | opacity: 1; 77 | } 78 | 79 | .image-overlay-content-details h3{ 80 | color: #fff; 81 | font-weight: 500; 82 | letter-spacing: 0.15em; 83 | margin-bottom: 0.5em; 84 | text-transform: uppercase; 85 | } 86 | 87 | .image-overlay-content-details p{ 88 | color: #fff; 89 | font-size: 0.8em; 90 | } 91 | 92 | .image-overlay-fadeIn-bottom{ 93 | top: 80%; 94 | } 95 | 96 | .image-overlay-fadeIn-top{ 97 | top: 20%; 98 | } 99 | 100 | .image-overlay-fadeIn-left{ 101 | left: 20%; 102 | } 103 | 104 | .image-overlay-fadeIn-right{ 105 | left: 80%; 106 | } -------------------------------------------------------------------------------- /source/shiraz/styles/bs/badge.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.1.3 */ 2 | .badge { 3 | display: inline-block; 4 | padding: 0.25em 0.4em; 5 | font-size: 75%; 6 | font-weight: 700; 7 | line-height: 1; 8 | text-align: center; 9 | white-space: nowrap; 10 | vertical-align: baseline; 11 | border-radius: 0.25rem; 12 | } 13 | 14 | .badge:empty { 15 | display: none; 16 | } 17 | 18 | .btn .badge { 19 | position: relative; 20 | top: -1px; 21 | } 22 | 23 | .badge-pill { 24 | padding-right: 0.6em; 25 | padding-left: 0.6em; 26 | border-radius: 10rem; 27 | } 28 | 29 | .badge-primary { 30 | color: #fff; 31 | background-color: #007bff; 32 | } 33 | 34 | .badge-primary[href]:hover, .badge-primary[href]:focus { 35 | color: #fff; 36 | text-decoration: none; 37 | background-color: #0062cc; 38 | } 39 | 40 | .badge-secondary { 41 | color: #fff; 42 | background-color: #6c757d; 43 | } 44 | 45 | .badge-secondary[href]:hover, .badge-secondary[href]:focus { 46 | color: #fff; 47 | text-decoration: none; 48 | background-color: #545b62; 49 | } 50 | 51 | .badge-success { 52 | color: #fff; 53 | background-color: #28a745; 54 | } 55 | 56 | .badge-success[href]:hover, .badge-success[href]:focus { 57 | color: #fff; 58 | text-decoration: none; 59 | background-color: #1e7e34; 60 | } 61 | 62 | .badge-info { 63 | color: #fff; 64 | background-color: #17a2b8; 65 | } 66 | 67 | .badge-info[href]:hover, .badge-info[href]:focus { 68 | color: #fff; 69 | text-decoration: none; 70 | background-color: #117a8b; 71 | } 72 | 73 | .badge-warning { 74 | color: #212529; 75 | background-color: #ffc107; 76 | } 77 | 78 | .badge-warning[href]:hover, .badge-warning[href]:focus { 79 | color: #212529; 80 | text-decoration: none; 81 | background-color: #d39e00; 82 | } 83 | 84 | .badge-danger { 85 | color: #fff; 86 | background-color: #dc3545; 87 | } 88 | 89 | .badge-danger[href]:hover, .badge-danger[href]:focus { 90 | color: #fff; 91 | text-decoration: none; 92 | background-color: #bd2130; 93 | } 94 | 95 | .badge-light { 96 | color: #212529; 97 | background-color: #f8f9fa; 98 | } 99 | 100 | .badge-light[href]:hover, .badge-light[href]:focus { 101 | color: #212529; 102 | text-decoration: none; 103 | background-color: #dae0e5; 104 | } 105 | 106 | .badge-dark { 107 | color: #fff; 108 | background-color: #343a40; 109 | } 110 | 111 | .badge-dark[href]:hover, .badge-dark[href]:focus { 112 | color: #fff; 113 | text-decoration: none; 114 | background-color: #1d2124; 115 | } 116 | 117 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/card.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.1.3 */ 2 | .card { 3 | position: relative; 4 | display: -ms-flexbox; 5 | display: flex; 6 | -ms-flex-direction: column; 7 | flex-direction: column; 8 | min-width: 0; 9 | word-wrap: break-word; 10 | background-color: #fff; 11 | background-clip: border-box; 12 | border: 1px solid rgba(0, 0, 0, 0.125); 13 | border-radius: 0.25rem; 14 | } 15 | 16 | .card > hr { 17 | margin-right: 0; 18 | margin-left: 0; 19 | } 20 | 21 | .card > .list-group:first-child .list-group-item:first-child { 22 | border-top-left-radius: 0.25rem; 23 | border-top-right-radius: 0.25rem; 24 | } 25 | 26 | .card > .list-group:last-child .list-group-item:last-child { 27 | border-bottom-right-radius: 0.25rem; 28 | border-bottom-left-radius: 0.25rem; 29 | } 30 | 31 | .card-body { 32 | -ms-flex: 1 1 auto; 33 | flex: 1 1 auto; 34 | padding: 1.25rem; 35 | } 36 | 37 | .card-title { 38 | margin-bottom: 0.75rem; 39 | } 40 | 41 | .card-subtitle { 42 | margin-top: -0.375rem; 43 | margin-bottom: 0; 44 | } 45 | 46 | .card-text:last-child { 47 | margin-bottom: 0; 48 | } 49 | 50 | .card-link:hover { 51 | text-decoration: none; 52 | } 53 | 54 | .card-link + .card-link { 55 | margin-left: 1.25rem; 56 | } 57 | 58 | .card-header { 59 | padding: 0.75rem 1.25rem; 60 | margin-bottom: 0; 61 | background-color: rgba(0, 0, 0, 0.03); 62 | border-bottom: 1px solid rgba(0, 0, 0, 0.125); 63 | } 64 | 65 | .card-header:first-child { 66 | border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; 67 | } 68 | 69 | .card-header + .list-group .list-group-item:first-child { 70 | border-top: 0; 71 | } 72 | 73 | .card-footer { 74 | padding: 0.75rem 1.25rem; 75 | background-color: rgba(0, 0, 0, 0.03); 76 | border-top: 1px solid rgba(0, 0, 0, 0.125); 77 | } 78 | 79 | .card-footer:last-child { 80 | border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); 81 | } 82 | 83 | .card-header-tabs { 84 | margin-right: -0.625rem; 85 | margin-bottom: -0.75rem; 86 | margin-left: -0.625rem; 87 | border-bottom: 0; 88 | } 89 | 90 | .card-header-pills { 91 | margin-right: -0.625rem; 92 | margin-left: -0.625rem; 93 | } 94 | 95 | .card-img-overlay { 96 | position: absolute; 97 | top: 0; 98 | right: 0; 99 | bottom: 0; 100 | left: 0; 101 | padding: 1.25rem; 102 | } 103 | 104 | .card-img { 105 | width: 100%; 106 | border-radius: calc(0.25rem - 1px); 107 | } 108 | 109 | .card-img-top { 110 | width: 100%; 111 | border-top-left-radius: calc(0.25rem - 1px); 112 | border-top-right-radius: calc(0.25rem - 1px); 113 | } 114 | 115 | .card-img-bottom { 116 | width: 100%; 117 | border-bottom-right-radius: calc(0.25rem - 1px); 118 | border-bottom-left-radius: calc(0.25rem - 1px); 119 | } 120 | -------------------------------------------------------------------------------- /source/shiraz/styles/tables.css: -------------------------------------------------------------------------------- 1 | .table-tight{ 2 | font-size:0.8em; 3 | } 4 | 5 | 6 | /* 7 | This tiddler defines the custom stylesheet for tables 8 | April 13, 2018 9 | */ 10 | 11 | /*center aligned table*/ 12 | .table-center { 13 | margin:0 auto; 14 | } 15 | 16 | /* Table caption at top */ 17 | .table-caption-top caption { 18 | caption-side:top; 19 | margin-bottom:0.2rem; 20 | } 21 | 22 | /* Striped row table */ 23 | .table-striped-row tr:nth-child(even) td{ 24 | background-color:#F3F6F6; 25 | } 26 | 27 | /* Striped column table */ 28 | .table-striped-col tbody tr td:nth-child(odd) { 29 | background-color: #F3F6F6; 30 | } 31 | 32 | /*Borderless table*/ 33 | .table-borderless, 34 | .table-borderless thead td, 35 | .table-borderless th, 36 | .table-borderless tr, 37 | .table-borderless td{ 38 | border:0; 39 | } 40 | 41 | /* Table lines should be used with table-borderless for abbreviations and two column layout */ 42 | 43 | .table-lines thead td, .table-lines th{ 44 | border-bottom: 2px solid #dddddd; 45 | background-color:unset; 46 | } 47 | .table-lines td{ 48 | border-bottom: 1px solid #dddddd; 49 | background-color:unset; 50 | } 51 | 52 | /* Table hover (yellow background on mouse over) */ 53 | .table-hover tbody tr:hover{ 54 | color: #212529; 55 | background-color: #e6e6e6; 56 | } 57 | .table-hover-yellow tbody tr:hover{background-color: #ffffcc;} 58 | .table-hover-cyan tbody tr:hover{background-color: #e6ffff;} 59 | 60 | /* Table with colored header */ 61 | .thead-primary thead td, .thead-primary th{background-color: #007bff; color: #fff;} 62 | .thead-secondary thead td, .thead-secondary th{background-color: #6c757d; color: #fff;} 63 | .thead-success thead td, .thead-success th{background-color: #28a745; color: #fff;} 64 | .thead-warning thead td, .thead-warning th{background-color: #ffc107; color: #fff;} 65 | .thead-danger thead td, .thead-danger th{background-color: #dc3545; color: #fff;} 66 | .thead-info thead td, .thead-info th{background-color: #17a2b8; color: #fff;} 67 | .thead-dark thead td, .thead-dark th{background-color: #343a40; color: #fff;} 68 | .thead-light thead td, .thead-light th{background-color: #f8f9fa; color: #212529;} 69 | 70 | /* Table with colored header correct to fill svgs with white color */ 71 | .thead-primary > thead> tr > td svg, .thead-primary > thead> tr > th svg, 72 | .thead-secondary > thead> tr > td svg, .thead-secondary > thead> tr > th svg, 73 | .thead-success > thead> tr > td svg, .thead-success > thead> tr > th svg, 74 | .thead-warning > thead> tr > td svg, .thead-warning > thead> tr > th svg, 75 | .thead-danger > thead> tr > td svg, .thead-danger > thead> tr > th svg, 76 | .thead-info > thead> tr > td svg, .thead-info > thead> tr > th svg, 77 | .thead-dark > thead> tr > td svg, .thead-dark > thead> tr > th svg 78 | {fill:#ffffff; padding:0 0 3px 0; } 79 | 80 | 81 | .thead-primary th .tc-tiddlylink, .thead-primary th a, 82 | .thead-secondary th .tc-tiddlylink, .thead-primary th a, 83 | .thead-success th .tc-tiddlylink, .thead-primary th a, 84 | .thead-warning th .tc-tiddlylink, .thead-primary th a, 85 | .thead-danger th .tc-tiddlylink, .thead-primary th a, 86 | .thead-info th .tc-tiddlylink, .thead-primary th a, 87 | .thead-dark th .tc-tiddlylink, .thead-primary th a{color:#ffffff} 88 | -------------------------------------------------------------------------------- /source/shiraz/macros/csvtables/table-csv.tid: -------------------------------------------------------------------------------- 1 | tags: $:/tags/Macro 2 | title: $:/plugins/kookma/shiraz/macros/csvtables/table-csv 3 | type: text/vnd.tiddlywiki 4 | 5 | \define table-csv(tiddler:"", delimiter:",", sortType:"alphanumeric", format:"", caption:"", class:"", header:"yes", stateTiddler:"", id:"", dclass:"dblock" ) 6 | \whitespace trim 7 | \import [[$:/plugins/kookma/shiraz/macros/csvtables/table-csv-utility]] 8 | \import [all[tiddlers+shadows]prefix[$:/plugins/kookma/shiraz/macros/csvtables/formats]] 9 | 10 | <$vars src = {{{ [<__tiddler__>is[tiddler]then<__tiddler__>else] }}} 11 | stateTiddler = {{{ [<__stateTiddler__>!is[blank]then<__stateTiddler__>else[01]] }}} > 12 | <$vars sortCol = {{{ [getindex[sortIndex]] }}} 13 | sortNegate = {{{ [getindex[negate]] }}} 14 | delimiter = {{{ [<__delimiter__>match[\t]then[°≡°]else<__delimiter__>] }}} 15 | dataBlockStartDelimiter ={{{ [<__id__>is[blank]then[@@.$dclass$]] ~[[@.$dclass$.]addsuffix<__id__>] }}} 16 | dataBlockEndDelimiter = "@@" > 17 | 18 | 19 | <$let dblock0 = {{{ [get[text]splitregexpbutfirst[1]] }}} 20 | dblock1 = {{{ [splitregexpbutlast[1]] }}} 21 | dblock = {{{ [!match[°≡°]then] :else[search-replace:g:regexp[\t],[°≡°]] }}} > 22 | 23 | 24 | 25 | <$list filter="[<__caption__>!is[blank]]" variable=ignorw> 26 | 27 | <$list filter="[<__header__>match[yes]then[1]else[0]]" variable=header_row> 28 | 29 | <$vars allRows="[splitregexp[\n]!is[blank]]"> 30 | 31 | <$list filter="[subfilterfirst]" variable=row > 32 | <$list filter="[splitregexp!is[blank]trim[]]" variable=currentColumn><> 33 | 34 | 35 | <$vars sortPos = {{{ [subfilterfirstsplitregexp!is[blank]trim[]] +[allbefore:includecount[]] }}} > 36 | <$vars sortType = {{{ [enlist:raw<__sortType__>nthelse[alphanumeric]] }}} > 37 | <$list filter=<> variable=row> 38 | <$list filter="[splitregexp!is[blank]trim[]]" variable=entry counter=pos> 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 |
$caption$
<$macrocall $name={{{ [enlist:raw<__format__>nthelse[text]] }}} />
47 | 48 | 49 | 50 | 51 | \end 52 | 53 | -------------------------------------------------------------------------------- /source/shiraz/styles/dynamic-tables.css: -------------------------------------------------------------------------------- 1 | /* main editor toolbar settings for dynamic table */ 2 | .shiraz-dtable-maineditor .tc-editor-toolbar button svg{ 3 | height:0.9em; /* make toolbar buttons smaller */ 4 | width:0.9em 5 | } 6 | /* make third party plugins like KaTeX button smaller */ 7 | .shiraz-dtable-maineditor .tc-editor-toolbar button .katex{ 8 | font-size: 0.9em; 9 | line-height:1em; 10 | } 11 | 12 | /* edit-text box for dynamic table */ 13 | .shiraz-dtable-textbox { 14 | width:100%; 15 | padding-left: 5px; 16 | border: none; 17 | } 18 | 19 | .shiraz-dtable-textbox:focus { 20 | outline: none; 21 | border: 1px solid #5778d8; 22 | background: transparent; 23 | } 24 | 25 | .tbl-inpt-edit { width: 100%; background-color: transparent; border: none; color: #000000;} 26 | 27 | button.tbl-sort-svg > svg { text-shadow: none; fill:#000000; height:10px; padding:0 0 2px 0; } 28 | 29 | th .tc-tiddlylink, th a { text-shadow: none; margin: 0 0 0 0; padding: 0 0 0 0; color:unset; font-weight: bold; } 30 | 31 | 32 | /* DELETE CONFIRMATION */ 33 | table thead .tbl-delete-confirm > th { 34 | color: white; 35 | background-color:#ff0033; 36 | padding: 8px; 37 | margin: 0px; 38 | text-align:center; 39 | font-weight:normal; 40 | } 41 | 42 | table thead .tbl-delete-confirm > th > button, 43 | table thead .tbl-delete-confirm > th > a { 44 | color: white; 45 | fill: white; 46 | } 47 | 48 | /* -- pagination --*/ 49 | .shiraz-dtable-page-footer td{ 50 | margin: 0 0 0 0; 51 | padding: 4px 7px 4px 7px; 52 | } 53 | 54 | .shiraz-dtable-page-footer select{ 55 | padding:0; 56 | margin:0; 57 | border:none; 58 | } 59 | 60 | .shiraz-dtable-page-footer { 61 | text-align:center; 62 | } 63 | 64 | .shiraz-dtable-page-prev{ 65 | float:left; 66 | margin-right:8px; 67 | } 68 | 69 | .shiraz-dtable-page-next{ 70 | float:right; 71 | margin-left:8px; 72 | } 73 | 74 | .shiraz-dtable-page-footer button svg {height:0.7em;} 75 | .shiraz-dtable-page-footer button {outline: none; line-height:normal;} 76 | .shiraz-dtable-page-footer button:disabled {display:none;} 77 | 78 | /* format the expanded record (tiddler body) - for local customization like KaTeX numbering */ 79 | .shiraz-dtable-expanded-record{ } 80 | 81 | /* adjust the column width for date/due-date/status/linktype fields*/ 82 | .shiraz-dtable-col-fixedsize{ 83 | width:5.5rem; 84 | white-space: nowrap; 85 | } 86 | .shiraz-dtable-priority{ 87 | width:6.5rem; 88 | white-space: nowrap; 89 | } 90 | /* adjust the size of column with svg icons like: tbl-expand, tbl-clone, tbl-delete, tbl-checkbox */ 91 | .shiraz-dtable-svg{ 92 | width:28px; 93 | max-width:28px; 94 | } 95 | 96 | 97 | /* this ensure short title in small width table */ 98 | .shiraz-dtable-title{ 99 | max-width: 15rem; 100 | overflow: hidden; 101 | text-overflow: ellipsis; 102 | white-space: nowrap; 103 | } 104 | 105 | /* Newly added 2024.05.31 */ 106 | .shiraz-default-cursore{ /* for tbl-linktype */ 107 | cursor:default; 108 | } 109 | .shiraz-dtable-locked-cell{ 110 | /* for styling the locked cell */ 111 | font-style:oblique; 112 | } 113 | .shiraz-cell-centered { /* centered table cell */ 114 | text-align: center; 115 | vertical-align: middle; 116 | } 117 | 118 | /* button caption style on dynamic table header 119 | this style can be overriden locally by user */ 120 | table thead .shiraz-dtable-header th button { 121 | text-transform: capitalize; /* Capitalize the first letter of every word */ 122 | } -------------------------------------------------------------------------------- /source/shiraz-formatter/ui/EditorToolbar/format-dropdown.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: 3 | title: $:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format-dropdown 4 | type: text/vnd.tiddlywiki 5 | 6 | \define circle(color) 7 | 8 | >/> 9 | 10 | \end 11 | 12 | \define rect(color) 13 | 14 | >/> 15 | 16 | \end 17 | 18 | \define btn-highlight-actions() 19 | <$list filter="[match[alt]then[hlp]] [match[shift]then[hls]] :else[!match[ctrl]then[hl]]" variable="hlmac"> 20 | <$action-sendmessage 21 | $message="tm-edit-text-operation" 22 | $param="wrap-selection" 23 | prefix={{{ [addprefix[<<]addsuffix[ "]] }}} 24 | suffix='" "$(color)$">>' 25 | /> 26 | 27 | <$list filter="[match[ctrl]]" variable=null> 28 | <$action-sendmessage $message="tm-edit-tiddler" $param="$:/plugins/kookma/shiraz-formatter/config/highlight-colors"/> 29 | 30 | <$action-deletetiddler $tiddler=<>/> 31 | \end 32 | 33 | \define btn-text-actions() 34 | <$list filter="[!match[ctrl]]" variable=null> 35 | <$action-sendmessage 36 | $message="tm-edit-text-operation" 37 | $param="wrap-selection" 38 | prefix='< 41 | 42 | <$list filter="[match[ctrl]]" variable=null> 43 | <$action-sendmessage $message="tm-edit-tiddler" $param="$:/plugins/kookma/shiraz-formatter/config/text-colors"/> 44 | 45 | <$action-deletetiddler $tiddler=<>/> 46 | \end 47 | 48 | 49 | \define save-selection() 50 | <$action-sendmessage 51 | $message="tm-edit-text-operation" 52 | $param="save-selection" 53 | tiddler=<> 54 | /> 55 | \end 56 | 57 | \define btn-uppercase-actions() 58 | <> 59 | <$action-sendmessage 60 | $message="tm-edit-text-operation" 61 | $param="replace-selection" 62 | text={{{[get[text]uppercase[]]}}} 63 | /> 64 | \end 65 | 66 | \define btn-lowercase-actions() 67 | <> 68 | <$action-sendmessage 69 | $message="tm-edit-text-operation" 70 | $param="replace-selection" 71 | text={{{[get[text]lowercase[]]}}} 72 | /> 73 | \end 74 | 75 | \define btn-titlecase-actions() 76 | <> 77 | <$action-sendmessage 78 | $message="tm-edit-text-operation" 79 | $param="replace-selection" 80 | text={{{[get[text]lowercase[]titlecase[]]}}} 81 | /> 82 | \end 83 | 84 | 85 |
86 |
Highlight color
87 | <$list filter="[enlist{$:/plugins/kookma/shiraz-formatter/config/highlight-colors}]" variable=color> 88 | <$button actions=<> class="tc-btn-invisible" tooltip=<> > 89 | <$macrocall $name=rect color=<> /> 90 | 91 | 92 |
93 |
94 | 95 |
96 |
Text color
97 | <$list filter="[enlist{$:/plugins/kookma/shiraz-formatter/config/text-colors}]" variable=color> 98 | <$button actions=<> class="tc-btn-invisible" tooltip=<> > 99 | <$macrocall $name=rect color=<> /> 100 | 101 | 102 |
103 |
104 | 105 |
106 |
Change case
107 | <$button actions=<> class="tc-btn-invisible kk-sh-letter" tooltip="lower case" > 108 | ''aa'' 109 | 110 | <$button actions=<> class="tc-btn-invisible kk-sh-letter" tooltip="upper case" > 111 | ''AA'' 112 | 113 | <$button actions=<> class="tc-btn-invisible kk-sh-letter" tooltip="title case" > 114 | ''Aa'' 115 | 116 |
-------------------------------------------------------------------------------- /source/shiraz/macros/dtables/table-dynamic.tid: -------------------------------------------------------------------------------- 1 | code-body: yes 2 | tags: $:/tags/Macro 3 | title: $:/plugins/kookma/shiraz/macros/dtables/table-dynamic 4 | type: text/vnd.tiddlywiki 5 | 6 | \define table-dynamic(filter, fields:"", indexes:"", sortOp:"sort", caption:"", class:"", 7 | footerRows:"0", stateTiddler:"", editButton:"yes", pagination:"no", emptyMessage:"filter input is empty") 8 | 9 | \import [all[shadows+tiddlers]tag[$:/tags/Table/Macro]] 10 | 11 | 12 | <$vars 13 | inputFilter="[subfilter<__filter__>!has[draft.of]]" 14 | sortType=<<__sortOp__>> 15 | pagination=<<__pagination__>> 16 | > 17 | <$set name=currentTable value=<<__stateTiddler__>> emptyValue=<> > 18 | 19 | <$set name=fieldOrIndex filter="[<__fields__>!is[blank]]" value="field" emptyValue="index"> 20 | <$set name=columns filter="[]-index" value=<<__fields__>> emptyValue=<<__indexes__>> > 21 | 22 | <$list filter="[subfilterlimit[1]]" emptyMessage=<<__emptyMessage__>> variable=ignore> 23 | <$set name=sortneg tiddler=<> index="negate"> 24 | 25 | <$set name=ncols filter="[getindex[mode]match[edit]]" value={{{ [subfiltercount[]] }}} emptyValue= {{{ [subfiltercount[]subtract[1]] }}}> 26 |
27 | > style="caption-side:top"> 28 | 29 | 33 | 34 | 35 | 36 | <> 37 | <> 38 | 39 | <$list filter=<> variable=currentColumn> 40 | <$set name="headerLookup" filter="[all[tiddlers+shadows]tag[$:/tags/Table/HeaderTemplate]contains:tbl-column-listlimit[1]get[title]]" value=<> emptyValue="$:/plugins/kookma/shiraz/templates/header/default"> 41 | <$transclude tiddler=<> field="text" mode="inline"/> 42 | 43 | 44 | 45 | 46 | 47 | 48 | <$reveal type="gt" default=<<__footerRows__>> text="0" tag="tfoot" class="shiraz-dtable-footer"> 49 | 50 | <$list filter="[range[1,$footerRows$]addprefix[footer-]]" variable=footerRow> 51 | 52 | <$list filter=<> variable=currentColumn> 53 | <$set name="footerLookup" filter="[all[tiddlers+shadows]tag[$:/tags/Table/FooterTemplate]contains:tbl-column-listlimit[1]get[title]]" value=<> emptyValue="$:/plugins/kookma/shiraz/templates/footer/default"> 54 | <$transclude tiddler=<> field="text" mode="inline"/> 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | <$set name=tableBody filter="[]-index" value="display_body_fields" emptyValue="display_body_indexes" > 64 | 65 | <$vars total-entries={{{[subfiltercount[]] }}} 66 | page-number={{{[get[text]] ~[[1]]}}} 67 | entries-per-page={{{ [get[text]] ~[[25]] }}} > 68 | <$vars low={{{ [subtract[1]multiply] }}} 69 | high={{{[multiply] }}} > 70 | <$macrocall $name=<> /> 71 | 72 | <$reveal type="match" default=<> text="yes" tag="tr" class="shiraz-dtable-page-footer"> 73 | 78 | 79 | 80 | 81 | 82 | 83 |
30 | <$list filter="[<__editButton__>match[yes]]" variable=ignore> 31 | <> 32 | $caption$
> style="font-weight:bold;background-color:transparent;">Numerical summary
> > 74 | <> 75 | Displaying <$text text={{{[add[1]]}}}/> through <$text text={{{ [compare:number:ltthenelse] }}}/> of <> Results | <> 76 | <> 77 |
84 |
85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | \end 93 | 94 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/sizing-spacing.css: -------------------------------------------------------------------------------- 1 | /* Extracted from bootstrap 4.3.1 */ 2 | /*Defines margins, paddings, width and height*/ 3 | .w-25 { 4 | width: 25% !important; 5 | } 6 | .w-50 { 7 | width: 50% !important; 8 | } 9 | .w-75 { 10 | width: 75% !important; 11 | } 12 | .w-100 { 13 | width: 100% !important; 14 | } 15 | .w-auto { 16 | width: auto !important; 17 | } 18 | .h-25 { 19 | height: 25% !important; 20 | } 21 | .h-50 { 22 | height: 50% !important; 23 | } 24 | .h-75 { 25 | height: 75% !important; 26 | } 27 | .h-100 { 28 | height: 100% !important; 29 | } 30 | .h-auto { 31 | height: auto !important; 32 | } 33 | .mw-100 { 34 | max-width: 100% !important; 35 | } 36 | .mh-100 { 37 | max-height: 100% !important; 38 | } 39 | .m-0 { 40 | margin: 0 !important; 41 | } 42 | .mt-0, 43 | .my-0 { 44 | margin-top: 0 !important; 45 | } 46 | .mr-0, 47 | .mx-0 { 48 | margin-right: 0 !important; 49 | } 50 | .mb-0, 51 | .my-0 { 52 | margin-bottom: 0 !important; 53 | } 54 | .ml-0, 55 | .mx-0 { 56 | margin-left: 0 !important; 57 | } 58 | .m-1 { 59 | margin: 0.25rem !important; 60 | } 61 | .mt-1, 62 | .my-1 { 63 | margin-top: 0.25rem !important; 64 | } 65 | .mr-1, 66 | .mx-1 { 67 | margin-right: 0.25rem !important; 68 | } 69 | .mb-1, 70 | .my-1 { 71 | margin-bottom: 0.25rem !important; 72 | } 73 | .ml-1, 74 | .mx-1 { 75 | margin-left: 0.25rem !important; 76 | } 77 | .m-2 { 78 | margin: 0.5rem !important; 79 | } 80 | .mt-2, 81 | .my-2 { 82 | margin-top: 0.5rem !important; 83 | } 84 | .mr-2, 85 | .mx-2 { 86 | margin-right: 0.5rem !important; 87 | } 88 | .mb-2, 89 | .my-2 { 90 | margin-bottom: 0.5rem !important; 91 | } 92 | .ml-2, 93 | .mx-2 { 94 | margin-left: 0.5rem !important; 95 | } 96 | 97 | .m-3 { 98 | margin: 1rem !important; 99 | } 100 | 101 | .mt-3, 102 | .my-3 { 103 | margin-top: 1rem !important; 104 | } 105 | 106 | .mr-3, 107 | .mx-3 { 108 | margin-right: 1rem !important; 109 | } 110 | 111 | .mb-3, 112 | .my-3 { 113 | margin-bottom: 1rem !important; 114 | } 115 | 116 | .ml-3, 117 | .mx-3 { 118 | margin-left: 1rem !important; 119 | } 120 | 121 | .m-4 { 122 | margin: 1.5rem !important; 123 | } 124 | 125 | .mt-4, 126 | .my-4 { 127 | margin-top: 1.5rem !important; 128 | } 129 | 130 | .mr-4, 131 | .mx-4 { 132 | margin-right: 1.5rem !important; 133 | } 134 | 135 | .mb-4, 136 | .my-4 { 137 | margin-bottom: 1.5rem !important; 138 | } 139 | 140 | .ml-4, 141 | .mx-4 { 142 | margin-left: 1.5rem !important; 143 | } 144 | 145 | .m-5 { 146 | margin: 3rem !important; 147 | } 148 | 149 | .mt-5, 150 | .my-5 { 151 | margin-top: 3rem !important; 152 | } 153 | 154 | .mr-5, 155 | .mx-5 { 156 | margin-right: 3rem !important; 157 | } 158 | 159 | .mb-5, 160 | .my-5 { 161 | margin-bottom: 3rem !important; 162 | } 163 | 164 | .ml-5, 165 | .mx-5 { 166 | margin-left: 3rem !important; 167 | } 168 | 169 | .p-0 { 170 | padding: 0 !important; 171 | } 172 | 173 | .pt-0, 174 | .py-0 { 175 | padding-top: 0 !important; 176 | } 177 | 178 | .pr-0, 179 | .px-0 { 180 | padding-right: 0 !important; 181 | } 182 | 183 | .pb-0, 184 | .py-0 { 185 | padding-bottom: 0 !important; 186 | } 187 | 188 | .pl-0, 189 | .px-0 { 190 | padding-left: 0 !important; 191 | } 192 | 193 | .p-1 { 194 | padding: 0.25rem !important; 195 | } 196 | 197 | .pt-1, 198 | .py-1 { 199 | padding-top: 0.25rem !important; 200 | } 201 | 202 | .pr-1, 203 | .px-1 { 204 | padding-right: 0.25rem !important; 205 | } 206 | 207 | .pb-1, 208 | .py-1 { 209 | padding-bottom: 0.25rem !important; 210 | } 211 | 212 | .pl-1, 213 | .px-1 { 214 | padding-left: 0.25rem !important; 215 | } 216 | 217 | .p-2 { 218 | padding: 0.5rem !important; 219 | } 220 | 221 | .pt-2, 222 | .py-2 { 223 | padding-top: 0.5rem !important; 224 | } 225 | 226 | .pr-2, 227 | .px-2 { 228 | padding-right: 0.5rem !important; 229 | } 230 | 231 | .pb-2, 232 | .py-2 { 233 | padding-bottom: 0.5rem !important; 234 | } 235 | 236 | .pl-2, 237 | .px-2 { 238 | padding-left: 0.5rem !important; 239 | } 240 | 241 | .p-3 { 242 | padding: 1rem !important; 243 | } 244 | 245 | .pt-3, 246 | .py-3 { 247 | padding-top: 1rem !important; 248 | } 249 | 250 | .pr-3, 251 | .px-3 { 252 | padding-right: 1rem !important; 253 | } 254 | 255 | .pb-3, 256 | .py-3 { 257 | padding-bottom: 1rem !important; 258 | } 259 | 260 | .pl-3, 261 | .px-3 { 262 | padding-left: 1rem !important; 263 | } 264 | 265 | .p-4 { 266 | padding: 1.5rem !important; 267 | } 268 | 269 | .pt-4, 270 | .py-4 { 271 | padding-top: 1.5rem !important; 272 | } 273 | 274 | .pr-4, 275 | .px-4 { 276 | padding-right: 1.5rem !important; 277 | } 278 | 279 | .pb-4, 280 | .py-4 { 281 | padding-bottom: 1.5rem !important; 282 | } 283 | 284 | .pl-4, 285 | .px-4 { 286 | padding-left: 1.5rem !important; 287 | } 288 | 289 | .p-5 { 290 | padding: 3rem !important; 291 | } 292 | 293 | .pt-5, 294 | .py-5 { 295 | padding-top: 3rem !important; 296 | } 297 | 298 | .pr-5, 299 | .px-5 { 300 | padding-right: 3rem !important; 301 | } 302 | 303 | .pb-5, 304 | .py-5 { 305 | padding-bottom: 3rem !important; 306 | } 307 | 308 | .pl-5, 309 | .px-5 { 310 | padding-left: 3rem !important; 311 | } 312 | 313 | .m-auto { 314 | margin: auto !important; 315 | } 316 | 317 | .mt-auto, 318 | .my-auto { 319 | margin-top: auto !important; 320 | } 321 | 322 | .mr-auto, 323 | .mx-auto { 324 | margin-right: auto !important; 325 | } 326 | 327 | .mb-auto, 328 | .my-auto { 329 | margin-bottom: auto !important; 330 | } 331 | 332 | .ml-auto, 333 | .mx-auto { 334 | margin-left: auto !important; 335 | } 336 | -------------------------------------------------------------------------------- /source/shiraz/styles/bs/btn.css: -------------------------------------------------------------------------------- 1 | /* Button and btn classes Mohammad*/ 2 | .btn { 3 | display: inline-block; 4 | font-weight: 400; 5 | text-align: center; 6 | white-space: nowrap; 7 | vertical-align: middle; 8 | -webkit-user-select: none; 9 | -moz-user-select: none; 10 | -ms-user-select: none; 11 | user-select: none; 12 | border: 1px solid transparent; 13 | padding: 0.375rem 0.75rem; 14 | font-size: 1rem; 15 | line-height: 1.5; 16 | border-radius: 0.25rem; 17 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 18 | } 19 | 20 | 21 | .btn:hover, .btn:focus { 22 | text-decoration: none; 23 | } 24 | 25 | .btn:focus, .btn.focus { 26 | outline: 0; 27 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 28 | } 29 | 30 | .btn.disabled, .btn:disabled { 31 | opacity: 0.65; 32 | } 33 | 34 | .btn:not(:disabled):not(.disabled) { 35 | cursor: pointer; 36 | } 37 | 38 | a.btn.disabled, 39 | fieldset:disabled a.btn { 40 | pointer-events: none; 41 | } 42 | 43 | .btn-primary { 44 | color: #fff; 45 | background-color: #007bff; 46 | border-color: #007bff; 47 | } 48 | 49 | .btn-primary:hover { 50 | color: #fff; 51 | background-color: #0069d9; 52 | border-color: #0062cc; 53 | } 54 | 55 | .btn-primary:focus, .btn-primary.focus { 56 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); 57 | } 58 | 59 | .btn-primary.disabled, .btn-primary:disabled { 60 | color: #fff; 61 | background-color: #007bff; 62 | border-color: #007bff; 63 | } 64 | 65 | .btn-secondary { 66 | color: #fff; 67 | background-color: #6c757d; 68 | border-color: #6c757d; 69 | } 70 | 71 | .btn-secondary:hover { 72 | color: #fff; 73 | background-color: #5a6268; 74 | border-color: #545b62; 75 | } 76 | 77 | .btn-secondary:focus, .btn-secondary.focus { 78 | box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); 79 | } 80 | 81 | .btn-secondary.disabled, .btn-secondary:disabled { 82 | color: #fff; 83 | background-color: #6c757d; 84 | border-color: #6c757d; 85 | } 86 | 87 | .btn-success { 88 | color: #fff; 89 | background-color: #28a745; 90 | border-color: #28a745; 91 | } 92 | 93 | .btn-success:hover { 94 | color: #fff; 95 | background-color: #218838; 96 | border-color: #1e7e34; 97 | } 98 | 99 | .btn-success:focus, .btn-success.focus { 100 | box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 101 | } 102 | 103 | .btn-success.disabled, .btn-success:disabled { 104 | color: #fff; 105 | background-color: #28a745; 106 | border-color: #28a745; 107 | } 108 | 109 | .btn-info { 110 | color: #fff; 111 | background-color: #17a2b8; 112 | border-color: #17a2b8; 113 | } 114 | 115 | .btn-info:hover { 116 | color: #fff; 117 | background-color: #138496; 118 | border-color: #117a8b; 119 | } 120 | 121 | .btn-info:focus, .btn-info.focus { 122 | box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 123 | } 124 | 125 | .btn-info.disabled, .btn-info:disabled { 126 | color: #fff; 127 | background-color: #17a2b8; 128 | border-color: #17a2b8; 129 | } 130 | 131 | .btn-warning { 132 | color: #212529; 133 | background-color: #ffc107; 134 | border-color: #ffc107; 135 | } 136 | 137 | .btn-warning:hover { 138 | color: #212529; 139 | background-color: #e0a800; 140 | border-color: #d39e00; 141 | } 142 | 143 | .btn-warning:focus, .btn-warning.focus { 144 | box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 145 | } 146 | 147 | .btn-warning.disabled, .btn-warning:disabled { 148 | color: #212529; 149 | background-color: #ffc107; 150 | border-color: #ffc107; 151 | } 152 | 153 | .btn-danger { 154 | color: #fff; 155 | background-color: #dc3545; 156 | border-color: #dc3545; 157 | } 158 | 159 | .btn-danger:hover { 160 | color: #fff; 161 | background-color: #c82333; 162 | border-color: #bd2130; 163 | } 164 | 165 | .btn-danger:focus, .btn-danger.focus { 166 | box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 167 | } 168 | 169 | .btn-danger.disabled, .btn-danger:disabled { 170 | color: #fff; 171 | background-color: #dc3545; 172 | border-color: #dc3545; 173 | } 174 | 175 | .btn-light { 176 | color: #212529; 177 | background-color: #f8f9fa; 178 | border-color: #f8f9fa; 179 | } 180 | 181 | .btn-light:hover { 182 | color: #212529; 183 | background-color: #e2e6ea; 184 | border-color: #dae0e5; 185 | } 186 | 187 | .btn-light:focus, .btn-light.focus { 188 | box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 189 | } 190 | 191 | .btn-light.disabled, .btn-light:disabled { 192 | color: #212529; 193 | background-color: #f8f9fa; 194 | border-color: #f8f9fa; 195 | } 196 | 197 | .btn-dark { 198 | color: #fff; 199 | background-color: #343a40; 200 | border-color: #343a40; 201 | } 202 | 203 | .btn-dark:hover { 204 | color: #fff; 205 | background-color: #23272b; 206 | border-color: #1d2124; 207 | } 208 | 209 | .btn-dark:focus, .btn-dark.focus { 210 | box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 211 | } 212 | 213 | .btn-dark.disabled, .btn-dark:disabled { 214 | color: #fff; 215 | background-color: #343a40; 216 | border-color: #343a40; 217 | } 218 | 219 | .btn-link { 220 | font-weight: 400; 221 | color: #007bff; 222 | background-color: transparent; 223 | } 224 | 225 | .btn-link:hover { 226 | color: #0056b3; 227 | text-decoration: underline; 228 | background-color: transparent; 229 | border-color: transparent; 230 | } 231 | 232 | .btn-link:focus, .btn-link.focus { 233 | text-decoration: underline; 234 | border-color: transparent; 235 | box-shadow: none; 236 | } 237 | 238 | .btn-link:disabled, .btn-link.disabled { 239 | color: #6c757d; 240 | pointer-events: none; 241 | } 242 | 243 | /* button size */ 244 | 245 | .btn-lg{ 246 | padding: 0.5rem 1rem; 247 | font-size: 1.25rem; 248 | line-height: 1.5; 249 | border-radius: 0.3rem; 250 | } 251 | 252 | .btn-sm{ 253 | padding: 0.25rem 0.5rem; 254 | font-size: 0.875rem; 255 | line-height: 1.5; 256 | border-radius: 0.2rem; 257 | } -------------------------------------------------------------------------------- /packaged/shiraz-formatter.tid: -------------------------------------------------------------------------------- 1 | author: Mohammad Rahmani 2 | core-version: >=5.2.2 3 | description: Editor buttons and snippets for Shiraz 4 | list: readme license history 5 | name: Shiraz Formatter 6 | parent-plugin: $:/plugins/kookma/shiraz 7 | plugin-type: plugin 8 | source: https://github.com/kookma/TW-Shiraz 9 | tags: 10 | title: $:/plugins/kookma/shiraz-formatter 11 | type: application/json 12 | version: 0.6.0 13 | 14 | {"tiddlers":{"$:/plugins/kookma/shiraz-formatter/config/highlight-colors":{"title":"$:/plugins/kookma/shiraz-formatter/config/highlight-colors","text":"yellow\nlime\ncyan\npink\n\nlightyellow\npalegreen\nlightcyan\nlavender\n\nred\nblue\ngreen\ngold","type":"text/plain","tags":""},"$:/plugins/kookma/shiraz-formatter/config/text-colors":{"title":"$:/plugins/kookma/shiraz-formatter/config/text-colors","text":"red\nblue\ngreen\npurple\n\nteal\nnavy\nmaroon\nSlateGray\n\nbrown\nroyalblue\ndarkkhaki\ngoldenrod","type":"text/plain","tags":""},"$:/plugins/kookma/shiraz-formatter/history":{"title":"$:/plugins/kookma/shiraz-formatter/history","tags":"","type":"text/vnd.tiddlywiki","text":"Full change log https://kookma.github.io/TW-Shiraz/shiraz-formatter.html#ChangeLog\n\n* ''0.5.1'' -- 2022.09.27 -- stable and improved release\n* ''0.1.0'' -- 2022.09.23 -- first public release\n"},"$:/plugins/kookma/shiraz-formatter/license":{"title":"$:/plugins/kookma/shiraz-formatter/license","tags":"","type":"text/vnd.tiddlywiki","text":"Distributed under an MIT license.\n\nCopyright (c) 2022-2024 [[Mohammad Rahmani|https://github.com/kookma]]\n\n<<<\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n<<<"},"$:/plugins/kookma/shiraz-formatter/readme":{"title":"$:/plugins/kookma/shiraz-formatter/readme","tags":"","type":"text/vnd.tiddlywiki","text":"; Shiraz Formatter\nEditor toolbar buttons to format text and insert snippets.\n\n;Code and demo\nFor learning plugin features, syntax, tutorial and examples see the plugin demo and code pages\n\n* Demo: https://kookma.github.io/TW-Shiraz/shiraz-formatter.html\n* Code: https://github.com/kookma/TW-Shiraz"},"$:/plugins/kookma/shiraz-formatter/snippets/alert":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/alert","caption":"Alert","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/alert-leftbar":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/alert-leftbar","caption":"Alert leftbar","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/badge":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/badge","caption":"Badge","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/badge-status":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/badge-status","caption":"Badge status","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/card":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/card","caption":"Card","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/colorful-link":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/colorful-link","caption":"Colorful link","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<$link overrideClass=\"btn btn-danger\" to=\"target\">My Link"},"$:/plugins/kookma/shiraz-formatter/snippets/details":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/details","caption":"Details","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<
>"},"$:/plugins/kookma/shiraz-formatter/snippets/image-card":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/image-card","caption":"Image card","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/image-polaroid":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/image-polaroid","caption":"Image polaroid","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/image-pretty":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/image-pretty","caption":"Image pretty","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/list-search":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/list-search","caption":"List search","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/multi-column-layout":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/multi-column-layout","caption":"Multicolumn layout","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/slider":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/slider","caption":"Slider","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/table-dynamic":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/table-dynamic","caption":"Table dynamic","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/snippets/table-quick":{"title":"$:/plugins/kookma/shiraz-formatter/snippets/table-quick","caption":"Table quick","code-body":"yes","tags":"$:/tags/TextEditor/Snippet","type":"text/vnd.tiddlywiki","text":"<>"},"$:/plugins/kookma/shiraz-formatter/styles/button":{"title":"$:/plugins/kookma/shiraz-formatter/styles/button","text":".tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down {\n\tmin-width:20px;\n}\n\n.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down > p {\n\tmargin: 0;\n\tpadding: 0 10px;\n}\n\n.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down a.tc-tiddlylink {\n\tfont-weight: normal;\n}\n\n/* new */\n.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible{\n\twidth:fit-content;\n\tmargin:1px;\n\tpadding:0;\n\tdisplay:inline-block;\n\tbackground-color:unset;\n}\n\n.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible svg{\n\twidth:1.5em;\n\theight:1.5em;\n}\n\n.kk-formatter-dropdown{\n\tdisplay:flex;\n\tflex-wrap:wrap;\n\tmax-width:6.6em;\n}\n\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-formatter/styles/button-color":{"title":"$:/plugins/kookma/shiraz-formatter/styles/button-color","tags":"$:/tags/Stylesheet","type":"text/vnd.tiddlywiki","text":".tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible.kk-sh-letter {\n\tbackground-color: <>;\n\tcolor: <>;\n\tfill: <>;\n\tborder-radius: 4px;\n\tpadding: 3px 4px;\n\tmargin: 2px 0 2px 4px;\n}"},"$:/plugins/kookma/shiraz-formatter/styles/other":{"title":"$:/plugins/kookma/shiraz-formatter/styles/other","text":".kk-sh-formatter-label {\n\tmargin-bottom:10px;\n\twidth:100%;\n}\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format":{"title":"$:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format","button-classes":"kk-formatter-btn","caption":"formatter","condition":"[type[]] [get[type]prefix[text/]] [get[type]match[application/javascript]] [get[type]match[application/json]] [get[type]match[application/x-tiddler-dictionary]] [get[type]match[image/svg+xml]] +[first[]]","description":"Shiraz formatter button","dropdown":"$:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format-dropdown","icon":"$:/core/images/paint","list-after":"$:/core/ui/EditorToolbar/mono-line","shortcuts":"","tags":"$:/tags/EditorToolbar","type":"text/vnd.tiddlywiki"},"$:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format-dropdown":{"title":"$:/plugins/kookma/shiraz-formatter/ui/EditorToolbar/format-dropdown","code-body":"yes","tags":"","type":"text/vnd.tiddlywiki","text":"\\define circle(color)\n\n>/>\n\n\\end\n\n\\define rect(color)\n\n >/>\n\n\\end\n\n\\define btn-highlight-actions()\n<$list filter=\"[match[alt]then[hlp]] [match[shift]then[hls]] :else[!match[ctrl]then[hl]]\" variable=\"hlmac\">\n<$action-sendmessage\n\t$message=\"tm-edit-text-operation\"\n\t$param=\"wrap-selection\"\n\tprefix={{{ [addprefix[<<]addsuffix[ \"]] }}}\n suffix='\" \"$(color)$\">>'\n/>\n\n<$list filter=\"[match[ctrl]]\" variable=null>\n<$action-sendmessage $message=\"tm-edit-tiddler\" $param=\"$:/plugins/kookma/shiraz-formatter/config/highlight-colors\"/>\n\n<$action-deletetiddler $tiddler=<>/>\n\\end\n\n\\define btn-text-actions()\n<$list filter=\"[!match[ctrl]]\" variable=null>\n<$action-sendmessage\n\t$message=\"tm-edit-text-operation\"\n\t$param=\"wrap-selection\"\n\tprefix='<\n\n<$list filter=\"[match[ctrl]]\" variable=null>\n<$action-sendmessage $message=\"tm-edit-tiddler\" $param=\"$:/plugins/kookma/shiraz-formatter/config/text-colors\"/>\n\n<$action-deletetiddler $tiddler=<>/>\n\\end\n\n\n\\define save-selection()\n<$action-sendmessage\n $message=\"tm-edit-text-operation\"\n $param=\"save-selection\"\n tiddler=<>\n/>\n\\end\n\n\\define btn-uppercase-actions()\n<>\n<$action-sendmessage\n $message=\"tm-edit-text-operation\"\n $param=\"replace-selection\"\n text={{{[get[text]uppercase[]]}}}\n/>\n\\end\n\n\\define btn-lowercase-actions()\n<>\n<$action-sendmessage\n $message=\"tm-edit-text-operation\"\n $param=\"replace-selection\"\n text={{{[get[text]lowercase[]]}}}\n/>\n\\end\n\n\\define btn-titlecase-actions()\n<>\n<$action-sendmessage\n $message=\"tm-edit-text-operation\"\n $param=\"replace-selection\"\n text={{{[get[text]lowercase[]titlecase[]]}}}\n/>\n\\end\n\n\n
\n
Highlight color
\n<$list filter=\"[enlist{$:/plugins/kookma/shiraz-formatter/config/highlight-colors}]\" variable=color>\n<$button actions=<> class=\"tc-btn-invisible\" tooltip=<> >\n<$macrocall $name=rect color=<> />\n\n\n
\n
\n\n
\n
Text color
\n<$list filter=\"[enlist{$:/plugins/kookma/shiraz-formatter/config/text-colors}]\" variable=color>\n<$button actions=<> class=\"tc-btn-invisible\" tooltip=<> >\n<$macrocall $name=rect color=<> />\n\n\n
\n
\n\n
\n
Change case
\n<$button actions=<> class=\"tc-btn-invisible kk-sh-letter\" tooltip=\"lower case\" >\n''aa''\n\n<$button actions=<> class=\"tc-btn-invisible kk-sh-letter\" tooltip=\"upper case\" >\n''AA''\n\n<$button actions=<> class=\"tc-btn-invisible kk-sh-letter\" tooltip=\"title case\" >\n''Aa''\n\n
"}}} -------------------------------------------------------------------------------- /packaged/shiraz-callout.tid: -------------------------------------------------------------------------------- 1 | author: Mohammad Rahmani 2 | core-version: >=5.2.3 3 | dependents: 4 | description: Admonitions for Shiraz 5 | list: readme license history 6 | name: Shiraz Callout 7 | parent-plugin: $:/plugin/kookma/shiraz 8 | plugin-type: plugin 9 | source: https://github.com/kookma/TW-Shiraz 10 | tags: 11 | title: $:/plugins/kookma/shiraz-callout 12 | type: application/json 13 | version: 0.8.0 14 | 15 | {"tiddlers":{"$:/plugins/kookma/shiraz-callout/history":{"title":"$:/plugins/kookma/shiraz-callout/history","tags":"","type":"text/vnd.tiddlywiki","text":"Full change log https://kookma.github.io/TW-Shiraz/shiraz-callout.html#ChangeLog\n\n* ''0.8.0'' -- 2024.12.29 -- updated to TW 5.3.3\n* ''0.5.2'' -- 2023.12.27 -- first stable public release\n* ''0.1.0'' -- 2022.12.18 -- initial implementation\n"},"$:/plugins/kookma/shiraz-callout/images/abstract":{"title":"$:/plugins/kookma/shiraz-callout/images/abstract","callout-type":"abstract summary tldr","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/bug":{"title":"$:/plugins/kookma/shiraz-callout/images/bug","callout-type":"bug","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/chevron":{"title":"$:/plugins/kookma/shiraz-callout/images/chevron","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/danger":{"title":"$:/plugins/kookma/shiraz-callout/images/danger","callout-type":"danger error","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/example":{"title":"$:/plugins/kookma/shiraz-callout/images/example","callout-type":"example","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/failure":{"title":"$:/plugins/kookma/shiraz-callout/images/failure","callout-type":"failure fail missing","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/info":{"title":"$:/plugins/kookma/shiraz-callout/images/info","callout-type":"info","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/note":{"title":"$:/plugins/kookma/shiraz-callout/images/note","callout-type":"note primary","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/question":{"title":"$:/plugins/kookma/shiraz-callout/images/question","callout-type":"question help faq","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/quote":{"title":"$:/plugins/kookma/shiraz-callout/images/quote","callout-type":"quote cite secondary","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/success":{"title":"$:/plugins/kookma/shiraz-callout/images/success","callout-type":"success check done","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/tip":{"title":"$:/plugins/kookma/shiraz-callout/images/tip","callout-type":"tip hint important","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/todo":{"title":"$:/plugins/kookma/shiraz-callout/images/todo","callout-type":"todo","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/images/warning":{"title":"$:/plugins/kookma/shiraz-callout/images/warning","callout-type":"warning caution attention","tags":"$:/tags/ShirazCallout/Image","type":"text/vnd.tiddlywiki","text":""},"$:/plugins/kookma/shiraz-callout/license":{"title":"$:/plugins/kookma/shiraz-callout/license","tags":"","type":"text/vnd.tiddlywiki","text":"Distributed under an MIT license.\n\nCopyright (c) 2022-2024 [[Mohammad Rahmani|https://github.com/kookma]]\n\n<<<\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n<<<"},"$:/plugins/kookma/shiraz-callout/macros/callout":{"title":"$:/plugins/kookma/shiraz-callout/macros/callout","tags":"$:/tags/Macro","type":"text/vnd.tiddlywiki","text":"\\define callout(type:\"note\", src, title, width:\"100%\", class)\n<$let theme-class = {{{ [[$:/palette]get[text]get[color-scheme]else[light]addprefix[theme-]] }}} \n callout-title = {{{ [<__title__>!is[blank]] :else[<__type__>titlecase[]] }}}\n icon-tiddler = {{{ [all[tiddlers+shadows]tag[$:/tags/ShirazCallout/Image]contains:callout-type<__type__>]\n :else[[$:/plugins/kookma/shiraz-callout/images/note]] }}}\n source = {{{ [<__src__>get[text]else<__src__>] }}} >\n
> style=\"width:$width$;\">\n
> class=\"callout $class$\" $status$>\n
\n
<$transclude tiddler=<> field=text/>
\n
<>
\n
\n<$list filter=\"[<__src__>!is[blank]]\" variable=ignore>\n
\n<$transclude tiddler=<> field=title mode=block />\n
\n\n
\n
\n\n\\end"},"$:/plugins/kookma/shiraz-callout/macros/callout-details":{"title":"$:/plugins/kookma/shiraz-callout/macros/callout-details","tags":"$:/tags/Macro","type":"text/vnd.tiddlywiki","text":"\\define callout-details(type:\"note\", src, title, status, width:\"100%\", class)\n<$let theme-class = {{{ [[$:/palette]get[text]get[color-scheme]else[light]addprefix[theme-]] [<__class__>] :and[join[ ]] }}} \n callout-title = {{{ [<__title__>!is[blank]] :else[<__type__>titlecase[]] }}}\n icon-tiddler = {{{ [all[tiddlers+shadows]tag[$:/tags/ShirazCallout/Image]contains:callout-type<__type__>]\n :else[[$:/plugins/kookma/shiraz-callout/images/note]] }}}\n source = {{{ [<__src__>get[text]else<__src__>] }}} >\n
> style=\"width:$width$;\">\n
> class=\"callout $class$\" $status$>\n\n
<$transclude tiddler=<> field=text/>
\n
<>
\n
{{$:/plugins/kookma/shiraz-callout/images/chevron}}
\n\n
\n<$transclude tiddler=<> field=title mode=block />\n
\n
\n
\n\n\\end"},"$:/plugins/kookma/shiraz-callout/readme":{"title":"$:/plugins/kookma/shiraz-callout/readme","tags":"","type":"text/vnd.tiddlywiki","text":"; Shiraz callout\nCallout is used to describe a short piece of text set in a different format than the rest of the page and intended to attract attention. Shiraz callout contains collapsible and non-collapsible callout elements.\n\n;Code and demo\nFor learning plugin features, syntax, tutorial and examples see the plugin demo and code pages\n\n* Demo: https://kookma.github.io/TW-Shiraz/shiraz-callout.html\n* Code: https://github.com/kookma/TW-Shiraz\n"},"$:/plugins/kookma/shiraz-callout/styles/details":{"title":"$:/plugins/kookma/shiraz-callout/styles/details","text":"details.callout summary {\n cursor: pointer;\n}\n/* Chevron animation */\ndetails.callout .callout-fold svg {\n transition: transform ease-in-out 150ms;\n}\ndetails.callout .callout-fold svg {\n transform: rotate(-90deg);\n}\n\ndetails.callout[open] > summary .callout-fold svg{\n transform: rotate(0deg);\n}\n\n/* Reveal content animation */\ndetails.callout > summary {\n transition: margin ease-out 300ms;\n}\n\ndetails.callout[open] > summary {\n margin-bottom: 10px;\n}\n/* this compensates the summary extra bottom margin */\ndetails.callout[open] > .callout-content{\n\tmargin-top:-10px;\n}\n\n/* To remove the default arrow that comes with the tag in Safari */\ndetails[data-callout] summary::-webkit-details-marker {\n display: none;\n}","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-callout/styles/skin":{"title":"$:/plugins/kookma/shiraz-callout/styles/skin","text":".callout {\n --callout-color: 68, 138, 255;\n}\n.callout {\n border-left-color: rgb(var(--callout-color));\n background-color: var(--background-secondary);\n}\n.callout-title {\n background-color: rgba(var(--callout-color), 0.1);\n}\n.callout-icon {\n color: rgb(var(--callout-color));\n}\n.callout-title-inner {\n font-weight: 700;\n}\n\n\n\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-callout/styles/structure":{"title":"$:/plugins/kookma/shiraz-callout/styles/structure","text":".callout {\n\tborder-left-width: 4px;\n\tborder-left-style: solid;\n\tborder-radius: 2px;\n\tmargin: 1em 0;\n}\n.callout-title {\n\tpadding: 10px;\n\tdisplay: flex;\n\tgap: 10px;\n}\n.callout-icon {\n\tflex: 0 0 auto;\n\tdisplay: flex;\n\talign-self: center;\n}\n.callout-title-inner {\n\tflex: 1 1 0;\n}\n.callout-content {\n\toverflow-x: auto;\n\tpadding: 0px 15px;\n}\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-callout/styles/svg-icon":{"title":"$:/plugins/kookma/shiraz-callout/styles/svg-icon","text":"/* enlarge svg icon of callout */\n.callout-icon svg{\nheight:1.2em;\nwidth:1.2em;\n}","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-callout/styles/theme":{"title":"$:/plugins/kookma/shiraz-callout/styles/theme","text":".theme-light {\n --background-secondary: #f2f3f5;\n}\n\n.theme-dark {\n --background-secondary: #161616;\n}\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/shiraz-callout/styles/types":{"title":"$:/plugins/kookma/shiraz-callout/styles/types","text":".callout[data-callout=\"abstract\"],\n.callout[data-callout=\"summary\"],\n.callout[data-callout=\"tldr\"] {\n --callout-color: 0, 176, 255;\n}\n.callout[data-callout=\"info\"],\n.callout[data-callout=\"todo\"] {\n --callout-color: 0, 184, 212;\n}\n.callout[data-callout=\"tip\"],\n.callout[data-callout=\"hint\"],\n.callout[data-callout=\"important\"] {\n --callout-color: 0, 191, 165;\n}\n.callout[data-callout=\"success\"],\n.callout[data-callout=\"check\"],\n.callout[data-callout=\"done\"] {\n --callout-color: 0, 200, 83;\n}\n.callout[data-callout=\"question\"],\n.callout[data-callout=\"help\"],\n.callout[data-callout=\"faq\"] {\n --callout-color: 100, 221, 23;\n}\n.callout[data-callout=\"warning\"],\n.callout[data-callout=\"caution\"],\n.callout[data-callout=\"attention\"] {\n --callout-color: 255, 145, 0;\n}\n.callout[data-callout=\"failure\"],\n.callout[data-callout=\"fail\"],\n.callout[data-callout=\"missing\"] {\n --callout-color: 255, 82, 82;\n}\n.callout[data-callout=\"danger\"],\n.callout[data-callout=\"error\"] {\n --callout-color: 255, 23, 68;\n}\n.callout[data-callout=\"bug\"] {\n --callout-color: 245, 0, 87;\n}\n.callout[data-callout=\"example\"] {\n --callout-color: 124, 77, 255;\n}\n.callout[data-callout=\"quote\"],\n.callout[data-callout=\"cite\"],\n.callout[data-callout=\"secondary\"]{\n --callout-color: 158, 158, 158;\n}\n\n.callout[data-callout=\"primary\"]{\n --callout-color: 68, 138, 255;\n}\n\n.callout[data-callout=\"dark\"]{\n --callout-color: 33, 37, 41;\n}","tags":"$:/tags/Stylesheet","type":"text/css"}}} --------------------------------------------------------------------------------