feat: Excalidraw + Banner plugins + ITS CSS snippets

Plugins installed:
  obsidian-excalidraw-plugin
    manifest.json + styles.css tracked in git
    main.js (8MB) excluded from git — downloaded by setup-vault.sh on first run
  obsidian-banners
    manifest.json + main.js + styles.css all tracked (148KB, acceptable)

CSS Snippets (ITS Theme by SlRvb):
  ITS-Dataview-Cards.css  — transforms TABLE queries into visual card grids
    Usage: use backtick-dataview-cards instead of backtick-dataview above query
  ITS-Image-Adjustments.css — fine-grained image sizing in notes
    Usage: caption images with |100 or wrap in image-adjustments callout

Config updates:
  community-plugins.json — added obsidian-excalidraw-plugin, obsidian-banners
  appearance.json        — added ITS-Dataview-Cards + ITS-Image-Adjustments snippets
                           (vault-colors preserved)
  .gitignore             — added excalidraw main.js exclusion rule

setup-vault.sh — step 5: auto-downloads Excalidraw main.js if missing
  curl from GitHub releases/latest, skips if already present

Canvas updates (Obsidian saved state):
  welcome.canvas — user added Cosmic Brain GIF at top
  main.canvas    — user added brand assets to Wiki Pages zone
  Wiki Map.canvas — Obsidian format normalised
This commit is contained in:
Daniel
2026-04-07 13:48:28 +03:00
parent bfc270247b
commit 339396e447
15 changed files with 950 additions and 245 deletions

3
.gitignore vendored
View File

@@ -6,6 +6,9 @@
!.obsidian/plugins/calendar/data.json !.obsidian/plugins/calendar/data.json
!.obsidian/plugins/thino/data.json !.obsidian/plugins/thino/data.json
# Excalidraw main.js is 8MB — downloaded by setup-vault.sh, not tracked in git
.obsidian/plugins/obsidian-excalidraw-plugin/main.js
# Large binary assets — add your own images to _attachments/images/ # Large binary assets — add your own images to _attachments/images/
# Uncomment the line below to exclude images from git (recommended for large vaults) # Uncomment the line below to exclude images from git (recommended for large vaults)
# _attachments/images/ # _attachments/images/

View File

@@ -1,5 +1,7 @@
{ {
"enabledCssSnippets": [ "enabledCssSnippets": [
"vault-colors" "vault-colors",
"ITS-Dataview-Cards",
"ITS-Image-Adjustments"
] ]
} }

View File

@@ -2,5 +2,7 @@
"calendar", "calendar",
"thino", "thino",
"calendar-beta", "calendar-beta",
"obsidian-memos" "obsidian-memos",
"obsidian-excalidraw-plugin",
"obsidian-banners"
] ]

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,10 @@
{
"id": "obsidian-banners",
"name": "Banners",
"description": "Add banner images to your notes!",
"version": "1.3.3",
"minAppVersion": "0.13.21",
"author": "Danny Hernandez",
"authorUrl": "https://github.com/noatpad",
"isDesktopOnly": false
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,12 @@
{
"id": "obsidian-excalidraw-plugin",
"name": "Excalidraw",
"version": "2.22.0",
"minAppVersion": "1.5.7",
"description": "Sketch Your Mind. An Obsidian plugin to edit and view Excalidraw drawings. Enter the world of 4D Visual PKM.",
"author": "Zsolt Viczian",
"authorUrl": "https://excalidraw-obsidian.online",
"fundingUrl": "https://ko-fi.com/zsolt",
"helpUrl": "https://github.com/zsviczian/obsidian-excalidraw-plugin#readme",
"isDesktopOnly": false
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,65 @@
.dvl-c .table-view-table > thead::before {
content: "⚙";
font-family: var(--its, var(--default-font));
float: right;
padding: 5px 10px 5px 10px;
}
.dvl-c .table-view-table > thead > tr {
display: flex;
flex-direction: row;
border: 1px solid var(--outline, var(--background-modifier-box-shadow));
margin: 0;
flex-wrap: wrap;
border-radius: var(--radius, 3px);
}
.dvl-c table .table-view-table > thead > tr {
position: absolute;
right: 0;
}
.dvl-c .table-view-table > thead:not(:hover) > * {
display: none;
}
.dvl-c .dataview th {
font-family: var(--default-font);
background: var(--note, var(--background-primary));
font-size: var(--f-s-text, var(--editor-font-size));
border: 0;
color: var(--text, var(--text-normal));
opacity: 1;
}
.dvl-c .dataview th:hover {
background: var(--td, var(--background-modifier-form-field));
}
.dvl-c .list-view-ul li, .dvl-c .dataview.table-view-table > tbody > tr {
display: flex;
flex-direction: column;
background-color: var(--aside-bg, var(--background-primary-alt));
box-shadow: var(--outline, var(--background-modifier-box-shadow)) 0px 0px 0px 1px, var(--outline, var(--background-modifier-box-shadow)) 0px 2px 4px;
margin: 5px 0;
padding: 10px;
border-radius: var(--radius, 3px);
border: 0;
}
.dvl-c .list-view-ul, .dvl-c .dataview.table-view-table > tbody.table-view-tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-inline-start: 0;
}
.dvl-c .block-language-dataviewjs .dataview-result-list-li, .dvl-c .list-view-ul li, .dvl-c .dataview.table-view-table > tbody > tr {
flex: 1 0 150px;
margin: 10px;
}
.dvl-c .dataview.dataview.table-view-table td {
padding: 0;
background-color: transparent;
border: 0;
}
.dvl-c .list-view-ul li::before {
display: none;
}
.dvl-c .dataview.table-view-table li {
box-shadow: none;
border: 0;
padding: 0;
}

View File

@@ -0,0 +1,663 @@
body {
--image-border-color: var(--background-modifier-border);
--image-border-width: 1px;
--image-border-padding: 8px;
--image-border-background: var(--td);
}
/*----Image Positions/Adjustments----*/
body {
--micro: 70px;
--tiny: 100px;
--small: 200px;
--small-med: 300px;
--med-small: 400px;
--medium: 500px;
--med-tall: 600px;
--tall: 700px;
}
.popover.hover-popover {
--micro: 70px;
--tiny: 100px;
--small: 150px;
--small-med: 200px;
--med-small: 250px;
--medium: 300px;
--med-tall: 450px;
--tall: 500px;
}
/*----Mobile----*/
@media (max-width: 500px) {
.theme-dark, .theme-light {
/*Mobile Sizes*/
--radius: 0px;
--micro: 70px;
--tiny: 100px;
--small: 150px;
--small-med: 200px;
--med-small: 250px;
--medium: 300px;
--med-tall: 450px;
--tall: 500px;
}
}
/*-Image Sizing-*/
/*Fit image within bounds WITHOUT stretching*/
img:is([alt*=cover], [alt*=cvr]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
object-fit: cover;
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative]):is([alt*=wmicro],
[alt*=wtiny],
[alt*=wsmall],
[alt*=ws-med],
[alt*=wm-sm],
[alt*=wmed],
[alt*=wm-tl],
[alt*=wtall],
[alt*=wfull]) {
width: var(--image-adj-size-w);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative]):is([alt*=hmicro],
[alt*=htiny],
[alt*=hsmall],
[alt*=hs-med],
[alt*=hm-sm],
[alt*=hmed],
[alt*=hm-tl],
[alt*=htall],
[alt*=hfull]) {
height: var(--image-adj-size-h);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hmicro] {
--image-adj-size-h: var(--micro);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=htiny] {
--image-adj-size-h: var(--tiny);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hsmall] {
--image-adj-size-h: var(--small);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hs-med] {
--image-adj-size-h: var(--small-med);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hm-sm] {
--image-adj-size-h: var(--med-small);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hmed] {
--image-adj-size-h: var(--medium);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hm-tl] {
--image-adj-size-h: var(--med-tall);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=htall] {
--image-adj-size-h: var(--tall);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=hfull] {
--image-adj-size-h: 100%;
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wmicro] {
--image-adj-size-w: var(--micro);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wtiny] {
--image-adj-size-w: var(--tiny);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wsmall] {
--image-adj-size-w: var(--small);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=ws-med] {
--image-adj-size-w: var(--small-med);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wm-sm] {
--image-adj-size-w: var(--med-small);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wmed] {
--image-adj-size-w: var(--medium);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wm-tl] {
--image-adj-size-w: var(--med-tall);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wtall] {
--image-adj-size-w: var(--tall);
}
:is(.view-content, .popover) img[alt][alt]:not([alt*=relative])[alt*=wfull] {
--image-adj-size-w: 100%;
}
.image-embed[alt][alt*=relative],
div:not(.image-embed) > img[alt][alt*=relative] {
--micro: 10%;
--tiny: 20%;
--small: 30%;
--small-med: 40%;
--med-small: 50%;
--medium: 60%;
--med-tall: 70%;
--tall: 85%;
}
.image-embed[alt][alt*=relative][alt*=wmicro],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wmicro] {
width: var(--micro);
}
.image-embed[alt][alt*=relative][alt*=wtiny],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wtiny] {
width: var(--tiny);
}
.image-embed[alt][alt*=relative][alt*=wsmall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wsmall] {
width: var(--small);
}
.image-embed[alt][alt*=relative][alt*=ws-med],
div:not(.image-embed) > img[alt][alt*=relative][alt*=ws-med] {
width: var(--small-med);
}
.image-embed[alt][alt*=relative][alt*=wm-sm],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wm-sm] {
width: var(--med-small);
}
.image-embed[alt][alt*=relative][alt*=wmed],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wmed] {
width: var(--medium);
}
.image-embed[alt][alt*=relative][alt*=wm-tl],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wm-tl] {
width: var(--med-tall);
}
.image-embed[alt][alt*=relative][alt*=wtall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wtall] {
width: var(--tall);
}
.image-embed[alt][alt*=relative][alt*=hmicro],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hmicro] {
width: var(--micro);
}
.image-embed[alt][alt*=relative][alt*=htiny],
div:not(.image-embed) > img[alt][alt*=relative][alt*=htiny] {
width: var(--tiny);
}
.image-embed[alt][alt*=relative][alt*=hsmall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hsmall] {
width: var(--small);
}
.image-embed[alt][alt*=relative][alt*=hs-med],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hs-med] {
width: var(--small-med);
}
.image-embed[alt][alt*=relative][alt*=hm-sm],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hm-sm] {
width: var(--med-small);
}
.image-embed[alt][alt*=relative][alt*=hmed],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hmed] {
width: var(--medium);
}
.image-embed[alt][alt*=relative][alt*=hm-tl],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hm-tl] {
width: var(--med-tall);
}
.image-embed[alt][alt*=relative][alt*=htall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=htall] {
width: var(--tall);
}
.image-embed[alt][alt*=relative][alt*=hfull],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hfull] {
width: 100%;
}
.image-embed[alt][alt*=relative],
div:not(.image-embed) > img[alt][alt*=relative] {
display: block;
margin: auto;
max-height: 100%;
object-fit: cover;
}
/*Height*/
/*Image Locations*/
/*Center Image*/
.img-adj-center.img-adj-center img,
img:is([alt~=ctr], [alt~=center]) {
display: block;
margin-left: auto;
margin-right: auto;
}
.img-adj-center.img-adj-center .is-live-preview img {
margin-left: auto !important;
margin-right: auto !important;
}
/*Left & Right*/
.markdown-rendered img:is([alt~=left], [alt~=locl]), .markdown-rendered img:is([src*="#left"], [src*="#locl"]), .markdown-rendered .image-embed:is([alt~=left], [alt~=locl]), .markdown-rendered .image-embed:is([src*="#left"], [src*="#locl"]) {
float: left;
margin-right: 2%;
margin-top: 0px;
margin-bottom: 0px;
float: inline-start;
}
.markdown-rendered img:is([alt~=right], [alt~=locr]), .markdown-rendered img:is([src*="#right"], [src*="#locr"]), .markdown-rendered .image-embed:is([alt~=right], [alt~=locr]), .markdown-rendered .image-embed:is([src*="#right"], [src*="#locr"]) {
float: right;
margin-left: 2%;
margin-bottom: 0px;
float: inline-end;
}
/*--Image Position--*/
img[alt*="p+"], .image-embed[src*="#p+"] img {
object-fit: cover;
}
/*Inner Image*/
img[alt*="p+c"], .image-embed[src*="#p+c"] img {
object-position: center;
}
img[alt*="p+t"], .image-embed[src*="#p+t"] img {
object-position: top;
}
img[alt*="p+b"], .image-embed[src*="#p+b"] img {
object-position: bottom;
}
img[alt*="p+l"], .image-embed[src*="#p+l"] img {
object-position: left;
}
img[alt*="p+r"], .image-embed[src*="#p+r"] img {
object-position: right;
}
img[alt*="p+cl"], .image-embed[src*="#p+cl"] img {
object-position: 15%;
}
img[alt*="p+ccl"], .image-embed[src*="#p+ccl"] img {
object-position: 25%;
}
img[alt*="p+cr"], .image-embed[src*="#p+cr"] img {
object-position: 60%;
}
img[alt*="p+ccr"], .image-embed[src*="#p+ccr"] img {
object-position: 75%;
}
img[alt*="p+tc"], .image-embed[src*="#p+tc"] img {
object-position: 50% 10%;
}
img[alt*="p+tcc"], .image-embed[src*="#p+tcc"] img {
object-position: 50% 20%;
}
img[alt*="p+cct"], .image-embed[src*="#p+cct"] img {
object-position: 50% 30%;
}
img[alt*="p+ct"], .image-embed[src*="#p+ct"] img {
object-position: 50% 40%;
}
img[alt*="p+cb"], .image-embed[src*="#p+cb"] img {
object-position: 50% 60%;
}
img[alt*="p+ccb"], .image-embed[src*="#p+ccb"] img {
object-position: 50% 70%;
}
img[alt*="p+bc"], .image-embed[src*="#p+bc"] img {
object-position: 50% 80%;
}
img[alt*="p+bcc"], .image-embed[src*="#p+bcc"] img {
object-position: 50% 90%;
}
/*Invert Colors*/
.theme-dark img[alt*=invertb], .theme-dark .image-embed[src*="#invertb"] {
filter: invert(1) hue-rotate(180deg);
}
.theme-dark img[alt*=invertbc],
.theme-dark .image-embed[src*="#invertbc"] {
filter: invert(1) hue-rotate(180deg) contrast(1.5);
}
.theme-light img[alt*=invertw], .theme-light .image-embed[src*="#invertw"] {
filter: invert(1) hue-rotate(180deg);
}
.theme-light img[alt*=invertwc], .theme-light .image-embed[src*="#invertwc"] {
filter: invert(1) hue-rotate(180deg) contrast(1.45);
}
img:is([alt*=flip-x],
[alt*=flip-horizontal]) {
transform: scale(-1, 1);
}
img:is([alt*=flip-y],
[alt*=flip-vertical]) {
transform: scale(1, -1);
}
img:is([alt*=flip-xy],
[alt*=flip-vertical-horizontal]) {
transform: scale(-1, -1);
}
/*Fit image within bounds WITHOUT stretching*/
img[alt*=cover],
img:is([alt*=cover], [alt*=cvr]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
object-fit: cover;
}
/*Fix Float Issues*/
:is(img, .image-embed)[alt*=clear],
.image-embed[src*="#clear"] {
clear: both;
}
img[alt*=unclr],
.image-embed[src*="#unclr"] {
clear: none !important;
}
img:is([alt~=lp], [alt~=live-preview]):is([alt*=right], [alt*=locr]),
.image-embed:is([alt~=lp], [alt~=live-preview]):is([alt*=right], [alt*=locr]) {
float: right !important;
}
img:is([alt~=lp], [alt~=live-preview]):is([alt*=left], [alt*=locl]),
.image-embed:is([alt~=lp], [alt~=live-preview]):is([alt*=left], [alt*=locl]) {
float: left !important;
}
.clear-hr {
--hr-width: 100%;
}
.clear-headings :is(h1, h2, h3, h4, h5, h6),
.clear-heading-1 h1,
.clear-heading-2 h2,
.clear-heading-3 h3,
.clear-heading-4 h4,
.clear-heading-5 h5,
.clear-heading-6 h6 {
clear: both;
}
/*Banners*/
img[alt*=banner]:not([width]),
.image-embed[alt*=banner]:not([width]) img {
display: block;
object-fit: cover;
width: 100%;
margin-bottom: 0px;
clear: both;
}
img[alt~=banner],
.image-embed[alt~=banner] img,
.image-embed[src*="#banner"] {
height: var(--small);
}
img[alt~="banner+small"],
.image-embed[alt~="banner+small"] img,
.image-embed[src*="#banner+small"] {
height: var(--tiny);
}
img[alt~="banner+tall"],
.image-embed[alt~="banner+tall"] img,
.image-embed[src*="#banner+tall"] {
height: var(--medium);
}
:is(img, .internal-embed)[alt*=sban],
:is(img, .internal-embed)[alt~=sban],
.internal-embed[src*="#sban"] img {
object-fit: cover;
width: 100%;
}
/*Portait*/
img[alt*=portrait],
.image-embed[alt*=portrait] img {
object-fit: cover;
}
.image-embed[src~="#portrait"] {
height: var(--small-med);
width: 40%;
}
.image-embed[src~="#portrait+small"] {
height: var(--small);
width: 25%;
}
.image-embed[src~="#portrait+tall"] {
height: 500px;
width: 50%;
}
img:is([alt~=portrait],
[alt*="portrait+"]),
.image-embed:is([alt~=portrait],
[alt*="portrait+"]) img {
--img-adj-portrait-size: var(--med-small);
height: var(--img-adj-portrait-size);
width: calc(var(--img-adj-portrait-size) / 1.7);
}
img[alt~="portrait+small"],
.image-embed[alt~="portrait+small"] img {
--img-adj-portrait-size: var(--small-med);
}
img[alt~="portrait+tall"],
.image-embed[alt~="portrait+tall"] img {
--img-adj-portrait-size: var(--medium);
}
/*Profile*/
img[alt*=profile],
.image-embed[alt*=profile] img {
object-fit: cover;
border-radius: 50%;
}
img[alt~=profile],
.image-embed[alt~=profile] img,
.image-embed[src*="#profile"] {
height: var(--tiny);
width: var(--tiny);
}
img[alt~="profile+medium"],
.image-embed[alt~="profile+medium"] img,
.image-embed[src*="#profile+medium"] {
height: var(--small);
width: var(--small);
}
img[alt~="profile+tall"],
.image-embed[alt~="profile+tall"] img,
.image-embed[src*="#profile+tall"] {
height: var(--medium);
width: var(--medium);
}
img[alt~=sprf] {
object-fit: cover;
border-radius: 100%;
}
/*Image Shapes*/
img[alt][alt*=circle] {
border-radius: 50%;
}
img[alt~=square],
.image-embed[alt~=square] img {
border-radius: 0;
}
img[alt~=border],
.internal-embed[alt~=border] img {
border: var(--image-border-width) solid var(--image-border-color);
padding: var(--image-border-padding);
background: var(--image-border-background);
}
.image-captions .image-embed::after,
.image-embed[src*="#cap"]::after {
content: attr(alt);
color: var(--inactive, var(--faint-text));
display: block;
text-align: center;
}
.image-embed[src*="#cap"] {
display: inline-block;
}
.image-embed[src*="#cap"] img {
float: unset !important;
object-fit: cover;
}
.image-embed[src*="#cap"][src*="#hmicro"] img {
height: var(--micro);
}
.image-embed[src*="#cap"][src*="#htiny"] img {
height: var(--tiny);
}
.image-embed[src*="#cap"][src*="#hsmall"] img {
height: var(--small);
}
.image-embed[src*="#cap"][src*="#hs-med"] img {
height: var(--small-med);
}
.image-embed[src*="#cap"][src*="#hm-sm"] img {
height: var(--med-small);
}
.image-embed[src*="#cap"][src*="#hmed"] img {
height: var(--medium);
}
.image-embed[src*="#cap"][src*="#hm-tl"] img {
height: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#htall"] img {
height: var(--tall);
}
.image-embed[src*="#cap"][src*="#hfull"] img {
height: 100%;
}
.image-embed[src*="#cap"][src*="#wmicro"], .image-embed[src*="#cap"][src*="#wmicro"] img {
width: var(--micro);
}
.image-embed[src*="#cap"][src*="#wtiny"], .image-embed[src*="#cap"][src*="#wtiny"] img {
width: var(--tiny);
}
.image-embed[src*="#cap"][src*="#wsmall"], .image-embed[src*="#cap"][src*="#wsmall"] img {
width: var(--small);
}
.image-embed[src*="#cap"][src*="#ws-med"], .image-embed[src*="#cap"][src*="#ws-med"] img {
width: var(--small-med);
}
.image-embed[src*="#cap"][src*="#wm-sm"], .image-embed[src*="#cap"][src*="#wm-sm"] img {
width: var(--med-small);
}
.image-embed[src*="#cap"][src*="#wmed"], .image-embed[src*="#cap"][src*="#wmed"] img {
width: var(--medium);
}
.image-embed[src*="#cap"][src*="#wm-tl"], .image-embed[src*="#cap"][src*="#wm-tl"] img {
width: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#wtall"], .image-embed[src*="#cap"][src*="#wtall"] img {
width: var(--tall);
}
.image-embed[src*="#cap"][src*="#wfull"], .image-embed[src*="#cap"][src*="#wfull"] img {
width: 100%;
}
.mobile-image-viewer img[alt][alt][alt] {
height: 100%;
width: 100%;
object-fit: contain;
}
/*@settings
name: Image Adjustments
id: image-adjustments
settings:
-
id: info-text-SlRvb-img-adj
type: info-text
title: Image Adjustments by SlRvb
description: "[Image Adjustments Snippet How-To Guide](https://publish.obsidian.md/slrvb-docs/ITS+Theme/Image+Adjustments)"
markdown: true
-
title: List Overlap Fix
description: Fix list bullets overlapping with images
id: img-adj-list
type: class-toggle
default: true
-
title: Clear Images
description: Push image under/over headings or horizontal lines
id: img-adj-clears
type: heading
level: 1
collapsed: true
-
title: Horizontal Lines
description: Push image under/over any horizontal lines
id: clear-hr
type: class-toggle
-
title: Headings
description: Push image under/over all headings 1-6
id: clear-headings
type: class-toggle
-
title: Heading Specific
description: Push image under/over some headings and not others
id: img-adj-clears-headings
type: heading
level: 2
collapsed: true
-
title: Header 1
id: clear-heading-1
type: class-toggle
-
title: Header 2
id: clear-heading-2
type: class-toggle
-
title: Header 3
id: clear-heading-3
type: class-toggle
-
title: Header 4
id: clear-heading-4
type: class-toggle
-
title: Header 5
id: clear-heading-5
type: class-toggle
-
title: Header 6
id: clear-heading-6
type: class-toggle
*/
/*Theme fixes*/
.img-adj-list :is(ul, ol) {
display: flow-root;
}

View File

@@ -7,36 +7,42 @@
"id": "477f1cf965ca606e", "id": "477f1cf965ca606e",
"type": "tabs", "type": "tabs",
"children": [ "children": [
{
"id": "welcome-canvas-leaf",
"type": "leaf",
"state": {
"type": "canvas",
"state": {
"file": "wiki/canvases/welcome.canvas"
},
"icon": "lucide-layout-dashboard",
"title": "Welcome"
}
},
{ {
"id": "a31de1b302cdc5cf", "id": "a31de1b302cdc5cf",
"type": "leaf", "type": "leaf",
"state": { "state": {
"type": "canvas", "type": "canvas",
"state": { "state": {
"file": "wiki/canvases/main.canvas", "file": "wiki/canvases/welcome.canvas",
"viewState": { "viewState": {
"x": 100, "x": 139.04404736265246,
"y": 831.5792810365207, "y": -173.70869224745502,
"zoom": -0.8266666666666667 "zoom": -0.5671535636366716
} }
}, },
"icon": "lucide-layout-dashboard", "icon": "lucide-layout-dashboard",
"title": "main" "title": "welcome"
}
},
{
"id": "0dbc366fea2d4524",
"type": "leaf",
"state": {
"type": "canvas",
"state": {
"file": "wiki/canvases/welcome.canvas",
"viewState": {
"x": -185.72849200214785,
"y": -112.21661228352869,
"zoom": -0.060486896970004776
}
},
"icon": "lucide-layout-dashboard",
"title": "welcome"
} }
} }
] ],
"currentTab": 1
} }
], ],
"direction": "vertical" "direction": "vertical"
@@ -207,11 +213,57 @@
"obsidian-memos:Thino Super": false "obsidian-memos:Thino Super": false
} }
}, },
"active": "welcome-canvas-leaf", "active": "0dbc366fea2d4524",
"lastOpenFiles": [ "lastOpenFiles": [
"bin/setup-vault.sh.tmp.224546.1775558887360",
"Claude SEO Posts cover.gif",
"wiki/comparisons/Wiki vs RAG.md",
"README.md",
"Obsidian vault with Claude Code - full integration and visual organization 1.md",
"Obsidian vault with Claude Code - full integration and visual organization.md",
"cover.gif",
"Cosmic Brain Clean.gif",
"Claude SEO Posts cover 1x1-compressed.gif",
"Claude SEO Posts cover 1x1.gif",
"wiki/Wiki Map.canvas",
"wiki/overview.md",
"wiki/log.md",
"wiki/index.md",
"wiki/canvases/welcome.canvas", "wiki/canvases/welcome.canvas",
"wiki/canvases/main.canvas", "wiki/canvases/main.canvas",
"wiki/Wiki Map.canvas", "wiki/concepts/LLM Wiki Pattern.md",
"wiki/index.md" "wiki/concepts/Hot Cache.md",
"wiki/concepts/Compounding Knowledge.md",
"wiki/concepts/_index.md",
"wiki/entities/Andrej Karpathy.md",
"wiki/entities/_index.md",
"wiki/meta/workflow-loop.gif",
"wiki/meta/wiki-graph-grow.gif",
"wiki/meta/dashboard.md",
"wiki/questions/How does the LLM Wiki pattern work.md",
"wiki/sources/_index.md",
"wiki/hot.md",
"wiki/canvases/welcome.canvas.tmp.224546.1775558550671",
"PROMPT.md",
"WIKI 1.md",
"Cosmic Brain Cover.png",
"CLAUDE.md",
"README.md.tmp.224546.1775557814794",
"CLAUDE.md.tmp.224546.1775557799570",
"WIKI.md.tmp.224546.1775557791066",
"skills/canvas/SKILL.md.tmp.224546.1775557782936",
"skills/canvas/SKILL.md.tmp.224546.1775557766591",
"skills/canvas/SKILL.md.tmp.224546.1775557704281",
"skills/canvas/SKILL.md.tmp.224546.1775557697284",
"skills/canvas/SKILL.md.tmp.224546.1775557686442",
"skills/canvas/SKILL.md.tmp.224546.1775557679632",
"skills/canvas/references/canvas-spec.md",
"skills/canvas/SKILL.md",
"commands/canvas.md",
"projects/visual-vault/design-ideas.canvas",
"_attachments/images/skool-hub/wp-mcp-cover.png",
"_attachments/images/skool-hub/v3-cover-10.png",
"WIKI.md",
"Welcome.md"
] ]
} }

View File

@@ -64,13 +64,29 @@ cat > "$OBSIDIAN/app.json" << 'EOF'
} }
EOF EOF
# ── 4. Write appearance.json (enable CSS snippet) ─────────────────────────── # ── 4. Write appearance.json (enable CSS snippets) ───────────────────────────
cat > "$OBSIDIAN/appearance.json" << 'EOF' cat > "$OBSIDIAN/appearance.json" << 'EOF'
{ {
"enabledCssSnippets": ["vault-colors"] "enabledCssSnippets": [
"vault-colors",
"ITS-Dataview-Cards",
"ITS-Image-Adjustments"
]
} }
EOF EOF
# ── 5. Download Excalidraw main.js (8MB, not in git) ─────────────────────────
EXCALIDRAW="$OBSIDIAN/plugins/obsidian-excalidraw-plugin"
if [ -f "$EXCALIDRAW/manifest.json" ] && [ ! -f "$EXCALIDRAW/main.js" ]; then
echo "Downloading Excalidraw main.js (~8MB)..."
curl -sS -L \
"https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/latest/download/main.js" \
-o "$EXCALIDRAW/main.js"
echo "✓ Excalidraw main.js downloaded"
elif [ -f "$EXCALIDRAW/main.js" ]; then
echo "✓ Excalidraw main.js already present"
fi
echo "" echo ""
echo "✓ Setup complete." echo "✓ Setup complete."
echo "" echo ""

View File

@@ -1,75 +1,37 @@
{ {
"nodes": [ "nodes":[
{ {"id":"title","type":"text","text":"# 🧠 Cosmic Brain\n### Knowledge Map — Fibonacci Spiral\n*12 nodes at golden angle 137.5° — the sunflower pattern*","x":-280,"y":-270,"width":560,"height":110},
"id": "title", {"id":"hub","type":"file","file":"wiki/index.md","x":-175,"y":-60,"width":350,"height":120,"color":"5"},
"type": "text", {"id":"c-idx","type":"file","file":"wiki/concepts/_index.md","x":120,"y":-40,"width":270,"height":80,"color":"2"},
"text": "# 🧠 Cosmic Brain\n### Knowledge Map — Fibonacci Spiral\n*12 nodes at golden angle 137.5° — the sunflower pattern*", {"id":"e-idx","type":"file","file":"wiki/entities/_index.md","x":-411,"y":209,"width":270,"height":80,"color":"6"},
"x": -280, {"id":"s-idx","type":"file","file":"wiki/sources/_index.md","x":-101,"y":-488,"width":270,"height":80,"color":"4"},
"y": -270, {"id":"dash","type":"file","file":"wiki/meta/dashboard.md","x":187,"y":372,"width":260,"height":80,"color":"5"},
"width": 560, {"id":"ov","type":"file","file":"wiki/overview.md","x":-702,"y":-141,"width":260,"height":80,"color":"5"},
"height": 110 {"id":"llm-wiki","type":"file","file":"wiki/concepts/LLM Wiki Pattern.md","x":401,"y":-381,"width":260,"height":80,"color":"2"},
}, {"id":"hot-c","type":"file","file":"wiki/concepts/Hot Cache.md","x":-313,"y":623,"width":260,"height":80,"color":"2"},
{"id":"hot-m","type":"file","file":"wiki/hot.md","x":-469,"y":-691,"width":260,"height":80,"color":"5"},
{ "id": "hub", "type": "file", "file": "wiki/index.md", {"id":"comp","type":"file","file":"wiki/concepts/Compounding Knowledge.md","x":593,"y":227,"width":280,"height":80,"color":"2"},
"x": -175, "y": -60, "width": 350, "height": 120, "color": "5" }, {"id":"karp","type":"file","file":"wiki/entities/Andrej Karpathy.md","x":-891,"y":275,"width":260,"height":80,"color":"6"},
{"id":"log-m","type":"file","file":"wiki/log.md","x":235,"y":-822,"width":260,"height":80,"color":"5"},
{ "id": "c-idx", "type": "file", "file": "wiki/concepts/_index.md", {"id":"lbl-concepts","type":"text","text":"**💡 CONCEPTS**","x":420,"y":-460,"width":160,"height":40,"color":"2"},
"x": 120, "y": -40, "width": 270, "height": 80, "color": "2" }, {"id":"lbl-entities","type":"text","text":"**👤 ENTITIES**","x":-960,"y":195,"width":160,"height":40,"color":"6"},
{"id":"lbl-sources","type":"text","text":"**📄 SOURCES**","x":-200,"y":-580,"width":160,"height":40,"color":"4"},
{ "id": "e-idx", "type": "file", "file": "wiki/entities/_index.md", {"id":"lbl-nav","type":"text","text":"**🗂️ NAVIGATION**","x":-560,"y":-790,"width":190,"height":40,"color":"5"}
"x": -411, "y": 209, "width": 270, "height": 80, "color": "6" }, ],
"edges":[
{ "id": "s-idx", "type": "file", "file": "wiki/sources/_index.md", {"id":"e-hub-cidx","fromNode":"hub","fromSide":"right","toNode":"c-idx","toSide":"left","toEnd":"arrow","label":"concepts"},
"x": -101, "y": -488, "width": 270, "height": 80, "color": "4" }, {"id":"e-hub-eidx","fromNode":"hub","fromSide":"bottom","toNode":"e-idx","toSide":"top","toEnd":"arrow","label":"entities"},
{"id":"e-hub-sidx","fromNode":"hub","fromSide":"top","toNode":"s-idx","toSide":"bottom","toEnd":"arrow","label":"sources"},
{ "id": "dash", "type": "file", "file": "wiki/meta/dashboard.md", {"id":"e-hub-dash","fromNode":"hub","fromSide":"right","toNode":"dash","toSide":"left","toEnd":"arrow"},
"x": 187, "y": 372, "width": 260, "height": 80, "color": "5" }, {"id":"e-hub-ov","fromNode":"hub","fromSide":"left","toNode":"ov","toSide":"right","toEnd":"arrow"},
{"id":"e-hub-hot","fromNode":"hub","fromSide":"left","toNode":"hot-m","toSide":"right","toEnd":"arrow"},
{ "id": "ov", "type": "file", "file": "wiki/overview.md", {"id":"e-hub-log","fromNode":"hub","fromSide":"top","toNode":"log-m","toSide":"bottom","toEnd":"arrow"},
"x": -702, "y": -141, "width": 260, "height": 80, "color": "5" }, {"id":"e-cidx-llm","fromNode":"c-idx","fromSide":"right","toNode":"llm-wiki","toSide":"left","toEnd":"arrow"},
{"id":"e-cidx-hc","fromNode":"c-idx","fromSide":"bottom","toNode":"hot-c","toSide":"top","toEnd":"arrow"},
{ "id": "llm-wiki", "type": "file", "file": "wiki/concepts/LLM Wiki Pattern.md", {"id":"e-cidx-comp","fromNode":"c-idx","fromSide":"right","toNode":"comp","toSide":"left","toEnd":"arrow"},
"x": 401, "y": -381, "width": 260, "height": 80, "color": "2" }, {"id":"e-eidx-karp","fromNode":"e-idx","fromSide":"left","toNode":"karp","toSide":"right","toEnd":"arrow"},
{"id":"e-llm-karp","fromNode":"llm-wiki","fromSide":"bottom","toNode":"karp","toSide":"top","toEnd":"none","color":"6","label":"originated by"},
{ "id": "hot-c", "type": "file", "file": "wiki/concepts/Hot Cache.md", {"id":"e-hc-hot","fromNode":"hot-c","fromSide":"left","toNode":"hot-m","toSide":"right","toEnd":"arrow","label":"implemented as"},
"x": -313, "y": 623, "width": 260, "height": 80, "color": "2" }, {"id":"e-comp-karp","fromNode":"comp","fromSide":"left","toNode":"karp","toSide":"right","toEnd":"none","color":"6"}
]
{ "id": "hot-m", "type": "file", "file": "wiki/hot.md",
"x": -469, "y": -691, "width": 260, "height": 80, "color": "5" },
{ "id": "comp", "type": "file", "file": "wiki/concepts/Compounding Knowledge.md",
"x": 593, "y": 227, "width": 280, "height": 80, "color": "2" },
{ "id": "karp", "type": "file", "file": "wiki/entities/Andrej Karpathy.md",
"x": -891, "y": 275, "width": 260, "height": 80, "color": "6" },
{ "id": "log-m", "type": "file", "file": "wiki/log.md",
"x": 235, "y": -822, "width": 260, "height": 80, "color": "5" },
{ "id": "lbl-concepts", "type": "text", "text": "**💡 CONCEPTS**",
"x": 420, "y": -460, "width": 160, "height": 40, "color": "2" },
{ "id": "lbl-entities", "type": "text", "text": "**👤 ENTITIES**",
"x": -960, "y": 195, "width": 160, "height": 40, "color": "6" },
{ "id": "lbl-sources", "type": "text", "text": "**📄 SOURCES**",
"x": -200, "y": -580, "width": 160, "height": 40, "color": "4" },
{ "id": "lbl-nav", "type": "text", "text": "**🗂️ NAVIGATION**",
"x": -560, "y": -790, "width": 190, "height": 40, "color": "5" }
],
"edges": [
{ "id": "e-hub-cidx", "fromNode": "hub", "fromSide": "right", "toNode": "c-idx", "toSide": "left", "toEnd": "arrow", "label": "concepts" },
{ "id": "e-hub-eidx", "fromNode": "hub", "fromSide": "bottom", "toNode": "e-idx", "toSide": "top", "toEnd": "arrow", "label": "entities" },
{ "id": "e-hub-sidx", "fromNode": "hub", "fromSide": "top", "toNode": "s-idx", "toSide": "bottom", "toEnd": "arrow", "label": "sources" },
{ "id": "e-hub-dash", "fromNode": "hub", "fromSide": "right", "toNode": "dash", "toSide": "left", "toEnd": "arrow" },
{ "id": "e-hub-ov", "fromNode": "hub", "fromSide": "left", "toNode": "ov", "toSide": "right", "toEnd": "arrow" },
{ "id": "e-hub-hot", "fromNode": "hub", "fromSide": "left", "toNode": "hot-m", "toSide": "right", "toEnd": "arrow" },
{ "id": "e-hub-log", "fromNode": "hub", "fromSide": "top", "toNode": "log-m", "toSide": "bottom", "toEnd": "arrow" },
{ "id": "e-cidx-llm", "fromNode": "c-idx", "fromSide": "right", "toNode": "llm-wiki","toSide": "left", "toEnd": "arrow" },
{ "id": "e-cidx-hc", "fromNode": "c-idx", "fromSide": "bottom", "toNode": "hot-c", "toSide": "top", "toEnd": "arrow" },
{ "id": "e-cidx-comp", "fromNode": "c-idx", "fromSide": "right", "toNode": "comp", "toSide": "left", "toEnd": "arrow" },
{ "id": "e-eidx-karp", "fromNode": "e-idx", "fromSide": "left", "toNode": "karp", "toSide": "right", "toEnd": "arrow" },
{ "id": "e-llm-karp", "fromNode": "llm-wiki","fromSide":"bottom","toNode": "karp", "toSide": "top", "toEnd": "none", "color": "6", "label": "originated by" },
{ "id": "e-hc-hot", "fromNode": "hot-c", "fromSide": "left", "toNode": "hot-m", "toSide": "right", "toEnd": "arrow", "label": "implemented as" },
{ "id": "e-comp-karp", "fromNode": "comp", "fromSide": "left", "toNode": "karp", "toSide": "right", "toEnd": "none", "color": "6" }
]
} }

View File

@@ -5,14 +5,14 @@
{"id":"title","type":"text","text":"# Visual Reference\n\nDrop images, PDFs, and notes here.","x":-400,"y":-300,"width":400,"height":120,"color":"6"}, {"id":"title","type":"text","text":"# Visual Reference\n\nDrop images, PDFs, and notes here.","x":-400,"y":-300,"width":400,"height":120,"color":"6"},
{"id":"note-llm-wiki-1744033901","type":"file","file":"wiki/concepts/LLM Wiki Pattern.md","x":80,"y":-120,"width":300,"height":100}, {"id":"note-llm-wiki-1744033901","type":"file","file":"wiki/concepts/LLM Wiki Pattern.md","x":80,"y":-120,"width":300,"height":100},
{"id":"text-insight-1744033945","type":"text","text":"## Key insight\n\nKnowledge compounds like interest.\nEvery ingest enriches 815 pages.","x":80,"y":0,"width":300,"height":220,"color":"5"}, {"id":"text-insight-1744033945","type":"text","text":"## Key insight\n\nKnowledge compounds like interest.\nEvery ingest enriches 815 pages.","x":80,"y":0,"width":300,"height":220,"color":"5"},
{"id":"img-logo-pro-1744033823","type":"file","file":"_attachments/images/skool-hub/logo-pro.png","x":-380,"y":-120,"width":420,"height":230}, {"id":"img-logo-pro-1744033823","type":"file","file":"_attachments/images/skool-hub/logo-pro.png","x":-380,"y":-120,"width":419,"height":230},
{"id":"484d32f71e442aa0","type":"file","file":"Cosmic Brain Cover.png","x":-360,"y":360,"width":400,"height":206}, {"id":"484d32f71e442aa0","type":"file","file":"Cosmic Brain Cover.png","x":-360,"y":360,"width":400,"height":206},
{"id":"a8f6d861b3c08664","type":"file","file":"Cosmic Brain Clean.gif","x":80,"y":360,"width":400,"height":206}, {"id":"a8f6d861b3c08664","type":"file","file":"Cosmic Brain Clean.gif","x":80,"y":360,"width":400,"height":206},
{"id":"8ef901e71f8bb99a","type":"file","file":"Claude SEO Posts cover 1x1-compressed.gif","x":80,"y":620,"width":400,"height":400}, {"id":"8ef901e71f8bb99a","type":"file","file":"Claude SEO Posts cover 1x1-compressed.gif","x":80,"y":620,"width":400,"height":400},
{"id":"1b493d96e43535e2","type":"file","file":"Claude SEO Posts cover 1x1.gif","x":-360,"y":620,"width":400,"height":400}, {"id":"1b493d96e43535e2","type":"file","file":"Claude SEO Posts cover 1x1.gif","x":-360,"y":620,"width":400,"height":400},
{"id":"40480d22fb607a70","x":140,"y":1200,"width":400,"height":400,"type":"file","file":"PROMPT.md"}, {"id":"40480d22fb607a70","type":"file","file":"PROMPT.md","x":140,"y":1200,"width":400,"height":400},
{"id":"7b680dc65660903b","x":-380,"y":1200,"width":400,"height":400,"type":"file","file":"WIKI 1.md"}, {"id":"7b680dc65660903b","type":"file","file":"WIKI 1.md","x":-380,"y":1200,"width":400,"height":400},
{"id":"6c17fb8ecb9af539","x":-380,"y":1680,"width":920,"height":640,"type":"file","file":"Obsidian vault with Claude Code - full integration and visual organization 1.md"} {"id":"6c17fb8ecb9af539","type":"file","file":"Obsidian vault with Claude Code - full integration and visual organization 1.md","x":-380,"y":1680,"width":920,"height":640}
], ],
"edges":[] "edges":[]
} }

View File

@@ -1,141 +1,28 @@
{ {
"nodes": [ "nodes":[
{"id":"zone-input","type":"group","x":-680,"y":-360,"width":560,"height":560,"color":"4","label":"1 · Drop Your Sources"},
{ {"id":"zone-output","type":"group","x":480,"y":-360,"width":560,"height":560,"color":"6","label":"3 · Your Brain (Vault) Grows"},
"id": "main-title", {"id":"zone-process","type":"group","x":-60,"y":-360,"width":480,"height":560,"color":"2","label":"2 · I Process Everything"},
"type": "text", {"id":"text-drop-images","type":"text","text":"## 📸 Paste any image here\n\nHere you can paste any images and I will take care of the rest.","x":-660,"y":-340,"width":520,"height":110,"color":"4"},
"text": "# 🧠 Cosmic Brain\n### Drop anything. I'll build your knowledge base.", {"id":"text-drop-pdf","type":"text","text":"## 📄 Or drop PDF & Markdown files\n\nJust easy drag & drop — I'll extract everything.","x":-660,"y":10,"width":520,"height":100,"color":"4"},
"x": -420, "y": -560, "width": 840, "height": 110 {"id":"gif-workflow","type":"file","file":"wiki/meta/workflow-loop.gif","x":-40,"y":-340,"width":440,"height":440},
}, {"id":"text-process","type":"text","text":"Reads sources → extracts entities & concepts → cross-references everything → files it all automatically.","x":-40,"y":110,"width":440,"height":80,"color":"2"},
{ {"id":"main-title","type":"text","text":"# 🧠 Cosmic Brain\n### Drop anything. I'll build your knowledge base.","x":-340,"y":-620,"width":840,"height":110},
"id": "sub-title", {"id":"sub-title","type":"text","text":"Images · PDFs · Markdown · Transcripts · URLs — drag, drop, or paste. I handle the rest.","x":-340,"y":-500,"width":840,"height":54,"color":"5"},
"type": "text", {"id":"72b304484d8afa75","type":"file","file":"Cosmic Brain Clean.gif","x":-340,"y":-998,"width":840,"height":433},
"text": "Images · PDFs · Markdown · Transcripts · URLs — drag, drop, or paste. I handle the rest.", {"id":"text-brain","type":"text","text":"## 🧠 I'll create a full map/brain for you\n\nEvery source compounds the knowledge base.","x":500,"y":-340,"width":520,"height":100,"color":"6"},
"x": -420, "y": -440, "width": 840, "height": 54, "color": "5" {"id":"callout-1","type":"text","text":"💡 **815 wiki pages**\nper source ingested","x":-680,"y":440,"width":260,"height":80,"color":"4"},
}, {"id":"callout-2","type":"text","text":"⚡ **Hot cache**\ninstant session context","x":-400,"y":440,"width":260,"height":80,"color":"2"},
{"id":"example-img-2","type":"file","file":"_attachments/images/skool-hub/hub-cover.png","x":-680,"y":280,"width":260,"height":134},
{ {"id":"example-img-3","type":"file","file":"_attachments/images/skool-hub/claude-blog-cover.png","x":-400,"y":267,"width":160,"height":160},
"id": "zone-input", {"id":"gif-graph","type":"file","file":"wiki/meta/wiki-graph-grow.gif","x":500,"y":-230,"width":420,"height":420},
"type": "group", {"id":"text-result","type":"text","text":"Cross-referenced. Searchable. Gets richer every session.","x":500,"y":200,"width":520,"height":50,"color":"6"},
"label": "1 · Drop Your Sources", {"id":"callout-3","type":"text","text":"🔍 **Query anything**\nyou've ever added","x":-120,"y":440,"width":260,"height":80,"color":"5"},
"x": -680, "y": -360, "width": 560, "height": 560, "color": "4" {"id":"callout-4","type":"text","text":"🕸️ **Visual map**\nFibonacci graph layout","x":160,"y":440,"width":260,"height":80,"color":"6"},
}, {"id":"example-img-1","type":"file","file":"_attachments/images/skool-hub/claude-seo-cover.png","x":-660,"y":-206,"width":419,"height":216}
{ ],
"id": "text-drop-images", "edges":[
"type": "text", {"id":"arrow-1","fromNode":"zone-input","fromSide":"right","toNode":"zone-process","toSide":"left","color":"4","label":"ingest"},
"text": "## 📸 Paste any image here\n\nHere you can paste any images and I will take care of the rest.", {"id":"arrow-2","fromNode":"zone-process","fromSide":"right","toNode":"zone-output","toSide":"left","color":"6","label":"builds"}
"x": -660, "y": -340, "width": 520, "height": 110, "color": "4" ]
},
{
"id": "example-img-1",
"type": "file",
"file": "_attachments/images/skool-hub/claude-seo-cover.png",
"x": -660, "y": -220, "width": 420, "height": 216
},
{
"id": "text-drop-pdf",
"type": "text",
"text": "## 📄 Or drop PDF & Markdown files\n\nJust easy drag & drop — I'll extract everything.",
"x": -660, "y": 10, "width": 520, "height": 100, "color": "4"
},
{
"id": "example-img-2",
"type": "file",
"file": "_attachments/images/skool-hub/hub-cover.png",
"x": -660, "y": 120, "width": 260, "height": 134
},
{
"id": "example-img-3",
"type": "file",
"file": "_attachments/images/skool-hub/claude-blog-cover.png",
"x": -380, "y": 120, "width": 160, "height": 160
},
{
"id": "zone-process",
"type": "group",
"label": "2 · I Process Everything",
"x": -60, "y": -360, "width": 480, "height": 560, "color": "2"
},
{
"id": "gif-workflow",
"type": "file",
"file": "wiki/meta/workflow-loop.gif",
"x": -40, "y": -340, "width": 440, "height": 440
},
{
"id": "text-process",
"type": "text",
"text": "Reads sources → extracts entities & concepts → cross-references everything → files it all automatically.",
"x": -40, "y": 110, "width": 440, "height": 80, "color": "2"
},
{
"id": "zone-output",
"type": "group",
"label": "3 · Your Brain (Vault) Grows",
"x": 480, "y": -360, "width": 560, "height": 560, "color": "6"
},
{
"id": "text-brain",
"type": "text",
"text": "## 🧠 I'll create a full map/brain for you\n\nEvery source compounds the knowledge base.",
"x": 500, "y": -340, "width": 520, "height": 100, "color": "6"
},
{
"id": "gif-graph",
"type": "file",
"file": "wiki/meta/wiki-graph-grow.gif",
"x": 500, "y": -230, "width": 420, "height": 420
},
{
"id": "text-result",
"type": "text",
"text": "Cross-referenced. Searchable. Gets richer every session.",
"x": 500, "y": 200, "width": 520, "height": 50, "color": "6"
},
{
"id": "callout-1",
"type": "text",
"text": "💡 **815 wiki pages**\nper source ingested",
"x": -680, "y": 260, "width": 260, "height": 80, "color": "4"
},
{
"id": "callout-2",
"type": "text",
"text": "⚡ **Hot cache**\ninstant session context",
"x": -400, "y": 260, "width": 260, "height": 80, "color": "2"
},
{
"id": "callout-3",
"type": "text",
"text": "🔍 **Query anything**\nyou've ever added",
"x": -120, "y": 260, "width": 260, "height": 80, "color": "5"
},
{
"id": "callout-4",
"type": "text",
"text": "🕸️ **Visual map**\nFibonacci graph layout",
"x": 160, "y": 260, "width": 260, "height": 80, "color": "6"
}
],
"edges": [
{
"id": "arrow-1",
"fromNode": "zone-input", "fromSide": "right",
"toNode": "zone-process", "toSide": "left",
"toEnd": "arrow", "color": "4",
"label": "ingest"
},
{
"id": "arrow-2",
"fromNode": "zone-process", "fromSide": "right",
"toNode": "zone-output", "toSide": "left",
"toEnd": "arrow", "color": "6",
"label": "builds"
}
]
} }