Bio's Development Log

Bio · September 23, 2023, 2:32am

Found a cool feature that I didn’t know existed before

flowchart TB

A[Start here] --> B[What is your favorite type of magic? ]
B --> C[Cold magics]
B --> D[Heat magics]
B --> E[Energy based magics]
B --> F[Solid magics]
B --> G[Everything else]
C --> |Why?|Z[Idk I just wanted to ask]
D --> |Why?|Z[Idk I just wanted to ask]
E --> |Why?|Z[Idk I just wanted to ask]
F --> |Why?|Z[Idk I just wanted to ask]
G --> |Why?|Z[Idk I just wanted to ask]
Z --> ZA[So anyways this is called a mermaid chart]
ZA --x ZB[Wait you're still reading?]
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC
ZB --- ZC[Look a spider web]
ZC ~~~~~~~ ZD[And here you thought it was over.]
ZD === ZE(Potatio)
ZD -...-> ZF[[Squatatio]]
ZD ===x ZG[(Look it's a cylinder!)]
ZD -....- ZJ((Circle))
ZJ -..- ZT((Look a bigger Circle!))
ZF -...-> ZT
ZT -....- ZZ[/Mermaid charts are pretty cool, yall should check it out\]
ZZ -.- ZZA[\Here's a link https://docs.mermaidchart.com/mermaid/intro/]

ZZA -...-> 0[A important <a href='http://google.com'>link</a>]

subgraph Subchart or something
direction RL
1-...-> 2[Further yet]
2---> 1[Further]
3---> 2[Further still]
5---> 4[Something]
4---> 5[Else]
Subnet1Icon["Here's a picture of a shark <img src='https://forum.arcaneodyssey.dev/uploads/default/original/3X/f/2/f2aab11003da634f0a0fd34c557881df186afef4.jpeg'/ width = 200>"]


style 4 fill:#131313,stroke:#AAA,stroke-width:1px
end

    flowchart
subgraph Another one
direction LR
X-...-> r[Alpha]
r---> q["Line 1
Line 2
Line tres"]
w---> f[Beta]
w---> c[Zeta]
v---> u[Omega]
BE:::bar --> CE:::foobar
AE:::foo  --> CE:::foobar
    classDef foo stroke:#f00
    classDef bar stroke:#0f0
    classDef foobar stroke:#00f

t:::someclass --> v
s:::someclass --> v
    classDef someclass fill:#f96
style v fill:#1FA,stroke:#FFFFEs,stroke-width:1px
end

flowchart
6 --> 8[asd]
click 8 "example.com"

[Another text][another-identifier]
[another-identifier]: https://example.com “This example has a title”

Might make a little minigame or something out of this :thinking:

Maple · September 23, 2023, 2:36am

lmao

Retribution · September 23, 2023, 6:11am

Bio, I need to ask:

How the hell?
EDIT: WAIT, THAT’S WHAT THE MERMAID CHARTS DO???

43zz · September 23, 2023, 6:23am

NOW!

Bio · September 23, 2023, 6:52am

Yep, mermaid charts are kinda underrated

Bio · September 23, 2023, 7:13am

More testing with different mermaid charts:

    flowchart TB
subgraph example
A
B
end
         A --> B

gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d

 sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d

stateDiagram-v2
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]

journey
    title The average forum experience
    section Read the forums
      Consume forums: 9: Forums user
      Touch grass: 0: Forums user
      Do schoolwork:2: Forums user

pie title What's 9 + 10?
    "21" : 400
    "19" : 200
    "11" : 100

How to rig pie chart votes lol

gitGraph
   commit id: "Alpha" tag: "Hey we could make a timeline out of this"
   commit id: "YEET"
   branch Possiblity
   checkout Possiblity
   commit
   commit
checkout main
   branch Possiblity2
   checkout Possiblity2
   merge Possiblity
commit
   checkout main
   merge Possiblity
   commit
   commit

C4 too complicated for me, it’s already starting to lag.

C4Context
 title System Context diagram for Internet Banking System
      Enterprise_Boundary(b0, "BankBoundary0") {
        Person(customerA, "Banking Customer A", "A customer of the bank, with personal bank accounts.")
        Person(customerB, "Banking Customer B")
        Person_Ext(customerC, "Banking Customer C", "desc")

        Person(customerD, "Banking Customer D", "A customer of the bank, <br/> with personal bank accounts.")

        System(SystemAA, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.")

        Enterprise_Boundary(b1, "BankBoundary") {

          SystemDb_Ext(SystemE, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")

          System_Boundary(b2, "BankBoundary2") {
            System(SystemA, "Banking System A")
            System(SystemB, "Banking System B", "A system of the bank, with personal bank accounts. next line.")
          }

          System_Ext(SystemC, "E-mail system", "The internal Microsoft Exchange e-mail system.")
          SystemDb(SystemD, "Banking System D Database", "A system of the bank, with personal bank accounts.")

          Boundary(b3, "BankBoundary3", "boundary") {
            SystemQueue(SystemF, "Banking System F Queue", "A system of the bank.")
            SystemQueue_Ext(SystemG, "Banking System G Queue", "A system of the bank, with personal bank accounts.")
          }
        }
      }

      BiRel(customerA, SystemAA, "Uses")
      BiRel(SystemAA, SystemE, "Uses")
      Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
      Rel(SystemC, customerA, "Sends e-mails to")

      UpdateElementStyle(customerA, $fontColor="red", $bgColor="grey", $borderColor="red")
      UpdateRelStyle(customerA, SystemAA, $textColor="blue", $lineColor="blue", $offsetX="5")
      UpdateRelStyle(SystemAA, SystemE, $textColor="blue", $lineColor="blue", $offsetY="-10")
      UpdateRelStyle(SystemAA, SystemC, $textColor="blue", $lineColor="blue", $offsetY="-40", $offsetX="-50")
      UpdateRelStyle(SystemC, customerA, $textColor="red", $lineColor="red", $offsetX="-50", $offsetY="20")

      UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")

Testing hovers

@Headless Thank you for these amazing integrations into the forums I can’t wait to cook with this >:D

Resources for anyone else who wants to check these out:

Randomness · September 23, 2023, 7:19am

    flowchart
         A --> B  -->  goob
         B  -->  C  -->  I
         C  --> Hate
         C  --> Sand  --> ItsCoarse
         ItsCoarse  --> AndRough
         AndRough  --> And
         And  --> It
         And  --> Gets
         And  --> Everywhere

Bio · September 23, 2023, 9:02am

Test version for FX3 :The game
Scroll all the way to the end to start

Fabulous Forum Finds: The game

   flowchart BT
classDef StartButton color:#0f0,fill:#131313,stroke:#0f0,stroke-width:1
classDef TrustedLads color:#AA3,fill:#131313,stroke:#550,stroke-width:2

1:::StartButton
tl1:::TrustedLads 
1[Start] --> 2["
Welcome to the entry gates.
<a href='https://forum.arcaneodyssey.dev/t/welcome-to-the-arcane-odyssey-forum/7?u=bio' title = 'It waves at you'>You are welcomed by a tiny robot.</a>
"]
2 --It prints a small piece of paper from its chest --> 3["
<a href='https://forum.arcaneodyssey.dev/t/official-forum-rules-and-guidelines/26192?u=bio' title = 'The title is printed in comic sans'>You read the document</a>
"]
2 --Continue on to the gates--> 4
3 --> 5["
It gives you a satisfied smile and rolls away.
You gain a little bit of joy.
"]
5 --> 5_1
5_1["<img src=' https://imgs.search.brave.com/xwWit_2XgTCpDK6-iqZL6haqlD2XTtYm-1ou16eoXEI/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS50ZW5vci5jb20v/bG5iWkNxWWdGQ1VB/QUFBTS9jb21meS13/aG9sZXNvbWUuZ2lm.gif'/ width = 250 title = 'Image Test'>"]
5 ----> 4["
You open the gates to the great beyond.
"]
subgraph The Ancient Forums
4 --> 6["
A patron asks for your opinion on your favorite <a href='https://forum.arcaneodyssey.dev/t/what-is-your-favorite-magic-and-why/32?u=bio' title = 'The first user post on the forums'>Magic.</a>
"]
6 --> 7["
You stick around to watch and enjoy the company.
Its not long before people <a href='https://forum.arcaneodyssey.dev/t/what-is-your-favorite-magic-and-why/32/3?u=bio' title = 'The first user reply on the forums'>begin<a> to join in with the conversation.
"]
6 --> 8["
You wander away from the crowd.
"]
8 ----> 8_1["
You wander further and further away
The landscape looks endless, do you continue?
"]
8_1 -.-> |Nevermind|6
end

subgraph The Trusted Realm
8_1 -.Yes .....-> tl1["
You walk a long, long distance. Until the gates have vanished behind you.
As you lay resting beneath a tree,<a href='https://forum.arcaneodyssey.dev/t/i-don-t-think-normal-people-can-see-here/24741?u=bio' title = 'The First Trusted Lads Post'> a settler offers his hand to you.</a>
"]

end

7 -->TBC
tl1 -------->TBC[" To be continued!
"]

Bio · September 23, 2023, 9:05am

Also some bugs:

Hide detail doesn’t work within mermaid charts even if you create them manually with html
Images refuse to work unless you use href=‘link’ instead of the forum default method

Bio · September 24, 2023, 9:40pm

Updated V2

%%{
  init: {
    'theme': 'base',
    'themeVariables': {
      'primaryColor': '#131313',
      'primaryTextColor': '#CCC',
      'primaryBorderColor': '#FFF',
      'lineColor': '#39A080',
      'secondaryColor': '#252525',
      'tertiaryColor': '#223'
    }
  }
}%%

flowchart BT
classDef StartButton color:#0f0,fill:#131313,stroke:#0f0,stroke-width:1
classDef AncientForums color:#0AA,fill:#131313,stroke:#044,stroke-width:2
classDef TrustedLads color:#AA3,fill:#131313,stroke:#550,stroke-width:2
classDef OutsideForums color:#CCC,fill:#252525,stroke:#AAA,stroke-width:2


1:::StartButton
2:::OutsideForums
3:::OutsideForums
4:::OutsideForums
5:::OutsideForums
5_1:::OutsideForums

tl1:::TrustedLads 
tl2:::TrustedLads 
tl3:::TrustedLads 
tl4:::TrustedLads 
tl5:::TrustedLads 
tl6:::TrustedLads 


6:::AncientForums
7:::AncientForums
8:::AncientForums
9:::AncientForums
8_1:::AncientForums
9_1:::AncientForums
10:::AncientForums
11:::AncientForums
12:::AncientForums
13:::AncientForums


1[Start] --> 2["
Before you stands a set of large marble gates.
<a href='https://forum.arcaneodyssey.dev/t/welcome-to-the-arcane-odyssey-forum/7?u=bio' title = 'It waves at you'>You are welcomed by a tiny robot.</a>
"]
2 --It prints a small piece of paper from its chest --> 3["
<a href='https://forum.arcaneodyssey.dev/t/official-forum-rules-and-guidelines/26192?u=bio' title = 'The title is printed in comic sans'>You read the document</a>
"]
2 --Continue on to the gates--> 4
3 --> 5["
It gives you a satisfied smile and rolls away.
You gain a little bit of joy.
"]
5 --> 5_1
5_1["<img src=' https://imgs.search.brave.com/xwWit_2XgTCpDK6-iqZL6haqlD2XTtYm-1ou16eoXEI/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS50ZW5vci5jb20v/bG5iWkNxWWdGQ1VB/QUFBTS9jb21meS13/aG9sZXNvbWUuZ2lm.gif'/ width = 250 title = 'Image Test'>"]
5 ----> 4["
As you approach the gates, it opens on it's own.
It appears to be calling you to the realm ahead.
"]
4 --> |Continue onwards|6["
A crowd is gathering in the plaza.
One of the patrons asks for your opinion on your favorite <a href='https://forum.arcaneodyssey.dev/t/what-is-your-favorite-magic-and-why/32?u=bio' title = 'The first user post on the forums'>Magic.</a>
"]


subgraph The Ancient Forums
 6 ---> 7["
You stick around to answer the question.
Its not long before people <a href='https://forum.arcaneodyssey.dev/t/what-is-your-favorite-magic-and-why/32/3?u=bio' title = 'The first user reply on the forums'>join in the conversation. <a>
"]
6 --> 8["
You wander away from the crowd.
"]
8 ----> 8_1["
You wander further and further away
The landscape ahead looks endless, do you continue?
"]
8_1 -.-> |Nevermind|6
7 --> 9["
A hermit challenges you to solve his<a href='https://forum.arcaneodyssey.dev/t/ancient-text-translation-challenge/8653?u=bio' title='It seems like nonsense at first, but there could be some sense to it.'> puzzle </a>
"]
9 --> |The hermit drops a scrap of paper|9_1["
You take a look at the <a href='https://forum.arcaneodyssey.dev/t/deciphering-the-language/1738/13?u=bio' title='The handwriting is barely legible'>paper.</a>
It seems to contain a solution to the puzzle. 
"]
9 ---> |You solve his puzzle|10["
You whisper to the hermit the answer to his question.
He is deep in thought for a moment, then hands you a key.
#60;You obtained a Stone Key!#62;
"]
9_1 --> 10
10 --> 11["
The hermit walks away.
You are left to explore the realm once again.
"]
11 --> 12["
A pair of moderators are <a href='https://forum.arcaneodyssey.dev/t/macobre-meta-change-your-username/46989?u=bio' title='The OG name change thread'>handing out nametags.</a>   
You perk up from the crowd and manage to grab one.
#60;You obtained a Blank Nametag!#62;
"]
11 --> 13["
A couple students are discussing a <a href='https://forum.arcaneodyssey.dev/t/the-statue-in-ironport/19249/10?u=bio' title='An interesting fact about Ironports Statue'>statue they saw in a recent town. </a>    
"]

end

subgraph The Trusted Realm
8_1 -.You continue to walk forwards......-> tl1["
You walk a long, long distance. Until the gates have vanished behind you.
As you lay resting beneath a tree,<a href='https://forum.arcaneodyssey.dev/t/i-don-t-think-normal-people-can-see-here/24741?u=bio' title = 'The First Trusted Lads Post'> a settler offers his hand to you.</a>
"]
tl1 --> tl2["
You take his hand as he helps you up.
He <a href='https://forum.arcaneodyssey.dev/t/hey-there-buddos/24734?u=bio' title='The Longest Trusted Lads Post'>introduces you to his crew.</a>
"]
tl2 --> tl3["
It's not long before they start to argue amonst themselves.
They are in a fuss about who will lead them.
"]
tl3 --> |Join the conversation|tl4["
The noises only get louder as more and more people shout to have their voice heard.
However, a negotiator is able to converse everyone into
<a href='https://forum.arcaneodyssey.dev/t/trusted-lads-election/36937?u=bio' title='Its a mess.'>an election.</a>
"]
tl3 --> |Walk away and explore the realm|tl5["
An axe-wielding sailor explains of <a href='https://forum.arcaneodyssey.dev/t/mimhere-island-damn-expedition/96912?u=bio' title='Its actually quite an entertaining story.'>a mystical place called #34;Mimhere Island#34;
and his journey to find it.</a>
"]
tl4 --> tl6["
Some how, you ended up geting selected as president of The Trusted Realm?
"]


end
tl5 --> TBC
tl6 -------->TBC[" To be continued!
"]

Bio · September 28, 2023, 2:39am

Made a sword or something

Divanochi · September 28, 2023, 2:43am

Kratos

ImaLettuce · September 28, 2023, 5:51am

looks like something from dungeon quest. the lava dungeon, specifically.

wmdrayal · September 28, 2023, 7:05am

dope!!!

super lit!!

Bio · October 13, 2023, 1:08am

Against better judgement I have decided to partake in another GameJam…
However It’s just me this time So we’ll see how it goes.

WarmWater · October 13, 2023, 1:26am

what’s the theme for the gamejam?

Bio · October 13, 2023, 1:37am

Nightmares

WarmWater · October 13, 2023, 1:38am

you could do some cool stuff with that ngl

Bio · October 13, 2023, 1:41am

Making a top down story game, cause I don’t like horror games

WarmWater · October 13, 2023, 1:41am

do you wanna get me to make a bit of pixel art for that