Obsidian callout plugin

Obsidian callout plugin. Pull the annotation from Zotero using the integration plugin. Once you get used to it, you want never miss it again. It will also let you execute JavaScript code manipulating those variables and functions. **Bold** syntax will center text and and a background color (no background color for dataview tables) Adjustment. If you use your vault directly in a repository, the upload will corrupt Templater Obsidian Plugin. io api to grab a random quote and format it within an Obsidian callout. I’m willing to query specific type of callouts for my weekly routine. ↩︎ Reddit's #1 spot for Pokémon GO™ discoveries and research. With hundreds of plugins and our open API, it's easy to tailor Obsidian to fit your personal workflow. This plugin provides a Suggestion Modal for Callouts similar to what you'll find in Obsidian Natural Language Dates . But there isn’t a button in the callout block: 2106×442 67. 20: 21: With `npm`: 22: 23 ``` 24: npm install remark-obsidian-callout --save-dev 25 ``` 26: 27: or with `pnpm`: 28: 29 ``` 30: pnpm add -D remark-obsidian-callout 31 ``` 32: 33: Then in your `astro. obsequious November 2, 2022, 11:27am 5. scss. Keep attachments neatly Apr 19, 2023 · In a test vault with only Minimal (and Dataview) installed, I don’t see much of a difference in spacing between the default and Minimal themes within the callout itself. Math Booster version 2 introduces a new format for theorem callouts, which is much cleaner, more intuitive, more keyboard-friendly, and less plugin-dependent than the previous one! Oct 10, 2023 · A boa notícia é que há uma maneira melhor de adicionar callouts às suas notas no Obsidian, e isso envolve o uso do Templater plugin alinhado a scripts. This one should only target callouts containing Dataview blocks. You signed out in another tab or window. This can clutter your links, so I wrote a plugin, Obsidian MathLinks, that allows you to associate to each note a 'math link', which will be rendered in MathJax in every note that links to it. Depending on the implementation or use case, some plugins will either entierly not render, render incorrectly, or render but be uninteractable. It uses Obsidian default icons and callout flavors out of the gate. Style dataview table and lists as cards. md plugin that makes creating and configuring callouts easy. I have built a tasks summary page using the great Tasks plugin. A remark plugin to parse Obsidian's callout syntax. 16,589 downloads. obsidian/plugins/ Note: On some machines the . What I did was as follows: (I had to hit enter twice after the last line to get out of blockquote mode. Trust me, I know how to trouble shoot and I have already done this. This plugin does have a default shortcut ALT+Q which opens a Suggestion Window with all commands of this plugin (except colors and callouts). Oct 2, 2023 · Under the Template Hotkey section select the template “callout” you have already created in Step 3. feat-insert-callout-modal eth-p/obsidian-callout-manager. Basically that command adds (or removes) the angle bracket in front of each line. Footnote shortcut. 4. shields. From then on, lines starting with “+” are out of place. Dec 30, 2023 · The callouts snippet is pretty simple, hopefully the comments explain everything if people want to use this as a starting point to do something else. In edit mode, use the command `Tasks: Toggle Done`. 14. This tweak offers a swift, visual separation for important items, and works with your regular workflow to offer a seamless experience. Your GitHub username. Hi everybody, I just completed a first experimental version of an Icons Plugin for Obsidian. I have tried both Multi-Column Markdown and Obsidian Column plugins. [x] ABC Music Notation [x] Advanced Tables [x] Banners [x] Callout Manager [x] Calendar [x] Charts View [x] Checklist You can even omit the body to create title-only callouts: ```markdown > [!tip] Title-only callout ``` > [!tip] Title-only callout ### Foldable callouts You can make a callout foldable by adding a plus (+) or a minus (-) directly after the type identifier. Can also be written as --callout-title-padding: 10px 10px 10px 10px; Needs Obsidian installer v1. Any guidance to to do that would help. There is a button at the top right corner of the code block to let me quickly copy the whole codes. When you type Jul 18, 2022 · Allow you to control the width of the sub-callout using custom callout-metadata > [!<anycallout>|<wide-3|wide-2>] for flexibly increase relative width, and > [!<anycallout>|min-0] to remove mininum width for multi-column sub-callout (default: 200px) Multi column layout using (Unordered) List Via custom cssClass at the frontmatter. Here, I have added callouts like Tip, Warning, Note etc. STEP 5: Now go to the main setting of Obsidian, then go to Hotkeys and search “callout” Like this. Aug 23, 2023 · Extract the plugin folder from the zip to your vault’s plugins folder: <vault>/. Usage. Install Learn more Copy link. Calling up the Command Palette with Ctrl/Cmd + P and type “callout” to bring it up in the modal and you can select it to see what callouts Obsidian offers as defaults. tldr: Jump straight to the implementation. Activate the CSS snippet that I’m attaching. 8 participants. Jul 21, 2023 · Styling in the suggestion popup is done by using Obsidian style classes, and the custom glyphs created by the callout manager and colors will also be displayed correctly. Github link /* wider border, larger text, translucent background color, rounded corners */ . Add the sharing key as true in Obsidian’s note frontmatter. mjs` config file: 34: 35 ```js 36: import remarkObsidianCallout from "remark Obsidian List Callouts . The callout picker plugin detects when obsidian-callout-manager is enabled / disabled. It is usable with the Templater plugin. I am not using style settings or minimal theme settings plugin within this new vault. callout I create my own callouts without any plugin in 10 seconds. > [!example] Title > Contents > Contents > Contents > Contents. I'm adding and removing plugins all the time, just playing around with obsidian finding what works and doesn't work for me. To make this appear inside the document, use the format below: Creating Callouts 9. Check it out! You signed in with another tab or window. Run the commands through the file menu or commands palette. 9(Installer version: v1. Obsidian allows the use of aliases when creating callouts, mkdocs-callouts converts these to the corresponding block type. Line 1 Line 2 Line 3. It's allow you to export to formats like Markdown , Markdown (Hugo) , HTML , docx , Latex etc. The plugin provides a range of pre-defined icons to pick from, as well as the ability to create your own custom styles using CSS. ZotLit is a third-party project that aims to facilitate the integration between Obsidian. - Add obsidian-callout-manager plugin · obsidianmd/obsidian-releases@7c6a680 Blank Line > separated. io/ Nov 29, 2023 · I am running Obsidian 1. But note that As I understand it, many of these elements use some predefined CSS variables, such as --text-accent and --interactive-accent-hover. Jul 5, 2022 · Current workaround (optional) While it doesn’t appear to work for inline autocomplete while typing, the admonition plugin ’s ‘insert callout’ feature opens a modal that allows selecting the admonition type from a drop down list: In contrast, Obsidian’s default ‘insert callout’ only inserts the following static text: > [!NOTE Apr 20, 2023 · Again, I’m not seeing the spacing issue (between lists in callouts and Dataview in callouts using Minimal), so it’s hard to pin down. (Optional) Turn on Auto-update plugins at startup at the top of the page. md. For a long time, I have wanted to apply Cornell Notes in Obsidian, especially in my long-form writing research. Create a multi-line blockquote or a callout. obsidian folder may be hidden. May 11, 2024 · Configure the plugin options: Repo name. Automatically detects callouts created by snippets and themes. It is nothing fancy, just a reliable way to create the cue affect. cday >SORT file. Templater is a template plugin for Obsidian. I did just re-download Obsidian, but I was previously up-to-date. Jun 11, 2022 · Help. Thanks! 4 Likes. Callout columns. dvl. Jan 7, 2023 · Obsidian (obviously) Zotero with Better Bibtex installed. md/). ! [ [Banner Images without a Plugin. Use + at the beginning of each line for time, header and description (in that order) So, the + Laberrabaerhabberöabber line starts a new event and this text becomes the label for its “time”. I’ll share it if others are In the Beta Plugin List section, click on the Add Beta plugin button. But it does However, mind that I can take care of obsidian hotkeys only meaning that plugins hotkeys are irrelevant and impossible to handle due to unlimited plugin amount. : If you create a "custom" callout (in other words, an admonition (I guess)), you can use it in you notes with a ```ad-something but as the plugin and Obsidian work now together, you can also use the Admonition in your notes using the "callouts " syntax Mar 6, 2023 · This week, in my Obsidian Plugins Review we have a new editing toolbar, another presentations helper plugin, material symbols, notes versions diff viewer, glocal search and replace, callout manager… Oct 29, 2022 · Obsidian Charts is a plugin that allows you to create charts and graphs directly in your Obsidian notes. Copy and paste RyotaUshio/obsidian-latex-theorem-equation-referencer in the pop-up prompt and click on Add Plugin. Example of how MathLinks work. Should you wish to disable this behaviour then you can do so by setting aliases to false in the plugin configuration: Apr 19, 2024 · Add custom callouts. I tried to see any examples on the internet or the documentation on DataView Plugin, but didn’t found any resource. md and Zotero, by providing a set of community plugins for both Obsidian and Zotero. “Zotero Integration” plugin for Obsidian. We have a Plugin API for integration with other plugins. Adjust gap between sub-callout and margin between sub Aug 14, 2023 · I use callouts from time to time, but I don’t often remember which types are possible, especially with the possibilities added by themes and plugins. The issue persists across multiple themes and in the ‘Default’ theme. To do the same, use the following CSS snippet:. I often write latex math into admonitions / callouts. Full Documentation; 中文文档; Disclaimer: The plugins in this project is manitained by third-party developer, who is not affiliated with Obsidian or Zotero. Nov 30, 2022 · Developers: Plugin & API. 3 After the update to 1. holroy January 26, 2023, 6:43pm 2. It is a callout that floats and aligns in the proper direction. 8+, you can activate this plugin within Obsidian by doing the following: Open Settings > Third-party plugin; Make sure Safe mode is off; Click Browse community plugins; Search for "Advanced Tables" Click Install; Once installed, close the community plugins window and activate the newly installed plugin This is an enhancing export plugin base on Pandoc for Obsidian (https://obsidian. Feature Request: Add the ability to see callout options, select one (mouse or keyboard), and insert it at the cursor. Supports Mobile Obsidian. A couple things from Minimal came over to the new default, the stylized check boxes was one of those things. Additionally, the icons for the callouts no longer show. 5 KB. i want to make a call-out without title, (only the icon), I have no idea! 906×144 2. 08 KB. There just does nog seem to be a way to add tasks within the callout. Enhance your note-taking by styling essential points in lists. You can use tools like this one to help you do that. By default, custom callouts are handled by applying the note style. [ [John Doe]] Because I don’t need to see these tasks often, I wrap them in a collapsed callout, like this …. merlinuwe January 26, 2023, 6:51pm 3. Aug 14, 2023 · Hi everyone, LaTeX-like Theorem & Equation Referencer is an Obsidian. Direct the integration plugin into that template. The padding order goes clockwise (top->right->bottom->left) so you can play around there. Great idea! I tweaked the CSS a bit to center the image, rather than top left aligning it. name asc >``` Here are the most recent images of the data view callout lists with the CSS snippet enabled and disabled: Here are the settings I used within the snippet provided by Ariehen to get it as close to the left as I could. Allowing callouts with the formatting of the Admonition plugin, as in this use case they are more organized, pratical and clean: 1313×852 78. Here is Feb 26, 2024 · 8. Give this CSS a try. dev/icons. I can never remember all the callout tags. An introduction to measure theory. You should only have 3 plus sign per event. Obsidian has a callout feature, that allows you to mark points that need special attention. One thing about Minimal that I don't like the default look of are the callouts. Now click on the plus icon and add a keyboard shortcut for this templater script. In order for this to be generated you need to add your Base URL in the settings, like in the image above. Item 1 subitem 1 [!info] my callout content inside callout subitem 2 subitem 3 Expected result ‘subitem2’ should be an additional bullet point aligned to ‘subitem1’, but instead it is swallowed by the callout. I get '- [ ] []: do task 3' so OUTSIDE the callout. The GitHub token (available here) The share key. I turned off various plugins Nov 10, 2022 · Atom/RSS feed. callout { border-radius: 8px; border-width: 1px; } With that added, your callouts should look like this. cday = this. There are 3 scenario's in which the suggestion popup is triggered. Steps: Copy my template into a new document of yours. Jan 20, 2024 · UPDATE:. The Silph Road is a grassroots network of trainers whose communities span the globe and hosts resources to help trainers learn about the game, find communities, and hold in-person PvP tournaments! Feb 5, 2023 · Steps to reproduce. I am using “ALT+C” to trigger this. (The theorem in the screenshot is cited from Tao, Terence, ed. Reload to refresh your session. Overriding the colors of these variables gives me the result I want, but it doesn't seem to work the same for the callouts. Admonitions are now a core functionality in Obsidian. 5, callouts no longer expand. Jun 21, 2023 · This solution allows you to create banner images across the top of a page without the need for a plugin. Things I have tried I have tried changing themes and problem persists. child > Child blockquote 2. It defines a templating language that lets you insert variables and functions results into your notes. Callouts are great. hide sidebars on window resize. api, dataview. The list only resumes at ‘subitem3’. Sep 11, 2023 · I have created a few custom callouts with SVG icons defined. I add this line to the snippet style. This plugin is incredibly helpful for visualizing data, tracking progress, or simply adding some visual interest to your notes. There is a setting called Don't treat "> [!example]" as a theorem callout, and if it's turned on, an "example" theorem callout can be inserted only with the alias syntax > [!exm]. The functionality got added to the new default theme with Obsidian 16. A useful community plugin you can install to easily find out what sort of callouts are available is Callout Manager. The setup process can be a little tricky, but if you’re willing to put in the time, it’s worth it! Here’s Statistics about Obsidian Plugins. Appearance of theorem callouts depends on how you style them. It’s still not perfect as there is still a larger Jun 20, 2023 · Use case or problem. As soon as I did the callout box was rendered correctly). config. Nov 8, 2022 · Callout columns - Feature requests - Obsidian Forum. Details and usage are in the GitHub repository. Sometimes plug-ins can cause conflicts. Here's a similar principle. If you have Style Settings plugin installed, you may control the following aspects (go to Style Settings > Modular CSS Layout - Multi Column > Multi Column Callout) Hide / Show SNW Indicator for images in Float Callout. Current version: 1. - wnhllh/obsidian-callout-editor 56,138 downloads. The site automatically generates an Atom/RSS feed available at /feed. Apr 20, 2023 · This is so bizarre. Use Case/Example: Place cursor Hotkey (or invoke Command Pallet, and This is why I waited patiently before jumping into support the Admonitions plugin (or any plugin) - because I felt like Obsidian might have been looking to natively support it - and they finally did with Callouts! Only after supporting markdown and obsidian-native features do I really support plugins. I tried it today and it worked fine for me in Live Preview. It will affect all callouts. You can customize and style to fit your specific Mar 20, 2023 · Callout Manager. Arranging Obsidian content in columns without any plugins. Admonitions now just adds features onto the native callouts. Typing a configurable character at the beginning of a list item will turn the item into a callout: . I choose my icons here and copy the name : https://lucide. A plus sign expands the callout by default, and a minus sign collapses it instead. My Dataviewjs code blocks can stay in actual code blocks with this plugin, whereas with Obsidian Columns, the Dataviewjs blocks have to live in a callout block, so the Nov 1, 2022 · I’ll look into how to file a Feature Request–I’m brand new, so I’ll check out how to do it, and file one. 2. * @example ["info", "warning", "danger"] * @default undefined */ callouts?: string [] | null; /** * A function that is called when the given callout type is not in `callouts`. workspace Mar 5, 2024 · Obsidian allows the use of aliases when creating callouts, mkdocs-callouts converts these to the corresponding block type. In reading mode, the callout will not open at all. New, trending, favorite Obsidian Plugins. andrezgz July 18, 2021, 12:57am 8. (It’s necessary the use of extra backticks in the Admonition block when inserting a code block under it…) Result: 1474×863 62. In edit mode, clicking the arrow opens the callout to edit. Mar 18, 2022 · But the plugin is still there for users wanting more than the basic callouts 😊 E. 42 KB. This article begins our "Hidden Gems" series This is an Obsidian. 8 KB. file. Generally the same way you would with a callout, except Live Preview works better: 1. - The command will only be available if the cursor is on a line with a checklist item. Get dataview to retrieve a list of (and actually display Mar 27, 2023 · Steps to reproduce Indent a callout block in a bulleted list, e. Mulit-Column Markdown is definitely my preferred option in regards to usage. Also, obsidian team recommends to don't set default hotkeys for commands and that is why Keyshots installs with "clear" preset! Apr 1, 2022 · Proposed solution. Ribbon button and command to open vault as a Visual Studio Code workspace. 9. Adjust minimum width for general sub-callout and No-Wrap sub-callout. Callouts without Title. 29 KB. Where Markdown , Markdown (Hugo) , HTML will export and its media resource together. Whenever I do so, however, the math doesn’t render in live preview: 783×109 5. dataview. Feb 11, 2023 · Things I have tried My use case involves rendering Dataview tables in two colums. For the most part, due to how Obsidian plugins work, there is little that can be done at this stage to guarentee cross compatibility. A list of all my plugins is below, some of them are completely unrelated to the theme though. Don’t forget to ensure that the SVG is URL encoded before putting it in the CSS. md plugin that provides a powerful indexing & referencing system for theorems & equations in your vault, bringing LaTeX-like mathematical note-taking experience into Obsidian. Jun 29, 2023 · Callouts. Hover Editor. Is there any tip to do that. This means that if the given callout type is not in `callouts`, this plugin will call `onUnknownCallout`. despite the fact that live preview usually displays callouts that you’re editing as if they were quote blocks, which do render latex: 867×209 5. They provide visual guidance in many text scenarios and allow to fold away info for reading it later or only when the need to go in depth is there. GitHub all releases GitHub manifest version GitHub issues by-label ![GitHub Repo Jul 14, 2022 · TheGeneralist July 14, 2022, 1:15am 1. Jun 25, 2023 · TfTHacker February 28, 2024, 5:15pm 4. Everything is wrapped in a callout and you only need to adjust the title. md plugin to add better Live Preview support for math rendering inside callouts & blockquotes. Integrate with Zotero, create literature notes, and insert citations from a Zotero library. To reiterate what I have done: I have created a New vault and only installed dataview and enabled minimal theme. The following is a bit of javascript that hooks into the quotable. To use the API, you need to get an API handle. What is this This is a remark plugin that parses Obsidian's callout syntax, and adds custom data attributes and classes to the HTML elements for further customizations. Feature requests. The characters can also be replaced with icons: . From Obsidian v0. Create callouts in lists in Obsidian. Plus, I've made a few of my own that I use pretty frequently. I started using callouts to basically map the Cornell Notes Apr 20, 2023 · One callout trick I learned recently was to select all the content you want in a callout (the dataview block in this case) and ctrl+p > Insert callout (or hotkey). You switched accounts on another tab or window. On MacOS you should be able to press Command+Shift+Dot to show the folder in Finder. 8 Apr 20, 2023 · So here is the query I am using: >```dataview > LIST > FROM "" > WHERE file. here are my settings. In preview mode, click the checkbox at the beginning of the task to toggle the status between "todo" and "done". I am only using the query I included in my last post Enhance callout of Obsidian with WYSIWYG real-time editing, featuring quick color selection and creation of cascading card layouts. Further, the callout should render as a colored window. There seems to be a variable called --callout-color, but changing it doesn't seem to do Oct 8, 2022 · Use case or problem. g. That is a handy feature at most scenarios. Change number of columns; 3 is default. I was aware that you were referencing a plugin but thought it intended to serve the same purpose. Which is of course not what I want. Should you wish to disable this behaviour then you can do so by setting aliases to false in the plugin configuration: Plugin for markdown-it to support GitHub and Obsidian callouts, as well as codeblock admonitions supported by the Admonition plugin. Jan 26, 2023 · These are my settings in execute code plugin (which work): 795×775 24. app. ETA: Also, i nsider preview 0. Copy text with line breaks. There is a high chance that this plugin is no longer maintained. If text is selected, it inserts it into the body of the callout. 1. There is a great feature in the code block: 2153×517 35. Dec 4, 2022 · Obsidian Grid Callouts. callout[data-callout="travel"] {--callout-color: 54,152,142; --callout-icon: plane-takeoff;} Then I can use it > [!travel]- Obsidian Callout Suggestions. md ). The Admonition plugin for Obsidian is a tool that allows you to create attention-grabbing callouts, tips, warnings and other informative blocks within your notes. 1 was just released with a bunch of fixes for callouts. Click into the blockquote to edit in the the live preview mode. This is a user experience enhancing plugin for Obsidian ( https://obsidian. Also, play around with the text Not all plugins will be cross compatable within a multi-column region. Take your callouts on the go! Plugin API. no-empty-windows. So I created this template which uses templater to insert a callout by proposing the theme, the possibility of folding it or not and the title. Note: The feature of this plugin was originally a part of LaTeX-like Theorem & Equation Referencer , another community plugin of mine. My favorites are plugins that address Obsidian's flaws or blind spots (IMO): Filename Heading Sync. css and modify only name, rgb color, icon-name. When I remove everything from the Description to just add the task, this also fails. Go to Community plugins > Installed plugins. See Styling Styling for details. I’m currently looking for beta-testers to provide GitHub all releases GitHub manifest version GitHub issues by-label GitHub Repo stars(https://img. 2 KB. 5 on Windows 11, using the Minimal Theme v. zettelstraum November 8, 2022, 9:28pm 1. ID * - If a list, only the callout types in the list are supported. 89 KB. Description. You will find "LaTeX-like Theorem Mar 19, 2023 · When branches are created from issues, their pull requests are automatically linked. These plugins all make Obsidian a more frictionless experience. Recently, I’ve been looking to rearrange the way I structure notes on books in Obsidian. Mar 10, 2023 · The latest version of this plugin was released on the 2023-03-11 and is thus more than a year old. I have not downloaded any other snippets or plugins. 5) I tested updated some of my icons to a ‘lucid’ icon, but they still do not appear. The admonitions plugin was created before callouts were available natively, now that they are available using the old plugin syntax is obsolete. Reload Obsidian; If prompted about Safe Mode, you can disable safe mode and enable the plugin. - obsidian-callout-manager/README. Tags: Obsidian, Productivity, Workflows, Writing, Supporter. . When I add the task, I see a new Task outside the callout: - [ ] >- [ ] [[@User3]: Do task 3. For that, do one of the following. They were showing up the other day, but no longer. Where I need to talk to specific people to complete a task I include their name in the task e. See the screenshot below. 20,724 downloads. Admonitions came before callouts were natively implemented into Obsidian. 2, 4, 5. Callout Manager keeps track of callouts for you. In order to be able to display, sort and query book notes in various ways, I usually add a ton of metadata in the note’s Jul 13, 2021 · 1 Like. Left: editing view, whose links are regular links. Thanks again. You can target specific ones if you want to. Helps a bit… Community plugins list, theme list, and releases of Obsidian. Parent > Parent blockquote 1. To make fancy ones, you have to add these lines to custom. The developer who makes Minimal made the new default Obsidian theme. Collect all outstanding TODOs from your vault and presents them in lists Today, Scheduled, Inbox and Someday/Maybe. But I’ve noticed in the past Dataview blocks can have different spacing depending on theme. Paste the selection in the middle of the blockquote. ## Completing tasksThere are two ways to mark a task done:1. But the word ‘Note’ still appear, how can I remove it without writing the Title: 905×136 3. That way you don’t have to fiddle with the > lines, spacing, etc. ↩︎ > [!example] conflicts with Obsidian's built-in callout type. I've made some subtle changes here add some more rounded corners. - wnhllh/obsidian-callout-editor By AidenLx. The padding of the callouts can be adjusted using the Style Settings plugin. 7. better footnotes. md Aug 16, 2023 · Hidden Gems: List Callouts for Obsidian. An Obsidian. Select the entire code block, and call the command “toggle blockquote” (from command palette). noFSTurk November 30, 2022, 8:00pm 1. Aqui está um fluxo de trabalho Jan 14, 2021 · Obsidian Icons Plugin ⚠ IMPORTANT: As this is an experimental version, this plugin cannot (yet) be installed via community plugins from within Obsidian, but must be manually downloaded and activated (see the repository README for more information). callouts-outlined . First, install the plugin with your favorite package manager. Since we can't guarantee plugin load order, it is recommended you do this under an onLayoutReady callback: import {CalloutManager, getApi} from "obsidian-callout-manager"; class MyPlugin extends Plugin { private calloutManager ?: CalloutManager<true>; public async onload() { this. Customize (or not) the folder options. 1 KB. I modified this slightly from somebody else's code which was outdated and broken. jpg|500]] ### More information This solution is documented …. This was a bit too much color for me but for anyone that prefers this version, just uncomment the code in the first block. xml on your site. macOS Keyboard Navigation. For the dates to work properly, you need to enable the Show updated timestamp setting under the plugin's Appearance settings. Callouts in Obsidian. Use Callouts to write better documents. Enhance callout of Obsidian with WYSIWYG real-time editing, featuring quick color selection and creation of cascading card layouts. stuckagain June 11, 2022, 6:03pm 1. el pv ik sf kn ot va mr pv do