v-hackathon interspace design

[exiledsurfer]

First up is the naming and styling of elements (beachte klein/grosschreibung!)

on mouseover, (beachte position of individual mouseover text elements!) selected interface element fades to grey #bbbbbb and displays colored text background with black Helvetica BOLD uppercase name:

jitsi: STOP-COVID-19 #ff8383
jitsi: SDG-WORKSHOPS #cfa6ff
jitsi: MENTOR-RING #78ffbe
jitsi: CREATE-ROOM #8200ff
iframe: V-HACKATHON #00ffec
iframe: GITCOIN #0fcea9
popup: SCHEDULE #ffa9a9
system dialog: REDEEM POAP #ff00e1
popup: DISCORD CHAT #ff00e1
popup: LIVESTREAMS #ffff6e

[exiledsurfer]

Next up is window behavior for rooms:

• On first room click, all four windows should open: jitsi, discord, livestream, schedule for that room, in the locations shown above.
  -on closing either livestream, discord, or schedule windows, that item's button appears in the jitsi room frame, in the locations & styling pictured above (uppercase helvetica light)
  -closing jitsi room closes discord, livestream, schedule windows also.

-square corners, not rounded, on all windows!!

[exiledsurfer]

next up: full size iframes for v-hackathon and gitcoin.
window placement / sizing shown with and without a full suite of room windows. (!important)

[exiledsurfer]

Livestream window behavior:

Clicking on "Livestream" button opens both the player and the direct links. Default load in Livestream window is Livepeer multistream player:

https://github.com/videoDAC/streaming-back-end/blob/master/hlsjs-multi-player.html

[exiledsurfer]

Sidebar:

Add "Sitemap" at the top of the list, and provide all internal site links for popups for navigation when windows are open, and for accesibility.

[geleeroyale]

About the sizing we will have to see - I am not planning to do it differently than one click opens one thing, it gets too confusing.

[geleeroyale]

Also windows won't be ordered - they just pile up on top of each other.

Thanks for specifying the room links

[exiledsurfer]

@geleeroyale sizing is incorrect for mouseover text on "create room" and "mentor-ring" on both the staging and main url instances

[geleeroyale]

• titles
• help
• logo?
• sitemap (z-index above all other windows)