Community Wiki

[ember plume]

i wanted to see if you can add a path as lines to the boxes

[abstract raven]

with just css this would be an absolute nightmare to implement

and breaks completely on mobile

[ember plume]

yeah fair enough

[abstract raven]

i don't think you can do branches properly

this is the most you can do, and on mobile they'll stack anyway

[ember plume]

dont view on mobile

[abstract raven]

you can do flowcharts tho, but you lose the css customization, and can't do links

https://wiki.luxmiyu.com/Misc/Test the "Yes" and "No" texts are optional

syntax looks like this

flowchart TD
    A[Do you have a problem?]
    B[Can you do something about it?]
    C[Then don't worry]
    
    A-- Yes -->B
    A-- No -->C
    B-- Yes -->C
    B-- No -->C

@ember plume this is probably a lot closer to what you were looking for, but no colors

TD stands for top-down

can also do A-->B if you don't want text on arrows

[ember plume]

yes colors

i want color

because thats cool

and yes flowchart is what i wanna dio

but maaaan

[abstract raven]

you can give the titles "Prapor" "Peacekeeper" etc colors

and then use a flowchart for the quests

plus this is a lot more comfy to edit, it's gonna be a nightmare otherwise

[ember plume]

that works but imagine this:
quest needs other quests from multiple trades
now it would be cool if those immediatly looked different

[ember plume]

are these texts link embeddabke

[abstract raven]

it's just plain text

afaik

[ember plume]

FUCK

[abstract raven]

https://mermaid.js.org/ here's the documentation if you wanna look

there are a lot of options

[ember plume]

i want the texts to be clickable

leading to the the tarkov wiki

about that quest

[abstract raven]

https://mermaid.js.org/syntax/flowchart.html flowchart syntax

[ember plume]

i hate reading

[jade swallow]

Tell suno to make it a song

[abstract raven]

i gave to you on a silver platter

better read it

[ember plume]

ill read it when im off of work break

ill figure it out ta my work desk

[abstract raven]

looks like you can add links

this thing has lots of features

[ember plume]

now that im at my work desk again, time to procrastinate

[abstract raven]

just scroll the page quickly and you'll see so many examples of different things you can do

[ember plume]

a mimir

promise ill read it

[abstract raven]

oge

[ember plume]

@abstract raven

colored flowchart

[abstract raven]

wao

op

with link?

[ember plume]

clickable link

[abstract raven]

what's the syntax

[ember plume]

ai gave me this garbage

but it works

just google shit

there's also line colors but that doesnt matter

[abstract raven]

what's the classDef line? it doesn't seem to be doing anything

[ember plume]

i stole it from ai

removing it didnt change anything

[abstract raven]

that's not my question

[ember plume]

https://mermaid.ai/open-source/config/theming.html

wowee

[abstract raven]

that's not my question

[ember plume]

'stole it from ai' -> i dont know what it does im tesing stuff

[abstract raven]

that's not my question

[ember plume]

this is to show off proof of concept

[abstract raven]

it's 3 lines

read it

[ember plume]

then i cant answer you

[abstract raven]

what about the lines next to it, can you tell me what those do?

[ember plume]

the click line adds function so you can click the text to get linked to a different page
and since based on it being the only thing left Style changes the color of the flowchart item marked with A

function click to A with this link

[abstract raven]

great so the first line gives you click functionality
the third line gives you styling

what does the second line do? if the other two already do everything you want

[ember plume]

it was just a test , i already removed it

[abstract raven]

good, it does nothing, remove it

[ember plume]

either its faulty and does nothing
or it does something but in that code i dont call it

[abstract raven]

i'm not asking you anything insane xd

you don't need to be a genius

read what you paste

and the answer will come to you

[ember plume]

now this looks mighty uselful

[abstract raven]

this is you if you just copy paste what the ai gives you without reading it:

https://tenor.com/view/clone-clones-buzz-lightyear-toy-story-gif-21609842

along with all of the normies who use chatgpt

[abstract raven]

not sure if that would work but eitherway i think we keep the settings at default

[ember plume]

yah i cant get that to work

[abstract raven]

you can't because you don't have access to site-wide javascript xd

[ember plume]

im trying other things to set that entire flowchart as the same color so we only have to set the theme once and not 80 times

youd like that more as well im sure

[abstract raven]

are you not able to select a theme per-flowchart?

[ember plume]

im actually trying to figure that out

right now

yah got it

---
config:
  theme: 'forest'
---
flowchart TD
    A(Debut)
    B(A)
    C(B)
    D(C)
    click A "https://www.example.com" "Open in new tab" _blank

code isnt wild

[abstract raven]

ah

in a comment

nice nice

i assume there's plenty of config options

[ember plume]

i followed just the documentation

does theme neccesitate only the options set or can i do #000000

[abstract raven]

people in the linux community would love to hear you say that

[ember plume]

the not reading is universal

[abstract raven]

---
config:
  theme: 'base'
  themeVariables:
    primaryColor: '#BB2528'
    primaryTextColor: '#fff'
    primaryBorderColor: '#7C0000'
    lineColor: '#F8B229'
    secondaryColor: '#006100'
    tertiaryColor: '#fff'
---

just looked it up

there's plenty of options

[ember plume]

guess what code i have in my copy and paste

---

config:
theme: 'base'
themeVariables:
primaryColor: '#BB2528'
primaryTextColor: '#fff'
primaryBorderColor: '#7C0000'
lineColor: '#F8B229'
secondaryColor: '#006100'
tertiaryColor: '#fff'

top changes base theme, which doesnt affect the 2nd flowchart

[abstract raven]

mermaid is kinda insane

[ember plume]

here's a thing

i wanna put the chart under prapor

but when i put it below it doesnt embed correctly

or at all

what does this man do

[abstract raven]

make sure it's outside of any html tag

speaking of, probably a good idea to abandon centering, i know it looks better but markdown is finnicky :(

[ember plume]

am i blind

[abstract raven]

looks fine to me, maybe add some extra new lines

in between the markdown and the html

[ember plume]

okat that worked

why

social distancing in my codd

[abstract raven]

cuz in markdown, single new lines aren't new lines at all

[jade swallow]

unless youre in github markdown

cuz they're dicks

[abstract raven]

markdown's a dick tbh for not being standardized >:(

[jade swallow]

_> it's a single guy's tool that got adopted by trillion dollar companies

[abstract raven]

pain

i take back what i said

[jade swallow]

technically we have commonmark

standardized, no one implements it

[abstract raven]

commonmark

never heard of it

[jade swallow]

https://commonmark.org/

[abstract raven]

wao

[jade swallow]

commonmark renderer for sparkle when

[abstract raven]

commonmark doesn't have tables

D:

i mean, fair enough

[abstract raven]

so real

it can't be that hard to implement, right

[jade swallow]

yeee commonmark is fairly conservative

[abstract raven]

is oke

just use html

html tables are superior anyway cuz markdown tables can't even newline without some forbidden magics

[jade swallow]

github markdown is a strict superset of commonmark btw https://github.github.com/gfm/

[abstract raven]

o

[jade swallow]

github.github.com smart domaining

microsoft.microsoft vibe

[abstract raven]

would not be surprised

if microsoft ended up doing that

[jade swallow]

https://microsoft.microsoft doesnt work 💀

[abstract raven]

someone needs to provide .slop so i can register micro.slop

[jade swallow]

speaking of text markup

• reStructuredText is pretty interesting and has a spec: https://docutils.sourceforge.io/docs/user/rst/quickstart.html (it's also older than markdown)
• so is asciiDoc https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/ (also older than markdown)
• and orgMode, which is almost emacs exclusive, but there's a huge cult around it https://orgmode.org/

I'm seeing a pattern here... all these are older than markdown

org mode doesn't have a spec tho so it's more a tool than a language

[abstract raven]

damn older than markdown

maybe now that we've gotten so many markdown extensions and learned about what people want out of markdown, it might be a good idea to establish (yet) another standard

[jade swallow]

[abstract raven]

don't quote xkcd

[jade swallow]

Typst?

[abstract raven]

oh typst

[jade swallow]

no specs yet tho

[abstract raven]

bruh

what's the point then >:(

[jade swallow]

i doubt typst will have a spec

they wanna maintain the tool

[abstract raven]

true

it would be bad for them if they made an open spec

[jade swallow]

imagine people bikeshedding the spec >_> no more time to develop the tool

esp when the language is essentially a programming language

[abstract raven]

i haven't used typst before

heard of it but not much more

[jade swallow]

it's good

[abstract raven]

it looks good

[jade swallow]

i think it's a proper (future) latex replacement

[abstract raven]

o_o that powerful?

[jade swallow]

when we apply 2000s' programming language knowledge onto typesetting

yeah

[abstract raven]

i've used latex

it's not exactly intuitive

but it's definitely powerful

[jade swallow]

it never will be >_>

[jade swallow]

typst gives you about the same power yeah

[abstract raven]

[jade swallow]

i wrote plenty of stuff in typst

but not longer

because conferences still only has latex templates >_>

[abstract raven]

[jade swallow]

PL conferences don't even bother with word lol

usually CS conferences let you pick word or latex

[abstract raven]

https://wiki.luxmiyu.com/Tech/Specs if anyone wants to add their stuff

[tardy crescent]

Oh right, I forgot this existed

Will add later

[ember plume]

Boutta flex this shi

[abstract raven]

hink yo're misin sme lettrs bt m nt sre, mybe yo shoud updte tis t fx th typ

[ember plume]

thanks i didnt notice afte reading through it

lmfaoao

[abstract raven]

[ember plume]

better edit i think

honestly just up and removed that shit

[abstract raven]

Also i try to avoid NVIDIA wherever possible
that makes it easier to switch to linux

[ember plume]

thats true, but i dont wanna secure my entire clips folder

how big is it again

nice

or this folder of games i dont wanna all save but dont wanna lose

[abstract raven]

afaik amd gpus are supported on linux out of the box, it's basically painless

[ember plume]

thats good

[abstract raven]

yep it's directly inside of linux, i guess you still need to install mesa for opengl and vulkan support, but that's about it xd

[abstract raven]

you don't need to say goodbye to all of your existing data

whenever you decide to switch i can guide you

[ember plume]

ill switch when im dead

[abstract raven]

(don't ask max how nvidia is going for him on linux 💀)

[ember plume]

good luck to bro

[daring nebula]

i did a funny

[ember plume]

do more, you can add so much gacha stuffs

[daring nebula]

still havent decided what to yap about

thats the only reason why i havent started on anything

[ember plume]

fair enough i guess

[abstract raven]

surely phone specs are fine

if you can play wuwa on it

[daring nebula]

even then itd be off topic for that page specifically (titled computer specs) so i didnt bother

decided to funny anyway

had to put mine below eriks for this meme

[abstract raven]

do agree it's funny

dunno what i was expecting xd

[daring nebula]

even for a phone its mid ig

cus i got it a few years ago

things have improved since then and it do just be like that

cant upgrade parts like a pc

[tardy crescent]

Or can you

Just need a bit of elbow grease

[ancient root]

i guess i can add mine

dont really see the point but hey i shrug

[ember plume]

wuwa max 120fps

[tardy crescent]

Frfr

[ember plume]

@abstract raven help me out on this

i wanna test shit and make stuff clickable but i cannot figure it out by reading

or if i even have access to use securitylevel

this code is in TEST D page

[abstract raven]

i haven't touched security level so idk how it is

[ember plume]

actually

i fixed it

see that extra ()

that broke everything

i just saw that now

links work

they just dont make a new page

[abstract raven]

i see

what functionality are you trying to add?

do you think it would be better and more convenient if we made a dedicated tool for it?

[ember plume]

hover over a certain box to get to exactly that quest from the tarko wiki

[abstract raven]

oh i see

[ember plume]

dont think we need it

[abstract raven]

so you just want external links

[ember plume]

yeah pretty much thats the final thing

and also to align the chart in the middle of the page of course

[abstract raven]

i tried googling and found you can do this?

B[an <b>important</b> <a href='http://google.com'>link</a>]

apparently html can fit inside [] as long as you use single quotes ' because double quotes break mermaid syntax

[ember plume]

cool, does that make another page

[abstract raven]

if you add target='_blank' to the <a>

i assume it would

<a href='http://google.com' target='_blank'>some link</a>

[ember plume]

does that go in the making of the node or does that come after the node has been defined

[abstract raven]

in the making, at the top

[ember plume]

what i thought, cool

[ember plume]

i was gonna make it in there right now

[ember plume]

whats the <b> for

[abstract raven]

bold

tho it's not used nowadays, i copied this snippet from stackoverflow

[ember plume]

from what, 10 years ago?

[abstract raven]

nowadays we use <strong> for bold, and <em> (emphasis) for italics, instead of <b> and <i>

[ember plume]

the text is

cool im so good

[abstract raven]

gg

[ember plume]

i dont see it

[abstract raven]

2018, so 8 years ago

[ember plume]

aw fuck

wheres the >

[abstract raven]

we love html

[ember plume]

okay that did it

its not broken

but no page opens

ShootingCans[Shooting cans <a href='https://escapefromtarkov.fandom.com/wiki/Shooting_Cans' target='_blank'> </a>]
which is clickable, opens the wiki page but not on another tab

[abstract raven]

yea hm

might be a limitation of mermaid

if you use the dev tools, you can see what it converted to

[ember plume]

if you dont mmb to open a link youre weird and its your problem 🙏

[abstract raven]

the target='_blank' is completely gone

[ember plume]

well duh, the target is blank, it dont exist

[abstract raven]

it comes this monstruosity

[ember plume]

xlink?

lmao

thats definetly text

[abstract raven]

yea, cuz we're inside of an <svg>

so it's not html

[ember plume]

if not html why html shaped

[abstract raven]

cuz svg is xml

and html is xml

[ember plume]

wwait

its all xml?

[abstract raven]

idk xml tbh

all i know is, svg and html are written with <> syntax

[ember plume]

its very ugly

[abstract raven]

yea, it's outdated asf imo

[ember plume]

i had done some xml and xsd for a list

it was allright but man is it ugly

what

is

this

shit

why

div

div

div

[abstract raven]

xd

nowadays we try to avoid <div>s everywhere and try to use "semantic html"

so like <section>, <main>, <article>, <footer>, etc

[ember plume]

tomato tomato bro

[abstract raven]

they're basically just divs, but with ✨ meaning ✨

[ember plume]

a mommykiss to a decipitation

[ember plume]

Maybe we should just avoid html entirely

[abstract raven]

i use sveltekit, so i can define my own custom components like <Text> and use those

instead of repeating a shit ton of html and css

[abstract raven]

people have made alternatives, or even languages that compile to html
but it's too late, we need backwards compatibility so

[ember plume]

its gone full circle

[ember plume]

is there nothing we can do xd

[abstract raven]

there's a language called pug, it transpiles to html

[ember plume]

wtf is transpile

[abstract raven]

compile is converting a language to binary
transpile is converting a language to another language

[ember plume]

you transpile from semi html to real html

[abstract raven]

yea

[ember plume]

less pain tho from the looks of it

[abstract raven]

i use typescript and sass in my projects, which transpile to javascript and css

[abstract raven]

this is what sass looks like and the resulting css, it looks like basically the same style of solution

[ember plume]

navulia

[abstract raven]

what if i also use pug in my projects just to be funny

html css js ❌
pug sass ts ✅

pug and sass do the same, less shitty <>{}; symbols everywhere that are annoying to write

[jade swallow]

so based, this takes me back to early nodejs

when express.js and the MEAN stack

[abstract raven]

pug seems cool maybe i should try it

[balmy fractal]

its possible to add imagies to the wiki right? or can only you do it lux

[abstract raven]

anyone can add images

[balmy fractal]

aight then i know very well what game imma add soon

to the wiki

and images

[abstract raven]

adding smth new? which game? i have to add it to the sidebar

[balmy fractal]

Toram Online

[abstract raven]

what's that o_o

[balmy fractal]

mmorpg

i played it 1 decade ago

[abstract raven]

o_o

oge

[balmy fractal]

and like 3 days ago or 4 i was lkike playing it again

[abstract raven]

https://wiki.luxmiyu.com/Toram Online

[balmy fractal]

and me happy, but their wiki is ASS

last updated boss was level 210... rn theyre at 320

and only the first 10 bosses have an entry lol

[abstract raven]

how to use the wiki: https://wiki.luxmiyu.com/-/help
markdown syntax: https://wiki.luxmiyu.com/-/help/syntax

[balmy fractal]

hm

btw would it be an issue if a page has alot of images?

[abstract raven]

usually not

you can make more pages tho

can do links with [[Toram Online/Whatever]], and then click on it and create it

[balmy fractal]

oh im doing that, but one page is gonna have A LOT of images, but its also gonna be very long

basically, in the game there body parts that you can break, adn i want to create for each body part that can be broken an image to show where its located