quick menu for coffeeshop and pop up

Ideas
1

i'm tickering an idea of using silverbullet as the only backoffice for a simple web page.
the use case will be for a lemonade stand where you print a qrcode for the menu, the guests are redirect to a front office made with madness that convert markdown page into html.
i actually know to many stand owners that can't update a catalog management system during the rush. a single markdown note accesible on their smartphone via silverbullet, yes.

proof of concept :
front (madness) : https://menu-front.konbi.cc/
back (silverbullet) : https://menu-back.konbi.cc/

3 Likes
2

That's a great Idea!!
You can even go further and add some nice stylings (instead of plain white) and definitely widen the editor.

Here is a quick example of how it could look with minimal effort & with some colors added to the mix:

image
image1602×1486 389 KB

and here is the space-lua which can get you started

html {--editor-width: 1200px !important; }
#sb-main .cm-editor .sb-lua-directive-block{border: none;}
.sb-line-ul.sb-line-li-1 { color: gray;}
.sb-strong {color: darkred;}
.sb-emphasis {color: lightgray;}

#sb-main .cm-editor .sb-line-h1 { color: oklch(60% 0.25 60);}
#sb-main .cm-editor .sb-line-h2 { color: oklch(70% 0.25 100);}
#sb-main .cm-editor .sb-line-h3 { color: oklch(70% 0.25 120);}
#sb-main .cm-editor .sb-line-h4 { color: oklch(70% 0.25 180);}
#sb-main .cm-editor .sb-line-h5 { color: oklch(70% 0.20 240);}
#sb-main .cm-editor .sb-line-h6 { color: oklch(70% 0.15 300);}

[EXTRA TIP] you can even add some hover effects, some highlights, basically anything you want.

Love the idea :clap:

PS: If you publish your silverbullet instance publicly, make sure you make it READ-ONLY server !!!

:warning:WARNING!!:warning:

I took the liberty and integrated the space-lua into YOUR instance!
BUT PLEASE MAKE IT READ-ONLY ASAP!!! otherwise it can be a security risk!!!

2 Likes