[[ER2OWS-10-MOC_Willemstad|↑]] **Willemstad X** [[ER2OWS-12-CodingNomenclature_WillemstadX|Coding Nomenclature]] > This page was last edited at <u>`$= dv.current().file.mtime`</u>. --- ## Coding Nomenclature | Willemstad X ### Coding Nomenclature #### Core Plugins (PCore) | Number | Plugin Name | Done? | | ------ | --------------- | ----- | | 010 | Publish | ✓ | | 011 | Command Palette | ✓ | #### Community Plugins (PComm) Numbers are appended to the back of the element name. | Number | Plugin Name | Done? | | ------ | ------------------------------- | ----- | | 000 | Style Settings | ✓ | | 001 | Calendar | ✓ | | 002 | Sliding Panes | ✓ | | 003 | Admonitions | ✓ | | 004 | Dataview | ✓ | | 005 | Templater | | | 006 | Breadcrumbs | ✓ | | 007 | Kanban | ✓ | | 008 | Advanced Tables | ✓ | | | | | | | | | | 021 | Banners | | | 022 | Get Info | ✓ | | 023 | CookLang Plugin | ✓ | | 024 | Emoji Toolbar | ✓ | | 025 | Maps of Content | ✓ | | 026 | CMenu | ✓ | | 027 | Footnote & Citation Indicator | ✓ | | 028 | Settings Search | ✓ | | 029 | Longform (and writing cssclass) | ✓ | | 030 | LanguageTool Integration | ✓ | ### Shorthand <u>blah</u> | Item | Description | | ---- | --------------------- | | col | Colour/Color | | cp | Colour/Color Palette | | undl | Underlines | | tb | Titlebar | | sb | Status Bar | | sd | Side Docks (Sidebars) | | fp | Font Pairings | | | | ### SCSS Compile Order #### A (License) 1. A1 — License (MIT) #### B (Root) 1. B01 — Root (Base Colours) 2. B02 — `placeholder` 3. B03 — Root (Typography — Font Size and Typefaces) 4. B04 — Root (Smaller Settings — Modals and Rounder Shapes) 5. B20 — Root (Mobile) #### C (Colour Palettes) 1. ==C01 — Classic/LSHTM== 2. ==C02 — Classic/Oxford== 3. ==C11 — `placeholder`== 4. ==C21 — Nord by `Sven Greb`== 5. C80 — `True Black` Dark Mode #### D (User Interface [UI] Elements) ##### D1 (Main Elements) 1. D10 — Workspace 2. D11 — Side Panes (the pane with calendar and navigation etc.) 1. incl. Navigation Panes 3. D12 — Titlebar 4. D13 — Status Bar 5. D14 — Side Docks/Sidebars (the small bars) 6. D15 — Startup (startup screen) ##### D2 (Less Obvious Elements) 1. D21 — Scrollbars, Scrollbar Hovers and Resize Handles 2. D22 — Search, Checkboxes, Buttons, Dropdowns, Input Boxes 3. D23 — Typography Visual Surroundings 1. incl. rounder borders, padding and margins, for Headers, Embed Blocks, Blockquotes, Codeblocks, Quote Blocks, Keyboard Bindings, `hr` ##### D3 (Modals) 1. D30 — Modals (General) 2. D31 — Settings 3. D32 — Community Themes 4. D33 — Community Plugins (Publish moves to Y1) #### E (Typography Elements) 1. E01 — Typeface Delineation 1. incl. Font Pairings 2. E02 — Hotfixes 1. incl. Nicer Document Titles and Svelte Paddings 3. E03 — Header `var` Settings 5. E11 — Multi-Colour Highlights 6. E12 — Readable Underlines #### Q (Other Quality of Life Improvements) 1. Q01 — Willemstad-specific Styling 1. Add names to :- 1. Titlebar 2. Infobox 3. Specific Styling to :- 1. Infobox 2. Style Settings 2. Q11 — Other theme-specific Styling inspirations 1. `Sanctum`-style Collapse Header Indicator (+ Collapse Header Indicators improvements in general) 2. `Shimmering Focus`-style Bolding for specific Options 3. Q21 — Other improvements 1. Shadows removal 2. Animations 3. Centre Images 4. Hidden External Links 5. Image Desaturation 6. Metadata Info (not sure what this is) 7. `mermaid.js` Graph Width Fix 8. `MathJax` Improvements 4. Q31 — HTML (`aside`) #### W (Admonition hacks) 1. W01 — Infobox 2. W02 — LP Tables like in Preview #### X (cssclass) (`writing` falls under Y2, with Longform) 1. X01 — `latex` 2. X02 — placeholder for `writing` (currently in Y2) 3. X03 — `cards` — kepano's Minimal Cards 4. X04 — kepano's Image Grids #### Y (Plugins) 1. Y1 — Core Plugins (PCore) 2. Y2 — Community Plugins (PComm) 1. incl. Tables #### Z (Style Settings, Font Embeds, Compatibility Info) 1. Z10 — Style Settings Options by `@mgmeyers` 2. Z12 — Style Settings for kepano's Minimal Cards 3. Z20 — base64 Font Encoding 4. Z30 — Compatibility Info > split it out? > interactive components (such as buttons, etc) > | Code | Description | Needs attention? | | ---- | -------------------------------------------------------- | ---------------- | | A1 | License (MIT) | | | | | | | B01 | Root (Base Colours) | YES | | | | | | B03 | Root (Typography) | | | B04 | Root (Modals and Rounder Shapes Settings) | | | | | | | | | | | B20 | Root (Mobile) | YES | | C01 | Colour Palette — Classic/LSHTM | YES | | | | | | | | | | C80 | `True Black` Dark Mode | | | D11 | UI (Side Panes) | | | D12 | UI (Titlebar) | | | D13 | UI (Status Bar) | | | D14 | UI (Side Docks/Sidebars) | | | D15 | UI (Startup Screen) | | | D21 | UI (Scrollbars, Scrollbar Hovers and Resize Handles) | | | D22 | UI (Search, Checkboxes, Buttons, Dropdowns, Input Boxes) | | | D23 | UI (Typography Visual Surroundings) | | | | | | | | | | | D30 | UI — Modals (General) | | | D31 | UI — Modals (Settings) | | | D32 | UI — Modals (Community Themes) | | | D33 | UI — Modals (Community Plugins) | | | | | | | E01 | Typeface Delineation | | | E02 | Typography Hotfixes | | | E03 | Header `var` Settings | | | E11 | Multi-Colour Highlights | | | E12 | Readable Underlines | | | | | | | | | | | Q01 | Willemstad-specific Styling | | | Q11 | Other theme-specific Styling inspirations | | | Q21 | Other improvements | | | Q31 | | | | | | | | | | | | | | | | Y1 | Core Plugins | | | Y2 | Community Plugins | | | Z10 | Style Settings Options | | | Z12 | Style Settings for Minimal Cards | | | Z20 | base64 Font Encoding | | | Z30 | Compatibility Info | | Z1 improvements to be made — change Advanced Settings colours all to mine. add `background-contra` too change all the colours in Colour Palettes too ### Compiling #### 1. SCSS To run my `scss` config: > `cd C:\Users\tingm\Dropbox\Projects\.obsidian\snippets\willemstad-x\build` and then, > `sass style.scss ../obsidian.css` > for local builds, follow this instead > > `sass style.scss ../../../themes/WillemstadX.css` #### 2. Stylelint To run Stylelint, run: > `stylelint --fix "C:/Users/tingm/Dropbox/Projects/.obsidian/snippets/willemstad-x/obsidian.css"` --- #### 1. SCSS To run my new `scss` config: > `cd C:\Users\tingm\Dropbox\Projects\.obsidian\snippets\willemstad-x\src` and then, > `sass style.scss ../obsidian.css` > for local builds, follow this instead > > `sass style.scss ../../../../ER-Resources/ER2OWS/.obsidian/themes/WillemstadX.css` ### Theme Documentation > Solution — use Netlify, and then deploy [Obsidian-Zola](https://github.com/ppeetteerrs/obsidian-zola)? > Solution Mark 2 — use Netlify, and then deploy [Spacebook](https://github.com/broeker/spacebook) — then edit the `tailwind.css`, and add content as needed ![[Pasted image 20220222124541.png]] just follow the Netlify instructions + add Zola #### Improvements needs for theme doc 1. add back the title 2. (DONE) try to hide LICENSE and README 3. change the letter spacing to -0.015rem so that it looks better? 4. use Inter for the Willemstad title at the front, and change the letter spacing since it should be nicer 5. Append the document title name behind Willemstad on the tab, not before --- ### Others <aside> image changed on the 3rd (in Ljubljana), v0.2.0</aside> <aside> image changed on the 18th (in London), v0.2.7</aside>