garbage 2

Ginger Industries

13:33

I am going to make a mock-up UI for RTO

Ginger Industries

14:21

@taRadvylfsriksushilani correct me if I'm wrong, but isn't RTO's flagship feature custom interpreters?

ta Radvylf srik su shilani

14:37

Yes

@GingerIndustries ...like rto.run?

Well, it's not really a mock-up I guess, since the real thing won't look anything like it

But UI should be coming in less than a month

Ginger Industries

@taRadvylfsriksushilani i'm trying to make a mockup

ta Radvylf srik su shilani

of the actual UI? or just what you think it'll look like?

Ginger Industries

actual

I am help

ta Radvylf srik su shilani

I'm planning on the UI being a bit of a surprise

Ginger Industries

ah ok

the thing is I want to help but I'm only really good with HTML/CSS/JS and python

ta Radvylf srik su shilani

14:45

Well, I'm basically the same in that regard lol

Hmm, if you're a contributor to RTO, I suppose you can see the ultra secret UI plans

Ginger Industries

nice

Ultra Classified Documents of Doom

ta Radvylf srik su shilani

I'll send you a SE-nitro-style drawing of what I want it to look like

Ginger Industries

methinks red would be a good accent color

ta Radvylf srik su shilani

Hmm, I waa thinking light blue, but that's a good idea

Ginger Industries

i made a header

ta Radvylf srik su shilani

14:47

uh oh, all the in-progress SE nitro frames are on my old laptop

Ginger Industries

oh no

ta Radvylf srik su shilani

Ginger Industries

hmmm

ta Radvylf srik su shilani

Sort of like this search page: hub.docker.com/search?q=python&type=image

Ginger Industries

is that for Language Selection?

ta Radvylf srik su shilani

14:49

Yeah.

The boxes would be a lil' smaller though

Ginger Industries

oh

what about running code

ta Radvylf srik su shilani

That's the part I'm less sure about

Here's a screenshot of what I had (but dislike):

Ginger Industries

What's "Post"?

ta Radvylf srik su shilani

It'd have the permalink, CGCC post, and all that stuff

Ginger Industries

ah

ta Radvylf srik su shilani

14:58

The UI feels very unorganized right now though, which I'll need to fix

Ginger Industries

@taRadvylfsriksushilani i think that looks pretty good

ta Radvylf srik su shilani

Not to me

Ginger Industries

what's the issue with it?

ta Radvylf srik su shilani

Look at this example from Docker:

See how it feels kinda separated and...substantial? Mine feels empty and disorganized

And too much white space

Ginger Industries

hmm

I think if the "header" bit had a background color that would help

also adding a back arrow next to the language name to return to the selection menu

Ginger Industries

15:30

@taRadvylfsriksushilani problem: with the current design, I can't get the "Select Language" text to be centered. I could just remove it (leaving only the logo and menu icon) but that leaves a bunch of empty space in the header

ta Radvylf srik su shilani

Where is this select language text

Ginger Industries

rto-mockup.gingerindustries.repl.co

ta Radvylf srik su shilani

Not sure if I like that design

Ginger Industries

hm

ta Radvylf srik su shilani

What's the menu for?

Ginger Industries

15:34

links to github, help, ToS, etc

ta Radvylf srik su shilani

Seems like a pointless use of a menu

Ginger Industries

ig we could put it in the footer

ta Radvylf srik su shilani

Yeah, footer's a good place for that

Ginger Industries

but then the header is very empty

ta Radvylf srik su shilani

I'm thinking we have RTO's logo in the top left, and a search bar for languages

On the right we can have language moderation stuff

Sign in/out, upload, moderate, etc.

Ginger Industries

15:36

ah

hmmmm

gimme a minute

ta Radvylf srik su shilani

Also, that looks an awful lot like ATO's font lol

Ginger Industries

what ever do you mean

ta Radvylf srik su shilani

Oh wait no it's a different one

Ginger Industries

19:40

@taRadvylfsriksushilani Finished header bar mockup

ta Radvylf srik su shilani

Oh boy that is very red

Ginger Industries

it is

I painted it with the blood of small children

ta Radvylf srik su shilani

I'm thinking we should go with a slightly...subtler color

Ginger Industries

like what

docker's header is solid blue

ta Radvylf srik su shilani

I was playing around with colored headers myself and honestly not sure if it's even a good idea to have one

But if we do, blue.

Ginger Industries

19:41

hmm

problem: ATO uses blue for their accents

ta Radvylf srik su shilani

ATO also uses a dark theme

Ginger Industries

ok valid

Idea: change header to use an off-white color

ta Radvylf srik su shilani

Bleh

Ginger Industries

idea: change text to white

ta Radvylf srik su shilani

How about white on medium blue

Ginger Industries

19:42

hm

ta Radvylf srik su shilani

#08b was what I was playing around with

Ginger Industries

I feel like blue is overused

ta Radvylf srik su shilani

A less saturated red would work too I guess

But red's a little harder to work with

Ginger Industries

I think it suits RTO

one second, desaturating

ta Radvylf srik su shilani

hsl(0, 60%, 60%) maybe?

Or something in that sort of brick red category

Ginger Industries

19:45

wrong room

ta Radvylf srik su shilani

oops

Ginger Industries

@taRadvylfsriksushilani okay, I've updated it a bit

it look like watermelon

ta Radvylf srik su shilani

Still not sure about red. It's hard to get red to look good with a light theme.

Ginger Industries

dark theme?

ta Radvylf srik su shilani

I want to have both

Primarily light, but with a theme switcher

Ginger Industries

19:47

hmm

@taRadvylfsriksushilani hard... but not impossible

ta Radvylf srik su shilani

lil better

Ginger Industries

hmm

ta Radvylf srik su shilani

That's 0088dd

Ginger Industries

okay fine but I still think blue is overused

:/

ta Radvylf srik su shilani

Green?

mathcat

19:48

yay

no wait

Ginger Industries

AAAA

ta Radvylf srik su shilani

I'd go with gray but if we're doing the colored header it's not gonna be pretty

Ginger Industries

you are NOT PERMITTED to see the Secret Plans

ta Radvylf srik su shilani

lol

mathcat

I saw your secret plans.

Ginger Industries

19:49

uh oh

mathcat

You want to escape out of TIO Castle.

Ginger Industries

@mathcat uh no we're working on RTO

mathcat

Ah well

You'll stay there forever I guess

but ok

Ginger Industries

We'll see about that.

anyway

ta Radvylf srik su shilani

Honestly not as sure about the docker-like card-based UI as I was before

mathcat

19:50

Why is the title "Logo Image"?

Ginger Industries

@mathcat we do not have a logo yet

ta Radvylf srik su shilani

I've realized we won't have much information to add in them

mathcat

right

Ginger Industries

hmm

ta Radvylf srik su shilani

Language name is basically all

mathcat

19:50

I won't design a logo

Ginger Industries

idea: keep the cards but move them into a pop-up like ATO does

@mathcat darn it

ta Radvylf srik su shilani

That makes it even worse of an idea

Ginger Industries

uH

ta Radvylf srik su shilani

The cards would make it hard to see anything

You'd have to scroll for ages

Ginger Industries

¯\_(ಠ_ಠ)_/¯

ta Radvylf srik su shilani

19:52

So, we'll need a search somewhere. Let's brainstorm a list of places that could go.

Front page.

Header.

Dedicated search page.

Ginger Industries

okay, I think I've finally nailed the right shade of red

@taRadvylfsriksushilani i vote header because I already did that

ta Radvylf srik su shilani

Pop-up on languages page.

Pop-up on front page

Spammy popunder

Ginger Industries

remember those links that were going to go in the footer? I think we can put them at the end of the header like Docker does

ta Radvylf srik su shilani

@GingerIndustries I'm not going to let laziness dictate my project's UI

Ginger Industries

@taRadvylfsriksushilani sorry sorry

ta Radvylf srik su shilani

19:54

@GingerIndustries We were never going to have a menu

They were going to go in a nav bar like docker does

Ginger Industries

that's what they're called

ta Radvylf srik su shilani

Well, we hardly need the ToS in the top nav bar

And the top bar's already in use

For log in stuff, and adding languages

Ginger Industries

use the menu for account management?

ta Radvylf srik su shilani

No menus on desktop

That's bad design

Ginger Industries

got it

ta Radvylf srik su shilani

19:56

One more click than necessary, and it's not discoverable.

Ginger Industries

is the shade of red good?

ta Radvylf srik su shilani

I still see the #ff3030

Ginger Industries

that's the one I like

ta Radvylf srik su shilani

It's making my eyes bleed

Ginger Industries

it seems just right with saturation

changed text color to white

ta Radvylf srik su shilani

19:57

Imagine if you went to a website and it had that color of red at the top. It might just be my screen, but that's violently, eye-searingly bright.

Ginger Industries

I think it's your screen

mathcat

It's making my eyes fall asleep

Ginger Industries

I'll darken it a bit

mathcat

Because I'm tired

ta Radvylf srik su shilani

It makes RTO seem like an amateur project by someone taking an HTML class written in the 1940s

I'm thinking we drop the colored header

And use blue

Ginger Industries

19:59

so replace it with white?

uh

there are two kinds of colors: blue and everything else

okay, switching to blue

ta Radvylf srik su shilani

Blue is friendly and official. Red is more associated with sleek, cutting edge stuff, when used with a dark theme.

mathcat

Conspiracy theory: GingerIndustries time-traveled and took HTML classes in 1940.

Ginger Industries

we do in fact happen to be sleek and cutting edge [citation needed]

ta Radvylf srik su shilani

RTO's supposed to be a somewhat generic online interpreter, so red with a dark theme would be a bit off. And we're using a light theme anyway.

Ginger Industries

> GingerIndustried

ta Radvylf srik su shilani

20:00

Opinions on green?

Ginger Industries

that's the past tense

@taRadvylfsriksushilani i'll try it

ta Radvylf srik su shilani

Try #0d4

Wait no, too bright

Ginger Industries

okay, switched

ta Radvylf srik su shilani

What's your obsession with very bright saturated colors lol

mathcat

hmm

Ginger Industries

20:02

@taRadvylfsriksushilani i am secretly a hippie

dimming colors

ta Radvylf srik su shilani

I'd recommend HSL

Makes it a lot easier to tweak the colors

Ginger Industries

alr

ta Radvylf srik su shilani

Hmm, green doesn't seem right

Blue it is

Ginger Industries

alright

ta Radvylf srik su shilani

But I don't think the colored header is going to look good

Ginger Industries

20:03

I changed it and I hate how good it looks

ta Radvylf srik su shilani

Where should the language selection take place

That's our current biggest issue

Ginger Industries

hmm

ta Radvylf srik su shilani

Here's my proto from a while back:

Ginger Industries

the search bar definitely fills out the header but is kinda strange for this type of service

ta Radvylf srik su shilani

Ginger Industries

20:06

hmm

ta Radvylf srik su shilani

Not much of a fan of it though

mathcat

@taRadvylfsriksushilani It's obvious

Theory confirmed.

ta Radvylf srik su shilani

Okay, what's a user's typical interaction with the site gonna look like? Probably go to rto.run, immediately look for the language they want, then do stuff with it

Ginger Industries

(⊙ˍ⊙)

ta Radvylf srik su shilani

So, we need them to be able to quickly find languages

Ginger Industries

20:07

@taRadvylfsriksushilani and if the search is at the top, their cursor won't have to move very far to get to it

(bc it'll probably be on the address bar)

ta Radvylf srik su shilani

No real programmer doesn't use Ctrl+L or Ctrl+T ;p

Ginger Industries

simply autofocus the search

ta Radvylf srik su shilani

In the header should not be the primary search

Ginger Industries

then what should it be

ta Radvylf srik su shilani

On the front page

That's the primary action they want to do by going to the main page: find a specific language

Ginger Industries

20:09

just search it up

ta Radvylf srik su shilani

But then what's the front page for?

Ginger Industries

maybe we can use a replit-style omnisearch

you can do all the things from the search

ta Radvylf srik su shilani

I'm thinking the front page should the primary, if not the only, way to find a language

Because if you go to rto.run, that's why you're there

Ginger Industries

so we have two pages: front and main?

ta Radvylf srik su shilani

What no

Front page and main page are synonyms

Ginger Industries

20:11

oh

was just confused

ta Radvylf srik su shilani

Maybe we go with the docker-like thing after all, with the cards

We could find something else to include, I'm sure

And on the left, we can have filters maybe

Ginger Industries

and when you select a card what happens?

ta Radvylf srik su shilani

You go to that language's run page

Like on TIO or ATO

pxeger

@taRadvylfsriksushilani ATO has a light theme too (it's just ugly as sin)

Ginger Industries

wait what's @pxeger doin in here

pxeger

20:14

14 secs ago, by pxeger

@taRadvylfsriksushilani ATO has a light theme too (it's just ugly as sin)

Ginger Industries

how dare you read our Secret Classified Plans

pxeger

reads harder

Ginger Industries

╰（‵□′）╯

ta Radvylf srik su shilani

Idk if I want RTO's main chat room to be called "The Firing Range"

Ginger Industries

okay then what?

ta Radvylf srik su shilani

20:15

Maybe this should stay OLIMAR's room

pxeger

how about the tomaRTO farm

Ginger Industries

What a pun

I like it, one sec

pxeger

it was the first one I thought of lol

Feeds

Ginger Industries has added ta Radvylf srik su shilani to the list of this room's owners.

Ginger Industries

okay

ta Radvylf srik su shilani

20:17

Thank you for unanimously naming a chat room for my own website

Ginger Industries

resuming our previous discussion

actually, should we move the messages?

Feeds

ta Radvylf srik su shilani has removed ta Radvylf srik su shilani from the list of this room's owners.

Ginger Industries

no problem, happy to help!

pxeger

lmao

Ginger Industries

uh

i'm going to do the move

← 264 messages moved from The Firing Range

@taRadvylfsriksushilani I have added the links to the end of the header

i'm going to go ahead and implement the card system

garbage 2

Transcript for

garbage 2