Register - Login
Views: 99393334
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-24-22 10:24:16 AM
Jul - Meta - post layouts? New poll - New thread - Thread closed
Pages: 1 2 Next newer thread | Next older thread
Xkeeper

Level: 263


Posts: 22878/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 04:38:44 PM (last edited by Xkeeper at 01-19-18 08:45:26 PM) Link
To anybody reading this: the OP deleted all of their posts in this thread for some reason, sorry. This was a thread about how post layouts worked here. Other posts are left for posterity.




"Post header" and "Signature" fields in your profile edit page control that. You can use (most) HTML there.

Play with it some and observe the results on your profile page! Just note that all of it is already inside the html/body/table/tr/td from the board itself, so you'll probably want to use a simple <div>. (If you're crafty, you can also use CSS, but you'll have to strip out newlines or host it offsite on HTTPS somewhere...)

E: For example, here's my header and footer, respectively. These totally broke the tables oops

(no longer needed)
Sanqui
2060
💛🤍💜🖤🦉
Level: 87


Posts: 1630/2066
EXP: 6305069
For next: 87705

Since: 12-20-09

Pronouns: any ✨
From: Czechia | Estonia

Since last post: 6 days
Last activity: 1 day
Posted on 01-19-18 04:45:50 PM (last edited by Sanqui at 01-19-18 04:46:01 PM) Link


*Sanqui flops, wings involved.

level 74

exp 3575739

exppct 53.6%

numposts 1630

 
A good thing to note here is that the board automatically replaces all newlines with <br>, even in a <style> tag. So either avoid them entirely, or a trick I've used is to stick /* and */ around each newline, turning it into a CSS comment.

____________________
In our brief lives,  •  we've managed to meet.  •  Treasure this gift,  •  this precious time that we have.        
Xkeeper

Level: 263


Posts: 22880/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 04:49:29 PM Link
Originally posted by Sanqui
A good thing to note here is that the board automatically replaces all newlines with <br>, even in a <style> tag. So either avoid them entirely, or a trick I've used is to stick /* and */ around each newline, turning it into a CSS comment.

There should probably be a way to fix that, honestly. I've been thinking that it might be a good idea to add in a new field for CSS (instead of stuffing it into headers), and then we can just show that at the top of each page, once; and not convert it.

I know we did something to fix that with tables, though? Because they would cause a ton of newlines if you didn't smoosh all the tags together, I thought.

test message please ignore


I just, amusingly, can't find where that lives in the code. But I'm also not checking very hard at the moment. (Something similar would probably need to be done for ul/ol/li and friends, too. Bah. Maybe a "raw HTML" pseudotag like Dreamwidth has.)

____________________
(Lv 240 with 214836244 EXP)
RanAS
Member
Level: 55


Posts: 309/844
EXP: 1286472
For next: 27717

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 01-19-18 05:36:42 PM Link
Originally posted by maple
hmmm ok i think i'm getting the hang of it

but i feel like there could be a bit more documentation? like what the forum uses in things like blockquotes so you know to expect those in your css or something...

This is all the CSS that the website applies to posts by default (I think):

<style> body {font-size: 13px; font-family: Verdana; color: #FFFFFF;}

.fonts {font-size: 10px; font-family: Verdana;} .blockquote {margin: 1em 40px 1em 40px;}

a {color: #BEBAFE; text-decoration: none; font-weight: bold;} a:visited {color: #9990C0;}</style>


And this is the HTML for the sample posts:

Sample text.

<blockquote>

  <font class="fonts"><i>Originally posted by fhqwhgads</i></font>

  <hr>

  A sample quote, with a <a href="about:blank">link</a>, for testing your layout.

  <hr>

</blockquote>

This is how your post will appear.

<br>

<blockquote>

  <hr>

  <code>

    Code test.

  </code>

  <hr>

</blockquote>


I generally use this website here to test out post layouts without having to edit my profile every time, but there are many other websites for previewing HTML code.

Originally posted by maple
as for hosting css elsewhere does it absolutely need to be https or can it be http? how would i do that, is <link> supported rather than <style>?

I believe it needs to be HTTPS in order to load properly, but I'm not sure. You don't need to use <link>, you can use <style> @import url('URLGOESHERE'); </style>

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
Xkeeper

Level: 263


Posts: 22882/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:20:39 PM Link
The "preferred" way to use CSS is using @import instead of <link> (just because one is async), but that might have changed over the last 13 years.

HTTPS is required for it to work if you browse Jul over HTTPS (which is generally the default, but you can browse insecurely if you want; it works either way)

____________________
(Lv 240 with 214866179 EXP)
Kak

...
Level: 80


Posts: 1645/1928
EXP: 4755100
For next: 27869

Since: 09-03-13

From: ???

Since last post: 60 days
Last activity: 57 days
Posted on 01-19-18 06:25:49 PM Link
KLayout 4.0
Originally posted by Xkeeper
There should probably be a way to fix that, honestly. I've been thinking that it might be a good idea to add in a new field for CSS (instead of stuffing it into headers), and then we can just show that at the top of each page, once; and not convert it.
That would be kinda interesting. Being able to cleanly separate the CSS from the rest also means you could show the multi line CSS directly in the profile page without being forced to navigate through the page source. Would have saved a lot of hassle for 2014 me, heh.

Though I guess implementing it would also require to save separately old versions of the CSS and the header.


Of course, the easy correct alternative would be "just don't convert newlines in the header and screw over plain text headers as a bonus". It's just one less sbr() in the edit profile page

*Kak runs

____________________
You may or may not be able to recognize where I stole this grid background from.
Stats
Kak
aka Schezo
Level: 68
Days: 1599
Ranked: 60
Links
???
Twitter
YouTube
Website
Xkeeper

Level: 263


Posts: 22884/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:28:05 PM Link
I think it might've fallen out of use but it's apparently still alive and well. One of its original properties back in the day was that the page would still load and display as normal, it would just re-style the content once the file downloaded. <link> on the other hand would wait until the CSS finished downloading until rendering the rest of the content — this could get real bad if someone's CSS went down (in which case every time they posted it'd delay rendering even more...)

For some reason, your layout is mostly invisible. I don't see any issues with the code, but the border does not appear properly in Chromium here. Hmm...

____________________
(Lv 240 with 214894494 EXP)
Xkeeper

Level: 263


Posts: 22885/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:30:28 PM (last edited by Xkeeper at 01-19-18 06:31:31 PM) Link
Originally posted by Kak
Originally posted by Xkeeper
There should probably be a way to fix that, honestly. I've been thinking that it might be a good idea to add in a new field for CSS (instead of stuffing it into headers), and then we can just show that at the top of each page, once; and not convert it.
That would be kinda interesting. Being able to cleanly separate the CSS from the rest also means you could show the multi line CSS directly in the profile page without being forced to navigate through the page source. Would have saved a lot of hassle for 2014 me, heh.

Though I guess implementing it would also require to save separately old versions of the CSS and the header.


Of course, the easy correct alternative would be "just don't convert newlines in the header and screw over plain text headers as a bonus". It's just one less sbr() in the edit profile page

*Kak runs

The problem with that is you have to also do that for editing posts, and you're introducing an inconsistency for users who expect to be able to use normal signatures that are mostly-text, of which quite a few people still do!

Saving different versions isn't actually that complicated as it is — the board stores every header and signature already by checking for a unique version. (Though this could probably be optimized so that they're only stored once used one time, instead of being looked up every time you post. But at the same time we have to be sure that you aren't just editing your layout repeatedly without posting, which would save a new version each time. Ah, decisions.)


E: Saving styles separately would also mean that &tags& would stop working, but I don't know if that's an issue worth caring about since you shouldn't be using those in CSS anyway. Unless you're being really weird and styling your entire layout per-post (which is even worse...)

____________________
(Lv 240 with 214908626 EXP)
Xkeeper

Level: 263


Posts: 22886/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:40:04 PM Link
The first thing I checked was MDN and supposedly it's supported there (and the example even works), so now I'm really confused.

____________________
(Lv 240 with 214922899 EXP)
Xkeeper

Level: 263


Posts: 22887/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:42:00 PM Link
Of course:
Though the specification requires that border-style must be present if border-image is used, some browsers may not implement this.


This is the case. I can get it to sort of show up if I manually insert a border: 30px solid; rule (but obviously that isn't quite correct in this case); I guess Chrome just requires this but Firefox doesn't.

____________________
(Lv 240 with 214937023 EXP)
Xkeeper

Level: 263


Posts: 22888/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:51:19 PM (last edited by Xkeeper at 01-19-18 06:51:41 PM) Link
ah, continually shitty software, or css for short. i love the web

FUN RETRO FACT: back in my day we would have made that layout using tables

____________________
(Lv 240 with 214951290 EXP)
Xkeeper

Level: 263


Posts: 22891/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:57:57 PM Link




If you can somehow make the uncolored parts the background color it will probably be fine, but good lord this is 2018 why is everything still this awful

____________________
(Lv 240 with 214993682 EXP)
Xkeeper

Level: 263


Posts: 22892/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:58:27 PM Link
Oh, it's also possible that it's conflicting with your older layouts (style rules and such), whoops. You can try editing it into your other posts or just removing the layout from those or whatever.

____________________
(Lv 240 with 215007780 EXP)
Ben_
User
Level: 8


Posts: 5/13
EXP: 1858
For next: 329

Since: 01-03-18

From: Sweden

Since last post: 3.5 years
Last activity: 278 days
Posted on 01-19-18 06:59:51 PM Link
Webdev is finicky and often infuriating, because things that should otherwise work don't.
Xkeeper

Level: 263


Posts: 22893/25343
EXP: 296722325
For next: 2238128

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 01-19-18 06:59:59 PM Link
The good news is that this is a new page and it looks fine. Hooray!

You can turn on auto-updating layouts in your profile, but that only changes it for you (and makes everyone's posts use their latest layout, always).

It's usually not a problem as long as you use unique styles per post layout.

____________________
(Lv 240 with 215021898 EXP)
RanAS
Member
Level: 55


Posts: 310/844
EXP: 1286472
For next: 27717

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 01-19-18 07:20:24 PM Link
border-image is a mess to work with for some reason, so I usually let this website take care of the issue for me. You don't need any of the prefixed versions that the website provides (example: "-moz-border-image") since all major browsers simply accept border-image now.

in theory I should actually learn how it works instead of relying on generators, but border-image can be counter-intuitive at times

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
maple
Member
Level: 24


Posts: 14/153
EXP: 74645
For next: 3480

Since: 01-19-18

From: a linode vps

Since last post: 4.2 years
Last activity: 3.8 years
Posted on 01-20-18 05:37:50 PM (last edited by maple at 01-21-18 07:44:49 AM) Link
hi i'm maple
hi. sorry about deleting my posts here, i had a panic attack yesterday and yeah i was trying to delete the thread itself.

anyway i have an animated bg now

____________________
visit maple's website
maple
Member
Level: 24


Posts: 24/153
EXP: 74645
For next: 3480

Since: 01-19-18

From: a linode vps

Since last post: 4.2 years
Last activity: 3.8 years
Posted on 01-21-18 07:43:31 AM (last edited by maple at 01-21-18 07:43:53 AM) Link
hi i'm maple
double post just cause i wanted to ask a new question

so i got a uwsgi python script working here at the moment which returns a plaintext string

is there any js-less way of including that as html content, namely to be used in the window title of my post layout?

____________________
visit maple's website
RanAS
Member
Level: 55


Posts: 314/844
EXP: 1286472
For next: 27717

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 01-21-18 08:41:48 AM Link
Originally posted by maple
double post just cause i wanted to ask a new question

so i got a uwsgi python script working here at the moment which returns a plaintext string

is there any js-less way of including that as html content, namely to be used in the window title of my post layout?

I generally see people do that with images rather than text. You'd just generate the text on the server and then convert it to an image somehow, and put an <img> on the post. I assume generating images is easier to do with PHP than Python though...

There's another way, and that is having the server generate a CSS file. It would generate, for example:

.maple-window-title > span::before {content: "Hello World";}

Then you'd just need to randomize the content property and @import the file that Python generates, and there you go probably. It should show up as normal text.

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
maple
Member
Level: 24


Posts: 25/153
EXP: 74645
For next: 3480

Since: 01-19-18

From: a linode vps

Since last post: 4.2 years
Last activity: 3.8 years
Posted on 01-21-18 04:23:08 PM (last edited by maple at 01-21-18 11:12:06 PM) Link
Originally posted by RanAS
There's another way, and that is having the server generate a CSS file.

ohhh i didn't think of that! that's a pretty elegant solution, thank you!

i didn't want to generate images cause it feels a bit wasteful, can't be selected as text, and probably would break layout on different screens


____________________
visit maple's website
Pages: 1 2 Next newer thread | Next older thread
Jul - Meta - post layouts? New poll - New thread - Thread closed


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

29 database queries, 4 query cache hits.
Query execution time:  0.092162 seconds
Script execution time:  0.044216 seconds
Total render time:  0.136378 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 166 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 97 - Warning: unescaped & or unknown entity "&page"
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 132 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 176 column 13 - Warning: missing <tr>
line 193 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 195 column 9 - Warning: missing <tr>
line 213 column 13 - Warning: missing <tr>
line 216 column 74 - Warning: <style> isn't allowed in <td> elements
line 216 column 9 - Info: <td> previously mentioned
line 216 column 613 - Warning: <style> isn't allowed in <td> elements
line 216 column 9 - Info: <td> previously mentioned
line 216 column 3831 - Warning: '<' + '/' + letter not allowed here
line 221 column 20 - Warning: '<' + '/' + letter not allowed here
line 221 column 34 - Warning: '<' + '/' + letter not allowed here
line 225 column 21 - Warning: '<' + '/' + letter not allowed here
line 238 column 940 - Warning: discarding unexpected </div>
line 238 column 946 - Warning: discarding unexpected </div>
line 238 column 952 - Warning: discarding unexpected </td>
line 241 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 243 column 9 - Warning: missing <tr>
line 261 column 13 - Warning: missing <tr>
line 264 column 74 - Warning: <style> isn't allowed in <td> elements
line 264 column 9 - Info: <td> previously mentioned
line 274 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 276 column 9 - Warning: missing <tr>
line 294 column 13 - Warning: missing <tr>
line 297 column 74 - Warning: <style> isn't allowed in <td> elements
line 297 column 9 - Info: <td> previously mentioned
line 331 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 333 column 9 - Warning: missing <tr>
line 351 column 13 - Warning: missing <tr>
line 354 column 74 - Warning: <style> isn't allowed in <td> elements
line 354 column 9 - Info: <td> previously mentioned
line 359 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 361 column 9 - Warning: missing <tr>
line 379 column 13 - Warning: missing <tr>
line 382 column 74 - Warning: <style> isn't allowed in <td> elements
line 382 column 9 - Info: <td> previously mentioned
line 394 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 396 column 9 - Warning: missing <tr>
line 414 column 13 - Warning: missing <tr>
line 417 column 74 - Warning: <style> isn't allowed in <td> elements
line 417 column 9 - Info: <td> previously mentioned
line 422 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 424 column 9 - Warning: missing <tr>
line 442 column 13 - Warning: missing <tr>
line 445 column 74 - Warning: <style> isn't allowed in <td> elements
line 445 column 9 - Info: <td> previously mentioned
line 461 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 463 column 9 - Warning: missing <tr>
line 481 column 13 - Warning: missing <tr>
line 484 column 74 - Warning: <style> isn't allowed in <td> elements
line 484 column 9 - Info: <td> previously mentioned
line 487 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 489 column 9 - Warning: missing <tr>
line 507 column 13 - Warning: missing <tr>
line 510 column 74 - Warning: <style> isn't allowed in <td> elements
line 510 column 9 - Info: <td> previously mentioned
line 516 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 518 column 9 - Warning: missing <tr>
line 536 column 13 - Warning: missing <tr>
line 539 column 74 - Warning: <style> isn't allowed in <td> elements
line 539 column 9 - Info: <td> previously mentioned
line 544 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 546 column 9 - Warning: missing <tr>
line 564 column 13 - Warning: missing <tr>
line 567 column 74 - Warning: <style> isn't allowed in <td> elements
line 567 column 9 - Info: <td> previously mentioned
line 574 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 576 column 9 - Warning: missing <tr>
line 594 column 13 - Warning: missing <tr>
line 597 column 74 - Warning: <style> isn't allowed in <td> elements
line 597 column 9 - Info: <td> previously mentioned
line 600 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 602 column 9 - Warning: missing <tr>
line 620 column 13 - Warning: missing <tr>
line 626 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 628 column 9 - Warning: missing <tr>
line 646 column 13 - Warning: missing <tr>
line 649 column 74 - Warning: <style> isn't allowed in <td> elements
line 649 column 9 - Info: <td> previously mentioned
line 656 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 658 column 9 - Warning: missing <tr>
line 676 column 13 - Warning: missing <tr>
line 679 column 74 - Warning: <style> isn't allowed in <td> elements
line 679 column 9 - Info: <td> previously mentioned
line 684 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 686 column 9 - Warning: missing <tr>
line 704 column 13 - Warning: missing <tr>
line 707 column 74 - Warning: <style> isn't allowed in <td> elements
line 707 column 9 - Info: <td> previously mentioned
line 709 column 490 - Warning: missing </a> before </div>
line 712 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 714 column 9 - Warning: missing <tr>
line 732 column 13 - Warning: missing <tr>
line 735 column 74 - Warning: <style> isn't allowed in <td> elements
line 735 column 9 - Info: <td> previously mentioned
line 739 column 638 - Warning: missing </a> before </div>
line 742 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 744 column 9 - Warning: missing <tr>
line 762 column 13 - Warning: missing <tr>
line 765 column 74 - Warning: <style> isn't allowed in <td> elements
line 765 column 9 - Info: <td> previously mentioned
line 778 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 780 column 9 - Warning: missing <tr>
line 798 column 13 - Warning: missing <tr>
line 801 column 74 - Warning: <style> isn't allowed in <td> elements
line 801 column 9 - Info: <td> previously mentioned
line 805 column 776 - Warning: missing </a> before </div>
line 808 column 17 - Warning: missing <tr>
line 808 column 17 - Warning: discarding unexpected <table>
line 811 column 35 - Warning: missing <tr>
line 811 column 97 - Warning: unescaped & or unknown entity "&page"
line 811 column 50 - Warning: missing </font> before </td>
line 811 column 132 - Warning: missing </font> before </table>
line 813 column 35 - Warning: missing <tr>
line 813 column 50 - Warning: missing </font> before </td>
line 814 column 37 - Warning: unescaped & or unknown entity "&id"
line 813 column 166 - Warning: missing </font> before </table>
line 815 column 17 - Warning: discarding unexpected </textarea>
line 815 column 28 - Warning: discarding unexpected </form>
line 815 column 35 - Warning: discarding unexpected </embed>
line 815 column 43 - Warning: discarding unexpected </noembed>
line 815 column 53 - Warning: discarding unexpected </noscript>
line 815 column 64 - Warning: discarding unexpected </noembed>
line 815 column 74 - Warning: discarding unexpected </embed>
line 815 column 82 - Warning: discarding unexpected </table>
line 815 column 90 - Warning: discarding unexpected </table>
line 817 column 9 - Warning: missing </font> before <table>
line 829 column 25 - Warning: discarding unexpected </font>
line 838 column 57 - Warning: discarding unexpected </font>
line 816 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 216 - Warning: <img> proprietary attribute value "absmiddle"
line 161 column 23 - Warning: <img> lacks "alt" attribute
line 161 column 64 - Warning: <img> lacks "alt" attribute
line 161 column 113 - Warning: <img> lacks "alt" attribute
line 161 column 163 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 197 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 197 column 16 - Warning: <img> lacks "alt" attribute
line 197 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 197 column 59 - Warning: <img> lacks "alt" attribute
line 197 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 197 column 102 - Warning: <img> lacks "alt" attribute
line 197 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 197 column 145 - Warning: <img> lacks "alt" attribute
line 198 column 22 - Warning: <img> lacks "alt" attribute
line 198 column 63 - Warning: <img> lacks "alt" attribute
line 198 column 112 - Warning: <img> lacks "alt" attribute
line 198 column 162 - Warning: <img> lacks "alt" attribute
line 199 column 11 - Warning: <img> lacks "alt" attribute
line 209 column 15 - Warning: <img> lacks "alt" attribute
line 246 column 23 - Warning: <img> lacks "alt" attribute
line 246 column 64 - Warning: <img> lacks "alt" attribute
line 246 column 113 - Warning: <img> lacks "alt" attribute
line 246 column 163 - Warning: <img> lacks "alt" attribute
line 247 column 11 - Warning: <img> lacks "alt" attribute
line 257 column 15 - Warning: <img> lacks "alt" attribute
line 279 column 22 - Warning: <img> lacks "alt" attribute
line 279 column 63 - Warning: <img> lacks "alt" attribute
line 279 column 112 - Warning: <img> lacks "alt" attribute
line 279 column 162 - Warning: <img> lacks "alt" attribute
line 280 column 11 - Warning: <img> lacks "alt" attribute
line 290 column 15 - Warning: <img> lacks "alt" attribute
line 336 column 23 - Warning: <img> lacks "alt" attribute
line 336 column 64 - Warning: <img> lacks "alt" attribute
line 336 column 113 - Warning: <img> lacks "alt" attribute
line 336 column 163 - Warning: <img> lacks "alt" attribute
line 337 column 11 - Warning: <img> lacks "alt" attribute
line 347 column 15 - Warning: <img> lacks "alt" attribute
line 354 column 901 - Warning: <div> anchor "xklayout" already defined
line 363 column 11 - Warning: <img> lacks "alt" attribute
line 364 column 22 - Warning: <img> lacks "alt" attribute
line 364 column 63 - Warning: <img> lacks "alt" attribute
line 364 column 112 - Warning: <img> lacks "alt" attribute
line 364 column 162 - Warning: <img> lacks "alt" attribute
line 365 column 11 - Warning: <img> lacks "alt" attribute
line 375 column 15 - Warning: <img> lacks "alt" attribute
line 387 column 2854 - Warning: <img> proprietary attribute value "absmiddle"
line 387 column 2854 - Warning: <img> lacks "alt" attribute
line 389 column 3382 - Warning: <img> lacks "alt" attribute
line 399 column 23 - Warning: <img> lacks "alt" attribute
line 399 column 64 - Warning: <img> lacks "alt" attribute
line 399 column 113 - Warning: <img> lacks "alt" attribute
line 399 column 163 - Warning: <img> lacks "alt" attribute
line 400 column 11 - Warning: <img> lacks "alt" attribute
line 410 column 15 - Warning: <img> lacks "alt" attribute
line 417 column 901 - Warning: <div> anchor "xklayout" already defined
line 427 column 23 - Warning: <img> lacks "alt" attribute
line 427 column 64 - Warning: <img> lacks "alt" attribute
line 427 column 113 - Warning: <img> lacks "alt" attribute
line 427 column 163 - Warning: <img> lacks "alt" attribute
line 428 column 11 - Warning: <img> lacks "alt" attribute
line 438 column 15 - Warning: <img> lacks "alt" attribute
line 445 column 901 - Warning: <div> anchor "xklayout" already defined
line 450 column 1998 - Warning: <img> proprietary attribute value "absmiddle"
line 450 column 1998 - Warning: <img> lacks "alt" attribute
line 466 column 23 - Warning: <img> lacks "alt" attribute
line 466 column 64 - Warning: <img> lacks "alt" attribute
line 466 column 113 - Warning: <img> lacks "alt" attribute
line 466 column 163 - Warning: <img> lacks "alt" attribute
line 467 column 11 - Warning: <img> lacks "alt" attribute
line 477 column 15 - Warning: <img> lacks "alt" attribute
line 484 column 901 - Warning: <div> anchor "xklayout" already defined
line 492 column 23 - Warning: <img> lacks "alt" attribute
line 492 column 64 - Warning: <img> lacks "alt" attribute
line 492 column 113 - Warning: <img> lacks "alt" attribute
line 492 column 163 - Warning: <img> lacks "alt" attribute
line 493 column 11 - Warning: <img> lacks "alt" attribute
line 503 column 15 - Warning: <img> lacks "alt" attribute
line 510 column 901 - Warning: <div> anchor "xklayout" already defined
line 521 column 23 - Warning: <img> lacks "alt" attribute
line 521 column 64 - Warning: <img> lacks "alt" attribute
line 521 column 113 - Warning: <img> lacks "alt" attribute
line 521 column 163 - Warning: <img> lacks "alt" attribute
line 522 column 11 - Warning: <img> lacks "alt" attribute
line 532 column 15 - Warning: <img> lacks "alt" attribute
line 539 column 901 - Warning: <div> anchor "xklayout" already defined
line 549 column 23 - Warning: <img> lacks "alt" attribute
line 549 column 64 - Warning: <img> lacks "alt" attribute
line 549 column 113 - Warning: <img> lacks "alt" attribute
line 549 column 163 - Warning: <img> lacks "alt" attribute
line 550 column 11 - Warning: <img> lacks "alt" attribute
line 560 column 15 - Warning: <img> lacks "alt" attribute
line 567 column 901 - Warning: <div> anchor "xklayout" already defined
line 567 column 982 - Warning: <img> lacks "alt" attribute
line 569 column 1046 - Warning: <img> lacks "alt" attribute
line 579 column 23 - Warning: <img> lacks "alt" attribute
line 579 column 64 - Warning: <img> lacks "alt" attribute
line 579 column 113 - Warning: <img> lacks "alt" attribute
line 579 column 163 - Warning: <img> lacks "alt" attribute
line 580 column 11 - Warning: <img> lacks "alt" attribute
line 590 column 15 - Warning: <img> lacks "alt" attribute
line 597 column 901 - Warning: <div> anchor "xklayout" already defined
line 605 column 21 - Warning: <img> lacks "alt" attribute
line 605 column 62 - Warning: <img> lacks "alt" attribute
line 605 column 111 - Warning: <img> lacks "alt" attribute
line 605 column 161 - Warning: <img> lacks "alt" attribute
line 616 column 15 - Warning: <img> lacks "alt" attribute
line 631 column 23 - Warning: <img> lacks "alt" attribute
line 631 column 64 - Warning: <img> lacks "alt" attribute
line 631 column 113 - Warning: <img> lacks "alt" attribute
line 631 column 163 - Warning: <img> lacks "alt" attribute
line 632 column 11 - Warning: <img> lacks "alt" attribute
line 642 column 15 - Warning: <img> lacks "alt" attribute
line 649 column 901 - Warning: <div> anchor "xklayout" already defined
line 649 column 1050 - Warning: <img> proprietary attribute value "absmiddle"
line 649 column 1050 - Warning: <img> lacks "alt" attribute
line 661 column 22 - Warning: <img> lacks "alt" attribute
line 661 column 63 - Warning: <img> lacks "alt" attribute
line 661 column 112 - Warning: <img> lacks "alt" attribute
line 661 column 162 - Warning: <img> lacks "alt" attribute
line 662 column 11 - Warning: <img> lacks "alt" attribute
line 672 column 15 - Warning: <img> lacks "alt" attribute
line 689 column 22 - Warning: <img> lacks "alt" attribute
line 689 column 63 - Warning: <img> lacks "alt" attribute
line 689 column 112 - Warning: <img> lacks "alt" attribute
line 689 column 162 - Warning: <img> lacks "alt" attribute
line 690 column 11 - Warning: <img> lacks "alt" attribute
line 700 column 15 - Warning: <img> lacks "alt" attribute
line 717 column 22 - Warning: <img> lacks "alt" attribute
line 717 column 63 - Warning: <img> lacks "alt" attribute
line 717 column 112 - Warning: <img> lacks "alt" attribute
line 717 column 162 - Warning: <img> lacks "alt" attribute
line 718 column 11 - Warning: <img> lacks "alt" attribute
line 728 column 15 - Warning: <img> lacks "alt" attribute
line 747 column 22 - Warning: <img> lacks "alt" attribute
line 747 column 63 - Warning: <img> lacks "alt" attribute
line 747 column 112 - Warning: <img> lacks "alt" attribute
line 747 column 162 - Warning: <img> lacks "alt" attribute
line 748 column 11 - Warning: <img> lacks "alt" attribute
line 758 column 15 - Warning: <img> lacks "alt" attribute
line 783 column 22 - Warning: <img> lacks "alt" attribute
line 783 column 63 - Warning: <img> lacks "alt" attribute
line 783 column 112 - Warning: <img> lacks "alt" attribute
line 783 column 162 - Warning: <img> lacks "alt" attribute
line 784 column 11 - Warning: <img> lacks "alt" attribute
line 794 column 15 - Warning: <img> lacks "alt" attribute
line 814 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 814 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 814 column 216 - Warning: <img> proprietary attribute value "absmiddle"
line 823 column 25 - Warning: <img> lacks "alt" attribute
line 828 column 267 - Warning: <img> lacks "alt" attribute
line 801 column 310 - Warning: trimming empty <span>
line 808 column 17 - Warning: trimming empty <tr>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 214 column 27 - Warning: <nobr> is not approved by W3C
line 262 column 27 - Warning: <nobr> is not approved by W3C
line 295 column 27 - Warning: <nobr> is not approved by W3C
line 352 column 27 - Warning: <nobr> is not approved by W3C
line 380 column 27 - Warning: <nobr> is not approved by W3C
line 415 column 27 - Warning: <nobr> is not approved by W3C
line 443 column 27 - Warning: <nobr> is not approved by W3C
line 482 column 27 - Warning: <nobr> is not approved by W3C
line 508 column 27 - Warning: <nobr> is not approved by W3C
line 537 column 27 - Warning: <nobr> is not approved by W3C
line 565 column 27 - Warning: <nobr> is not approved by W3C
line 595 column 27 - Warning: <nobr> is not approved by W3C
line 621 column 27 - Warning: <nobr> is not approved by W3C
line 647 column 27 - Warning: <nobr> is not approved by W3C
line 677 column 27 - Warning: <nobr> is not approved by W3C
line 705 column 27 - Warning: <nobr> is not approved by W3C
line 733 column 27 - Warning: <nobr> is not approved by W3C
line 763 column 27 - Warning: <nobr> is not approved by W3C
line 799 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 310 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md