Test thread — to test things out. Do not lock!

Testing new discourse/reddit style tables for my fantasy football rankings. I could just do it in a preview window but I need to post in order to check the width on my phone.

Week 1 Actual Scores

SDMB-Dynasty League - Week 1

Week 1 Actual Season Actual
1. Peteys 146.59 1. Peteys 146.59
2. Ellis 144.45 2. Ellis 144.45
3. Hamlet 132.00 3. Hamlet 132.00
4. Jules 127.00 4. Jules 127.00
5. RNATB 121.25 5. RNATB 121.25
6. Gaffer 103.50 6. Gaffer 103.50
7. Beef 101.55 7. Beef 101.55
8. Retro 100.20 8. Retro 100.20
9. Justin 95.51 9. Justin 95.51
10. Omni 83.95 10. Omni 83.95
11. Mundi 79.80 11. Mundi 79.80
12. dale 79.50 12. dale 79.50
Week 1 Actual Season Actual
1. Peteys 11-0 1. Peteys 11-0
2. Ellis 10-1 2. Ellis 10-1
3. Hamlet 9-2 3. Hamlet 9-2
4. Jules 8-3 4. Jules 8-3
5. RNATB 7-4 5. RNATB 7-4
6. Gaffer 6-5 6. Gaffer 6-5
7. Beef 5-6 7. Beef 5-6
8. Retro 4-7 8. Retro 4-7
9. Justin 3-8 9. Justin 3-8
10. Omni 2-9 10. Omni 2-9
11. Mundi 1-10 11. Mundi 1-10
12. dale 0-11 12. dale 0-11

.

Week 1 Potential Scores
Week 1 Potential Season Potential
1. Ellis 186.80 1. Ellis 186.80
2. Gaffer 168.05 2. Gaffer 168.05
3. Peteys 164.81 3. Peteys 164.81
4. Hamlet 154.80 4. Hamlet 154.80
5. Jules 152.10 5. Jules 152.10
6. RNATB 143.87 6. RNATB 143.87
7. Beef 133.85 7. Beef 133.85
8. Retro 130.25 8. Retro 130.25
9. Justin 127.45 9. Justin 127.45
10. dale 113.39 10. dale 113.39
11. Omni 112.18 11. Omni 112.18
12. Mundi 107.70 12. Mundi 107.70
Week 1 Potential Rnk Season Potential
1. Ellis 11-0 1. Ellis 11-0
2. Gaffer 10-1 2. Gaffer 10-1
3. Peteys 9-2 3. Peteys 9-2
4. Hamlet 8-3 4. Hamlet 8-3
5. Jules 7-4 5. Jules 7-4
6. RNATB 6-5 6. RNATB 6-5
7. Beef 5-6 7. Beef 5-6
8. Retro 4-7 8. Retro 4-7
9. Justin 3-8 9. Justin 3-8
10. dale 2-9 10. dale 2-9
11. Omni 1-10 11. Omni 1-10
12. Mundi 0-11 12. Mundi 0-11

.

Week 1 Coaching Grades
Week 1 Season
1. Peteys 89% B+ 1. Peteys 89% B+
2. Hamlet 85% B 2. Hamlet 85% B
3. RNATB 84% B 3. RNATB 84% B
4. Jules 83% B 4. Jules 83% B
5. Ellis 77% C+ 5. Ellis 77% C+
6. Retro 77% C 6. Retro 77% C
7. Beef 76% C 7. Beef 76% C
8. Justin 75% C 8. Justin 75% C
9. Omni 75% C 9. Omni 75% C
10. Mundi 74% C 10. Mundi 74% C
11. dale 70% C- 11. dale 70% C-
12. Gaffer 62% D- 12. Gaffer 62% D-

I wish I could put just a single blank line between details boxes.

I also wish I could add a single column header spanning two columns for the coaching grades.

Testing text colors, ideally using the same font as regular text. (All questions are rhetorical.)

Testing ${\color{blue}blue text}$ inline
Testing {\color{blue}Blue text} inline

First off, what happened to my space? Why is it capitalized? And why the italics? At least it’s blue.

Testing ${\color{blue}\text{blue text}}$ inline
Testing {\color{blue}\text{blue text}} inline

Got my space back, capitalization is preserved, and no bold or italics, just regular text. That’s progress, but it’s the wrong font. That looks roman to me.

Can I change the font, I wonder?

Testing ${\textrm{Roman font}}$ inline
Testing {\textrm{Roman font}} inline

Testing ${\texttt{Typewriter font}}$ inline
Testing {\texttt{Typewriter font}} inline

Hey, that’s courier, or at least it’s fixed space. That could come in handy someday.

Testing ${\textsf{Sans Serif font}}$ inline
Testing {\textsf{Sans Serif font}} inline

So close! This may be the closest we get.

Testing ${\textstyle{Style}}$ inline
Testing {\textstyle{Style}} inline

Okay, that looks like the default math font, I guess. It’s the same as my first example where no font info is specified, only color.

So using sans serif we could add some {\color{blue}\textsf{blue text}} or {\color{red}\textsf{red text}} or {\color{green}\textsf{green text}} and even though it’s not exactly the same as the default discourse font, it’s pretty close.

Let’s check the sizing:

add some ${\color{blue}\textsf{blue text}}$ or ${\color{red}\textsf{red text}}$ or ${\color{green}\textsf{green text}}$ and even
add some {\color{blue}\textsf{blue text}} or {\color{red}\textsf{red text}} or {\color{green}\textsf{green text}} and even
add some blue text or red text or green text and even

Yeah, noticeably wider, clearly a different font. Still, close enough! So, for colored text that blends in, use the \color command to set the color and then the \textsf command to print the text:

this is ${\color{magenta}\textsf{magenta text}}$ inline
this is {\color{magenta}\textsf{magenta text}} inline

Learned my something new for the day. Apologies if this is duplicate info from earlier in the thread.

And finally, the list of natively supported colors (according to this page on overleaf.com) are:

red, orange, yellow, green, blue, violet
white, lightgray, gray, darkgray, black
brown, cyan, lime, magenta, olive, pink, purple, teal

Can’t resist:

{\color{red}\textsf{red}},{\color{orange}\textsf{orange}}, {\color{yellow}\textsf{yellow}}, {\color{green}\textsf{green}}, {\color{blue}\textsf{blue}}, {\color{violet}\textsf{violet}}
{\color{white}\textsf{white}},{\color{lightgray}\textsf{lightgray}},{\color{gray}\textsf{gray}},{\color{darkgray}\textsf{darkgray}},{\color{black}\textsf{black}}
{\color{brown}\textsf{brown}},{\color{cyan}\textsf{cyan}},{\color{lime}\textsf{lime}},{\color{magenta}\textsf{magenta}},{\color{olive}\textsf{olive}},{\color{pink}\textsf{pink}},{\color{purple}\textsf{purple}},{\color{teal}\textsf{teal}}

Looks like it forces a space before and after the colored text, so try not to have any punctuation after it. And it wouldn’t do rainbow lettering very well, where each letter is a different color. Otherwise, sure, this works fine. Nice.

EDIT: Now checking on my phone, all the colored text is noticeably smaller than the regular text. On my computer, the colored text was just slightly larger than regular text.

I’m assuming I’ve set different text size on my computer versus on my phone for the boards, and that the mathjax text ignores that sizing. Still, works fine for my specific application at least.

Week 1 Actual Season Actual
1. Peteys {\color{green}\textsf{+3}} 146.59 1. Peteys {\color{green}\textsf{+1}} 146.59
2. Ellis {\color{red}\textsf{-5}} 144.45 2. Ellis {\color{red}\textsf{-2}} 144.45

Not quite as nice as I was hoping.

Testing red text with ‘del’ tags and green text with ‘ins’ tags.

Week 1 Actual Season Actual
1. Peteys +3 146.59 1. Peteys +1 146.59
2. Ellis -5 144.45 2. Ellis -2 144.45

So close!

Is there a way to do just the coloring of delete and insert tags without the strikethru / underline lines?

An easy way to color text? Who would want that? I mean it’s not like endless scrolling!

Imgur

Good job, but how’d you do it?

Putting the image links into the poll choices didn’t work the way I wanted.

Found one more:

Testing <mark>highlight text</mark> inline
Testing highlight text inline

[poll type=regular]
* ![IMAGE](https://i.pinimg.com/474x/15/10/4f/15104f78cb83e3cefaf63ecc718a2a43.jpg)
* ![IMAGE](https://styles.redditmedia.com/t5_2zexl/styles/communityIcon_dv2ks8krg3561.png)
[/poll]

Post for activity.

Reply test, no quote.

Testing embedding a video image.

Wow, nothing to it. It was simple so it flummoxed me.

strikethrough!

Link on line. Here’s hoping I remember this simple thing next time.

Personally, I say that \small{\textsf{small sans serif}} is the best. It’s technically the same font size, albeit a different font. For numbers it would probably look perfectly fine.

With my tweaker script, I actually changed small sans to map to the same font as the plain text, so I can’t check for sure.

Hmmm. Small is good. I might try that. Thanks much!

ETA: It’s the same textsf I tried up thread. It actually renders slightly larger than regular text on my computer screen, but much smaller here on my phone. At least your inline text example. In the tables it’s the opposite: a little smaller on my computer screen, but a little bigger here on my phone.

I posted the proof of concept above in post 163.

Doesn’t appear to quote very well. That may be all tables, though.

Also, the broken codes here remind me that there is something to be said for the uncluttered simplicity of plain text.

Finally!
{\color{blue}{(...)}}
A way to clearly mark text I’ve edited, with a mouse over!

Well that didn’t work.

If I don’t put parentheses around the image URLs, it just shows the image link but not the image.
If I do put parentheses around the URL, when I try to post it says “Sorry, you can’t embed media items in a post”. Tried Imgur and Postimage, both fail. (But Imgur usually works in non-poll posts. I think. Or is it the other one? I forget.)
Okay, I’ll try using direct links.

Still no good. No good, no good, no good.
Using Chrome. Oh, and I added the asterisk+space in front of ![IMAGE], which I somehow missed doing two posts above.

I will now paste Engineer comp geek’s code into this one and see what happens. It seemingly worked before, but now it doesn’t

Nothing. What?

Now opened with Safari. Still no dice.

Someone did it successfully upthread. If you find it and quote it, you’ll see how it’s done.