v-hackathon interspace design

interspacechat / interspace.chat

Video chat for communities and their online events

https://interspace.chat

GNU General Public License v3.0

9 stars 5 forks source link

v-hackathon interspace design #44

Open exiledsurfer opened 4 years ago

exiledsurfer commented 4 years ago

ethturin-mouseover

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 commented 4 years ago

ETHturin-sample-room-windows

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 commented 4 years ago

ETHturin-gitcoin ETHturin-v-hack

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 commented 4 years ago

ETHturin-livestream-windows

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 commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

Thanks for specifying the room links

exiledsurfer commented 4 years ago

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

geleeroyale commented 4 years ago

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