Well I checked it out and as Stan said about the first, about the header ending up in the middle of the article, it was!
The second one was better and more readable.
What I had to do to create the PDF was download as a HTML file.
Then open in Libre Office which does a fairly decent job at displaying it as a text file including all the Pics.
Highlighted the document and cleared the formatting to ease editing of the doc, pain in the derriere otherwise.
I had to then edit it so that it was more presentable page wise and text was where it should end and start on the page.
Had to adjust the size of the pictures to fit in the frame of an A4 page.
With the pics had to display it with Klty or something like that so I could open it with Pix so that I could crop the picture so it just displayed the relevant detail more clearly and reduce the size of the picture so that I can rearrange them more neatly.
When opening it in Libre Office reformat the page to Landscape and resize it to A3 size.
move the right width bar so that it sits on the 18 cm mark or equivalent in other rule markings.
When everything is within the 18 cm borders reformat the page to portrait and back to A4 size.
Then when you have it all edited then export it as a Direct PDF file.
A lot of flamin' messing about to get there. A reason that I asked whether was an application that could do it directly. Input HTML file, Output PDF file.
I have done this before creating a PDF file but that was with pure text in ODT format that I personally created.
Libre Office handles HTML files slightly better than Open Office does. But there are items in AOO that are lacking in Libre Office and one in particular is being able to reduce or increase the line spacing for a number of lines without effecting the paragraph or the rest of the page. It hides in the right hand tool menu.