{"id":13783459,"url":"https://github.com/cannibalox/logtools","last_synced_at":"2025-05-11T19:30:53.002Z","repository":{"id":37495742,"uuid":"376945426","full_name":"cannibalox/logtools","owner":"cannibalox","description":"Logtools: utilities for Logseq (kanban, image gallery, priority matrix, ...)","archived":false,"fork":false,"pushed_at":"2023-07-06T22:03:55.000Z","size":146,"stargazers_count":208,"open_issues_count":9,"forks_count":9,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-08-03T19:07:51.881Z","etag":null,"topics":["note-taking","plugins","productivity"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cannibalox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-06-14T20:17:00.000Z","updated_at":"2024-08-02T05:53:21.000Z","dependencies_parsed_at":"2024-01-07T00:06:55.029Z","dependency_job_id":null,"html_url":"https://github.com/cannibalox/logtools","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cannibalox%2Flogtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cannibalox%2Flogtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cannibalox%2Flogtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cannibalox%2Flogtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cannibalox","download_url":"https://codeload.github.com/cannibalox/logtools/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225086496,"owners_count":17418734,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["note-taking","plugins","productivity"],"created_at":"2024-08-03T19:00:21.869Z","updated_at":"2025-05-11T19:30:52.948Z","avatar_url":"https://github.com/cannibalox.png","language":"JavaScript","readme":"# Logtools - productivity pack :\n\na collection of css-based tools and plugins for Logseq.\n\n## Kanban\ntag a block with `#.v-kanban` or `#.v-kanban-wide` (more samples here https://discuss.logseq.com/t/css-trigger-columns-kanban-view-with-tags/390) - - see the related Template below\n   - options: \n        - `-w100`, `-w150`, `-w200`, `-w300`,`-w400` : adjust width of each column (fixed numbers in px)\n        - `-small` : smaller fonts to fit more columns\n        - `-wide` : force the use of full-width and horizontal scroll if needed\ndemo: `#.v-kanban`\u003cbr\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/156956422-9eab8cee-7fbb-4e65-81de-5097c1b96f89.png\" max-width=\"600px\"\u003e\t\n  - Kanban starter templates: replace the titles and catagories to your liking, invoke with `/kanban`\n\n\t```\n\t- a Kanban #.v-kanban\n\ttemplate:: kanban\n\t\t- `TO DO`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `IN PROGRESS`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `DONE`\n\t\t\t- 1\n\t\t\t- 2\n\t- Wide Kanban #.v-kanban-wide\n\ttemplate:: kanban-wide\n\t\t- `UNDER REVIEW`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `RETAKE`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `APPROVED`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `ARCHIVED`\n\t\t\t- 1\n\t\t\t- 2\n\t\t- `DROPPED`\n\t\t\t- 1\n\t\t\t- 2\n\t```    \n\t\n## Eisenhower Matrix\n\ntag a block with `#.v-eisenhower` (https://discuss.logseq.com/t/css-template-eisenhower-matrix/526) \n\nPriority Matrix  `#.v-eisenhower-matrix`\u003cbr\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/156956223-a9cf13d8-4aa5-4f17-9726-9f5c5a49a3f7.png\" max-width=\"600px\"\u003e\n\n  - use this template for easy invoke via slash command `/eisenhower-matrix` :\n\t```\n\t- #.v-eisenhower-matrix\n\ttemplate:: eisenhower-matrix\n\t\t- [[TODO]]\n\t\t\t-\n\t\t\t-\n\t\t\t-\n\t\t- [[DECIDE]]\n\t\t\t-\n\t\t\t-\n\t\t\t-\n\t\t- [[DELEGATE]]\n\t\t\t-\n\t\t\t-\n\t\t\t-\n\t\t- [[ELIMINATE]]\n\t\t\t-\n\t\t\t-\n\t\t\t-\n\t```\n## Numbered lists\ntag a block with `#.v-numlist` (https://discuss.logseq.com/t/css-numbered-lists/387/5) to repace children bullets with incremental numbers (works on 2 sub-levels max for now)\n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/157914206-e1220ef0-e14e-47b8-8ded-d86aa5a422b8.png\" max-width=\"600px\"\u003e\n\n## Border\n\na utility tag to create borders around blocks.\nuse `#.v-self-border`; `#.v-border-child` or `#.v-self-border-child` to add a frame/border around blocks. Great to highlight important blocks or to make cards or tables with the kanban or columns tags\n\ndemo :\n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/156955395-0004e961-4d18-4dc8-9621-8b4168c91b05.png\" max-width=\"600px\"\u003e\n\n\n## Gallery\n\ntag a parent block with `#.v-gallery` and put links to images in separate children blocks (by default the images are displayed as 200x200px)\n  - options: \n    - `-col2` to `-col7` : defnine the number of columns, images size will auto adjust\n    - `-w100`, `-w200`, `-w300`,`-w400` : adjust width of each pic (fixed numbers in px)\n    - `-fit` : fit width \n    - `-h300` or `-h400` to change the height, default is 200px\n    - append these suffixes to the main tag, so for instance : `#.v-gallery-col5` creates a grid of 5 columns, `#.v-gallery-w300` creates a gallery where each pic is 300 pixels wide, etc\n  - demo: `#.v-gallery-fit` \n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/156956622-fc96e39a-4240-4c22-a4e2-a37cd7b75126.png\" max-width=\"600px\"\u003e\n\n## Like-Dislike (Pro-Cons) \ntag a bock with `#like` or `#dislike` for reviews or comparisons: it will replace the bullets by `+` and `-` . see the related Template below\ndemo `#Like` and `#Dislike` (with #.v-kanban applied)\u003cbr\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/4605693/156959797-88fbfbeb-fd02-48fb-9e4e-6a72974a1f24.png\" wmax-idth=\"600px\"\u003e\n- pros and cons template(used for reviews or comparisons, works well in conjunction with the #.v-kanban tags)\n\t```\n\t- procons #.v-kanban\n\ttemplate:: procons\n\t\t- #like\n\t\t\t-\n\t\t- #dislike\n\t\t\t-\n\t```\n\n## Columns view\n\nusage: `#.v-columns-` followed by a number of columns between 2 and 6. eg `#.v-columns-2`, `#.v-columns-4`, etc...\na complement to Kanban and Gallery. Useful to span content across multiple columns to create a newspaper-like layout or make long lists easier to browse.\n\n- demo `#.v-columns-4`\n![columns](https://user-images.githubusercontent.com/4605693/213771673-6c3d4f6c-7afc-4700-8a2b-663fdf2b5714.jpg)\n- `.v-columns-2` : a 2 columns, newspapaer-style maybe be easier to browse\n![ss_Logseq_quadrant-framing_20230120_CGvxP6OuPR](https://user-images.githubusercontent.com/4605693/213774023-730f63d3-caa1-4c22-826c-b5c375c042ce.jpg)\n\n# INSTALL\n\n* via the Marketplace\n* alternatively download the zip and unpack it in a folder of your choice, then in logseq, go to the main `menu \u003e plugins`, then click on `Load unpacked plugin` and point it to the folder `logtools-css-productivitypack` (not the parent folder)\n* for use via `CUSTOM.CSS` or on mobile, you can also download the zip, open the `index.js` and copy **only** the css rules from line3 ` /* -- like dislike ----------------------------------------- */` til `/*==== ls-border end ====== */` included and paste them inside you `/logseq/custom.css` file\n\n\n# TIPS : \n- Try to combine the tags to uncover more possibilities : eg combine Kanban + Borders to create a table with a single tag `#.v-kanban-border-children` or with separate tags `#.V-kanban #.v-border-children` \n- the css was packaged as a plugin in order to auto-update via the marketplace, however, the css rules can also be used in `custom.css` (that's my prefererd way to use it as it works on mobile)\n- use the provided starter templates to easily invoke the tools and tags. I usually save all my templates in a dedicated page called `ls-templates.md` for easy management and modification.\n\nThank you for trying my mod, if you like the plugin and want to buy me a coffee, hit the button :\n[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/O5O1BN89Y)\n\n","funding_links":["https://ko-fi.com/O5O1BN89Y"],"categories":["🔌 Plugins","others"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcannibalox%2Flogtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcannibalox%2Flogtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcannibalox%2Flogtools/lists"}