Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Broken "<" symbol in page entries #440

Open
rodarima opened this issue Jul 18, 2024 · 1 comment
Open

Broken "<" symbol in page entries #440

rodarima opened this issue Jul 18, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@rodarima
Copy link

The generator program seems to be writing &LT instead of &lt; in all pages:

250kb-club/public/dillo-browser-github-io/index.html

Lines 1 to 6 in f53a2e3

<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body{font:16px/1.4 sans-serif;margin:0;padding:0;background:white;color:#333}body>footer,body>header,main{max-width:calc(720px - 2em);width:calc(100% - 2em);margin:0 auto;padding:0 1em}#main-footer{border-top:1px solid lightgrey;margin:3rem auto 0;font-size:85%}main{margin:3em auto}h1{font:small-caps 700 2.2em/1.4 sans-serif;letter-spacing:6px;text-align:center;margin-top:1.2em}h2{font:small-caps 700 2.0em/1.4 sans-serif;letter-spacing:5px;text-align:center}p{text-align:justify}a,a:visited {color:currentColor;text-decoration:underline}#donate,label,select{padding:.25em .5em;border:2px solid gray;background:none;color:currentColor;font:inherit}ol{list-style:none;padding:0}li{margin-bottom:1em;background:#0002}aside{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-end;gap:.5em}.hidden{visibility:hidden}.big{font-size:1.5em}.center{text-align:center}#info-toggle{display:none}#info-toggle ~ label{text-align:center}#info-toggle ~ label > .info-close{display:none}#info-toggle:checked ~ label > .info-close {display:inline}#info-toggle:checked ~ label > .info-text {display:none}#info-popup{display:none;position:absolute;top:2.5em;left:-1em;width:calc(720px - 2em - 6px);max-width:calc(100vw - 2em - 6px);padding:0 1em;background:#fff;border:3px solid #DDD}#info-toggle:checked ~ #info-popup {display:block}.entry{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:.5em .5em 0;height:2em;line-height:2em;font-size:1.3em}.entry > .url{flex:1 1 auto;width:70%;overflow:hidden;text-overflow:ellipsis}.entry > .open-page,.entry > .ratio,.entry > .size{flex:0 0 auto;width:10%;text-align:right}.entry > .open-page img{max-height:32px;margin-top:4px}.entry-ratio-bar,.entry-size-bar{height:0;margin-bottom:2px;border-bottom:2px solid}.entry-ratio-bar.highlighted,.entry-size-bar.highlighted{border-bottom-width:4px}.entry-size-bar{border-bottom-color:#e44;width:calc(var(--size)/256 * 100%)}.entry-ratio-bar{border-bottom-color:#56b;width:var(--ratio)}#pager{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.badges > img{margin-bottom:-5px}pre{display:block;height:11em;background:#8885}@media (prefers-color-scheme:dark){body{background:#222;color:white}#info-popup{background:#000;border:#444}}</style><body><main id=member><h1 class="p-name dated" id=title>dillo-browser.github.io</h1><p class="big center">Proud member of the exclusive 250KB Club!<p><time class=dt-published content=2024-07-14 datetime=2024-07-14 itemprop=datePublished pubdate> Added: 2024-07-14 </time> | <time class=dt-published content=2024-07-14 datetime=2024-07-14 itemprop=datePublished pubdate> Last updated: 2024-07-14 </time><p class=e-content><a rel="noopener nofollow" href=https://dillo-browser.github.io/ target=_blank>dillo-browser.github.io</a> is a member of the exclusive 250KB Club. The page weighs <strong> only 93kb </strong> and has a content-to-bloat ratio of <strong>3%</strong>.<p>They are now entitled to add one of those shiny badges to your page. But don't forget, even though I tried to make them as small as possible, a badge will add some kilobytes to your page weight. A code snipped can be found by clicking on the respective badge.<p class=badges>The badges can either be downloaded and served by yourself or linked directly from 250KB.club. The latter might save a few users some bandwidth if the badge is already cached. On the other hand this gives the 250KB.club server a log entry for <i>every visitor of <strong>your</strong> page</i>. I'm not interested in those logs but you still have to trust my word. So decide for yourself.<details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
&LTa title="250KB Club page" href="https://250kb.club/dillo-browser-github-io">
&LTimg
alt="badge: proud member of the 250KB Club"
src="https://250kb.club/simple_badge_dark.png"
/>

Which is rendered as-is in Dillo, as we don't "fix" websites like other browsers do:

250

Also you may want to open a paragraph <p> before the details block, so it begins in another line (Dillo doesn't implement the "hide" functionality of summary just yet).
@nkoehring
Copy link
Owner

Oh that is interesting. Seems like other browsers have some heuristics to deal with the broken markup, but weird that Zola produces this output at all. I added the paragraphs and will check how it looks like in Dillo. I have no idea (yet) how to fix the markup, though.

@nkoehring nkoehring added the bug Something isn't working label Aug 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@nkoehring @rodarima