Bio's Development Log

Yep, mermaid charts are kinda underrated

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:

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

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!
"]


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

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!
"]


2 Likes

Made a sword or something
image

4 Likes

Kratos

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

1 Like

dope!!!

super lit!!

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

what’s the theme for the gamejam?

Nightmares

you could do some cool stuff with that ngl

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

4 Likes

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

Nah it’ll be alright, I chose to go solo for this one so I don’t have to deal with team shenanigans again.

Thanks for offering though!

I will evaporate your computer

However you are spared from the evaporation until next time

Made a little rendering for a friend’s game

5 Likes

Fx3 V3 Testing

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

flowchart TD
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

6:::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 --> 6["<a href='https://forum.arcaneodyssey.dev/t/bios-development-log/101091/234?u=bio'>Continue Onwards</a>


"]





[spoiler]

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

flowchart TD
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:::TrustedLads 
2:::TrustedLads 


1[The doors open to reveal a vast open square adorned by marble pillars.] --> 2["
You roam around the square, taking a look at all the fellows that mellow."]






1 Like