illirica is bad with code (testing arena)

For testing and seeing how things look on the site.
Post Reply
User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Mon Jun 15, 2020 10:39 pm

words words words
test
"Evil speech goes here."

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Tue Jun 16, 2020 3:22 pm

> Ask about this place
> Ask about the place you're being sent
> Ask about the cell phone
> Ask about the Narrator [Requires additional experience]
> Other Questions:
|

What did we learn here? We learned "align" doesn't play nice with clip. Great!

This works:
> Ask about this place
> Ask about the place you're being sent
> Ask about the cell phone
> Ask about the Narrator [Requires additional experience]
> Other Questions:
|
Text-align in the div works great, align-left out of the div makes for sadness. Good talk.

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Sun Jun 21, 2020 12:04 am

Text looks like this on this background. This is the way that text looks, when you put text here on this background. Hello, text. This is the text on the background and what it looks like and this is boring but hey it takes up some space.

"Speech is like this," but regular text is like this. Got it? "Yeah, I've got it."

Great.
.
Text looks like this on this background. This is the way that text looks, when you put text here on this background. Hello, text. This is the text on the background and what it looks like and this is boring but hey it takes up some space.

"Speech is like this," but regular text is like this. Got it? "Yeah, I've got it."

Great.

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Sun Jun 21, 2020 1:27 pm

1
2
3
4
5
6
7
Experiments with vw. Not quite sure how to pad this properly, going to have to work on that. Pad with percent?
1
2
3
4
5
6
7
Nope. Padding with vw was slightly better. Right and left only?
1
2
3
4
5
6
7
Padding with vw seems to be the way to go, it just has to be sort of a lot for a border-radius that high - more than half the largest radius? Something like that. Math!
1
2
3
4
5
6
7
8
Used at non-extreme cases, it's not bad. I'm not sure it has the versatility that I want for most cases, though.

Also notes:
-vw cannot be a negative value, so no indentation shenanigans there.
-vw can be a decimal value.
-increasing a vw value to the extreme (like 200 or 2000) does not provide any noticeable difference in radius. It seems to top out at around 50 as far as I can tell.

I feel like it's maybe not going to be what I want it to for border-radius options, but might have some potential for positioning other elements.

Later:
-Try playing around with padding-top XXvw as a positioning element in PrismDiv?

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Thu Jul 16, 2020 12:30 am

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Image
Prism
Character Sheet
uh-oh, here we go!

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Thu Jul 16, 2020 12:51 am

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Mon Aug 10, 2020 11:30 pm

.
filler
text
goes
here
like
this
.

ooh, it's pretty!

.
filler
text
goes
here
like
this
.

Or I can do this one. Yes!

As always, a reminder to please refrain from using these layout style until I've had a chance to use them. Ask if you're not sure! Thanks!

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Wed Aug 12, 2020 5:18 pm

left
side

In this area, we find that calc is incredibly useful and also does not play nice with all browsers, necessitating a whole bunch of code. SO MUCH CODE.
Biography
Image
Something something I don't know bugs I guess
.
.
.
.
actually I might want to make this a flex and use min-width or something but flex is hard shoot I don't know. Can you even flex inside a grid or does that just break?
HECK YES. Finally!

Let's pretend this little segment right here didn't just take me 45 minutes.
History
I suppose stuff happened here?
.
.
.
.
Insanity
Heck I don't know running out of titles here folks
.
.
.
.

User avatar
illirica
Sandbox Mod
Posts: 4920
Joined: Sat Mar 24, 2018 4:02 pm
Contact:

Re: illirica is bad with code (testing arena)

Post by illirica » Thu Aug 13, 2020 1:45 am

HEADER 1
Left Upper Text Here
Image
HEADER 2
Image
Bottom Text
[div=background-image:url(https://cdn.discordapp.com/attachments/743133924036837438/743281215834161202/d1ffd2ce23bfa1c195fa224571c11e60.png);padding:10px;]
[div=background-color:black;color:gold;margin:10px;padding:5px;][align=center][size=150]HEADER 1[/size][/align][/div]
[div="display:grid;grid-template-columns: 3fr 2fr;grid-column-gap:10px;grid-template-areas:\"Left Right\";margin:10px;"]
[div=grid-area:Left;background-color:black;color:gold;margin-bottom:10px;padding:5px;]Left Upper Text Here[/div]
[div=grid-area:Right;][img]https://17m7yc1ci9mx3mgtq3pm3paq-wpengine.netdna-ssl.com/wp-content/uploads/2019/04/honey-bee-600x600.jpg[/img][/div]
[/div]
[div=background-color:black;color:gold;margin:10px;padding:5px;][align=center][size=150]HEADER 2[/size][/align][/div]
[div="display:grid;grid-template-columns: 2fr 3fr;grid-column-gap:10px;grid-template-areas:\"Left2 Right2\";margin:10px;"]
[div=grid-area:Left2;][img]https://17m7yc1ci9mx3mgtq3pm3paq-wpengine.netdna-ssl.com/wp-content/uploads/2019/04/honey-bee-600x600.jpg[/img][/div]
[div=grid-area:Right2;background-color:black;color:gold;padding:5px;]Bottom Text[/div]
[/div]
[/div]
@Madrigal

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest