Rachel's Layout Example

This is a multi-part message in MIME format.
--------------A1AD1A3315984AB1D67F8E24
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 8bit

If you can't see anything useful here then you have not enabled HTML in 
your NewsReader Client.  You're missing some important message from Good 
Guy.

If you can't see anything useful here then you have not enabled HTML in 
your NewsReader Client.  You're missing some important message from Good 
Guy.

If you can't see anything useful here then you have not enabled HTML in 
your NewsReader Client.  You're missing some important message from Good 
Guy.

If you can't see anything useful here then you have not enabled HTML in 
your NewsReader Client.  You're missing some important message from Good 
Guy.


-- 
With over 1.2 billion devices now running Windows 10, customer 
satisfaction is higher than any previous version of windows.

--------------A1AD1A3315984AB1D67F8E24
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 8bit

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Rachel Andrew's Example</title><style type="text/css" media="all">*,*:before,*:after{box-sizing:border-box}body{margin:0 40px;font-family:'Open Sans','sans-serif';background-color:#183016;color:#444}h1,p{margin:0 0 1em 0}.wrapper{max-width:940px;margin:0 20px;display:grid;grid-gap:10px}@media screen and (min-width: 500px){.sidebar{float:left;width:19.1489%}.content{float:right;width:79.7872%;height:calc(100vh - 140px)}.wrapper{margin:0 auto;grid-template-columns:1fr 3fr;height:100vh}.header,.footer{grid-column:1 / -1;clear:both;height:70px}}.wrapper>*{background-color:#444;background-color:#f3dec8;color:#b63100;border-radius:5px;padding:20px;font-size:150%;margin-bottom:10px}@supports (display: grid){.wrapper>*{width:auto;margin:0}}</style></head><body><div class="wrapper"> <header class="header">My header</header> <aside class="sidebar">Sidebar</aside> <article class="content"><h1>2 column, header and footer</h1><p>This example uses line-based positioning, to position the header and footer, stretching them across the grid.</p> </article> <footer class="footer">My footer</footer></div><div class="moz-signature">-- <br><div style=" background-color: blue; color: yellow; font-weight: bolder; font-size:75%; display: flex; justify-content: center; align-items: center; min-height: 100px; font-size: 1.3em; ">With over 1.2 billion devices now running Windows 10, customer satisfaction is higher than any previous version of windows.</div></div></bod
0
UTF
6/26/2020 10:12:44 PM
mozilla.test 6691 articles. 0 followers. Post Follow

10 Replies
603 Views

Similar Articles

[PageSpeed] 3

This is a multi-part message in MIME format.
--------------52774D5211BE5293737F3F85
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 7bit


>

HTML is required to view the main post!!

-- 
With over 1.2 billion devices now running Windows 10, customer 
satisfaction is higher than any previous version of windows.

--------------52774D5211BE5293737F3F85
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 7bit

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body vlink="#551A8B" text="#008000" link="#0B6CDA" bgcolor="#ffffff"
    alink="#EE0000">
    <div class="moz-cite-prefix"><br>
    </div>
    <blockquote type="cite"
      cite="mid:4cadneL7AbiYcmvDnZ2dnUU7-YnNnZ2d@mozilla.org"><br>
      <pre class="moz-quote-pre" wrap="">
</pre>
    </blockquote>
    <p><font size="+3"><b>Fixed.</b></font><br>
    </p>
    <p>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,
        initial-scale=1.0">
      <title>Document</title>
      <style>body{margin:0;padding:0;background-color:#183016;font-family:'Open Sans','sans-serif'}.container-grid{width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 4fr;grid-template-rows:60px 1fr 60px;grid-gap:10px;min-height:100vh;box-sizing:border-box}.container-grid>*{background-color:#f3dec8;color:#b63100;padding:20px;font-size:150%}.header{grid-column:1 / -1;grid-row:1}.content{grid-column:2;grid-row:2}.sidebar{grid-column:1;grid-row:2}.footer{grid-column:1 / -1;grid-row:3}.header,.footer{display:grid;align-items:center;justify-items:center}</style>
      <div class="container-grid">
        <header class="header">Header</header>
        <article class="content">Content</article>
        <aside class="sidebar">Sidebar</aside>
        <footer class="footer">Footer</footer>
      </div>
    </p>
    <p><br>
    </p>
    <p><br>
    </p>
    <div class="moz-signature">-- <br>
      <div style="
        background-color: blue; color: yellow; font-weight: bolder;
        font-size:75%; display: flex; justify-content: center;
        align-items: center;
        min-height: 100px;
        font-size: 1.3em;
        ">With over 1.2 billion devices now running Windows 10, customer
        satisfaction is higher than any previous version of windows.</div>
    </div>
  </body>
</html>

--------------52774D5211BE5293737F3F85--

0
UTF
6/27/2020 1:01:01 AM
On 26 Jun 2020 23:12:44 +0100 😉 Good Guy 😉 wrote:
>
>If you can't see anything useful here then you have not enabled HTML in 
>your NewsReader Client.  You're missing some important message from Good 
>Guy. (Repeated 3 times.)
>
This newsreader stores the body of the post, so I took a look at it using 
the SQLite Viewer addon for Firefox/Android.

The body is still truncated - a bit more so this time. It ends:
version of windows.</div></div></bod
it should end
version of windows.</div></div></body></html>
--------------A1AD1A3315984AB1D67F8E24

I can't think of any obvious reason for that. Assuming this post is actualy 
being sent using T'bird then I assume you're pasting the html from somewhere 
(an RSS/blog writer?). 
My _guess_ is that you're accidentally pasting the 'end of message' sequence:
https://tools.ietf.org/html/rfc3977#page-8 (3.1.1 4)

It's possible that either my reader or the database addon is at fault, but 
since tin gave an error on your first test I don't think so.

BTW - the final boundary is not just a nicety. Theoretically a multipart/
alternate message can have >2 parts: plain text, html, ODF say. (Didn't MS 
programs write rdf parts once?) The reader will normally display the _last_ 
one it's capable of displaying, unless the user has specified otherwise. So 
the reader should be looking for part 3. Theoretically ;)
-- 
(Remove numerics from email address)

0
Dave
6/27/2020 7:02:29 AM
Here is the whole post:
<https://www.cjoint.com/data/JFBkYHNxh1G_moztest-15988.txt>

I wrote a python utility to retrieve posts by group and article
number. You might find it useful.
<https://gist.github.com/revad/15ce3b324d7b0bc91029b6a2ee6aa835>

I also use it to find out if an article has been deleted.
b'...' means bytes.

To print this article I did:
python3 read_moz_article_by_number.py mozilla.test 15988

You can find the article number in the Xref header.

You need python3 installed, obviously.
-- 
(Remove numerics from email address)
0
Dave
6/27/2020 11:04:26 AM
On 27 Jun 2020 22:00:00 +0100 😉 Good Guy 😉 wrote:
>
>HTML is required to view the main post!!
>
Yes - that fixes the mime format.

I can copy the html part out of my database and display it in Firefox on 
Android. The OP looked fine (Fx doesn't care about the <bod ending). The only
infelicity was that the hyphens of the sig-marker appear _inside_ the 
footer. The width fits this tablet because of the meta viewport. It would 
look nicer if you rounded the edges of the sig box by copying that style into 
it. (In fact I would do that anyway on your normal posts - it would look less 
garish IMO.)

The fixed post is a mess though. There are big gaps top and bottom and it 
goes off the right of the display because the meta viewport is inside Moz's 
blockquote. The layout and the TB quote system don't mix.

-- 
(Remove numerics from email address)

0
Dave
6/28/2020 7:20:33 AM
This is a multi-part message in MIME format.
--------------DC70DC7A24101339766364A6
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 7bit


HTML enabled newsreader, such as latest Thunderbird <https://www.thunderbird.net>, is required to view the main message of this post!! 


-- 

With over 1.2 billion devices now running Windows 10, customer 
satisfaction is higher than any previous version of windows.


--------------DC70DC7A24101339766364A6
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 7bit

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body text="#008000" bgcolor="#faf0e6">
    <p>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,
        initial-scale=1.0">
      <title>HTML Enabled NewsReader Required</title>
      <style>body{margin:0;padding:0;background-color:#183016;font-family:'Open Sans','sans-serif'}.container-grid{width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 4fr;grid-template-rows:60px 1fr 60px;grid-gap:10px;min-height:100vh;box-sizing:border-box}.container-grid>*{background-color:#f3dec8;color:#b63100;padding:20px;font-size:150%;border-radius:5px}.header{grid-column:1 / -1;grid-row:1}.content{grid-column:2;grid-row:2}.sidebar{grid-column:1;grid-row:2}.footer{grid-column:1 / -1;grid-row:3}.header,.footer{display:grid;align-items:center;justify-items:center;border-radius:25px}</style>
      <div class="container-grid">
        <header class="header">Header</header>
        <article class="content">Content</article>
        <aside class="sidebar">Sidebar</aside>
        <footer class="footer">Footer</footer>
      </div>
    </p>
    <div class="moz-signature">-- <br>
      <div style="background-color: blue; color: yellow; font-weight:
        bolder; display: grid; align-items: center; justify-items:
        center; min-height: 80px; font-size: 1.2em; border-radius: 50px;
        ">
        <p>With over 1.2 billion devices now running Windows 10,
          customer satisfaction is higher than any previous version of
          windows.</p>
      </div>
    </div>
  </body>
</html>

--------------DC70DC7A24101339766364A6--

0
UTF
6/28/2020 7:54:52 PM
On 28 Jun 2020 20:54:52 +0100 😉 Good Guy 😉 wrote:
>
>
>HTML enabled newsreader, such as latest Thunderbird 
><https://www.thunderbird.net>, is required to view the main message of this 
>post!! 
>
That goes off the edge of my screen in portrait because you have specified 
the container width. If you avoid widths, like in the sig, it will fit the 
display width.

If you put a negative top-margin on the sig box you might be able to get rid 
of the gap where the hyphens are. If you turned on blue text colour at the end 
of the footer, and limited the yellow text colour to the sig text, you should 
be able to make the hyphens invisible.

The smaller corner radii look better IMO.

What next: animation?
-- 
(Remove numerics from email address)

0
Dave
6/28/2020 10:11:37 PM
This is a multi-part message in MIME format.
--------------50EF70460DE3A4844206BAEE
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 7bit

You are not authorised to read my posts in plain text. Please install HTML enabled newsreader, such as latest Thunderbird <https://www.thunderbird.net>, to benefit from solutions posted in my posts.

--
With over 1.2 billion devices now running Windows 10, customer 
satisfaction is higher than any previous version of windows.


--------------50EF70460DE3A4844206BAEE
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 7bit

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body text="#008000" bgcolor="#faf0e6">
    <div class="moz-cite-prefix">
      <div class="container-grid">
        <header class="header"></header>
        <article class="content">Content</article>
        <aside class="sidebar">Sidebar</aside>
        <footer class="footer moz-signature">
          <p>With over 1.2 billion devices now running Windows 10,
            customer satisfaction is higher than any previous version of
            windows.</p>
        </footer>
      </div>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,
        initial-scale=1.0">
      <title>HTML Enabled NewsReader Required</title>
      <style>body{margin:0;padding:0;background-color:#183016;font-family:'Open Sans','sans-serif';display:grid;align-items:center;justify-items:center}.container-grid{width:60vw;display:grid;grid-template-columns:1fr 4fr;grid-template-rows:100px 1fr 100px;grid-gap:10px;min-height:100vh;box-sizing:border-box}.container-grid>*{background-color:#f3dec8;color:#b63100;padding:20px;font-size:150%;border-radius:5px}.header{grid-column:1 / -1;grid-row:1;background-image:url('https://i.imgur.com/hgVHWAN.png');background-repeat:no-repeat;background-size:60vw}.content{grid-column:2;grid-row:2}.sidebar{grid-column:1;grid-row:2}.footer{grid-column:1 / -1;grid-row:3;font-size:90%;background-color:blue;color:yellow;font-weight:bolder}.header,.footer{display:grid;align-items:center;justify-items:center;border-radius:5px}</style></div>
  
0
UTF
6/29/2020 1:01:01 AM
On 29 Jun 2020 05:00:00 +0100 😉 Good Guy 😉 wrote:
>
>You are not authorised to read my posts in plain text. Please install HTML 
>enabled newsreader, such as latest Thunderbird <https://www.thunderbird.net>, 
>to benefit from solutions posted in my posts. 
>
That looks pretty good - in Firefox on Android. 

It doesn't have a standard sig - no sig delimiter - and mime is broken again. 
If you want an image I would look at base64 'Data URLs' rather than a link. 
Especially a link to that horrible site.

If you actually want newsreaders other than T'bird to read it - maybe you 
don't - the best way would be to also write the html to a temporary web 
server - your own (a free nextcloud host, say) or a sharing service. Your 
plain text email could then read:

This message is in html. To see it click here:
<https://www.cjoint.com/data3/JFDg7LG5Fjp_temphtml3.html>

(That link will expire in 4 days.)

My last comment here. Have fun.
-- 
(Remove numerics from email address)

0
Dave
6/29/2020 7:14:10 AM
😉 Good Guy 😉 wrote on 29/06/2020 2:00 PM:
> You are not authorised to read my posts in plain text. Please install 
> HTML enabled newsreader, such as latest Thunderbird 
> <https://www.thunderbird.net>, to benefit from solutions posted in my 
> posts.
> 
> -- 
> With over 1.2 billion devices now running Windows 10, customer 
> satisfaction is higher than any previous version of windows.
> 
> 
If I'm "not authorised to read my posts in plain text", what are you 
going to do to me if I do??

-- 
Daniel

Win7 User agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0) 
Gecko/20100101 SeaMonkey/2.49.5 Build identifier: 20190609032134

Linux User agent: Mozilla/5.0 (X11; Linux x86_64; rv:52.0) 
Gecko/20100101 SeaMonkey/2.49.1 Build identifier: 20171015235623
0
Daniel
6/29/2020 10:59:05 AM
Dave Royal wrote on 29/06/2020 5:14 PM:
> On 29 Jun 2020 05:00:00 +0100 😉 Good Guy 😉 wrote:
>> 
>> You are not authorised to read my posts in plain text. Please
>> install HTML enabled newsreader, such as latest Thunderbird
>> <https://www.thunderbird.net>, to benefit from solutions posted in
>> my posts.
>> 
> That looks pretty good - in Firefox on Android.
> 
> It doesn't have a standard sig - no sig delimiter -

..... or, rather, the sig delimiter (Dash Dash Space) is wrapped up
with-in the Message's HTML envelop, so cannot be removed (unless you
remove the message itself!!).

> and mime is broken again. If you want an image I would look at base64
> 'Data URLs' rather than a link. Especially a link to that horrible
> site.
> 
> If you actually want newsreaders other than T'bird to read it - maybe
> you don't - the best way would be to also write the html to a
> temporary web server - your own (a free nextcloud host, say) or a
> sharing service. Your plain text email could then read:
> 
> This message is in html. To see it click here: 
> <https://www.cjoint.com/data3/JFDg7LG5Fjp_temphtml3.html>
> 
> (That link will expire in 4 days.)
> 
> My last comment here. Have fun.

-- 
Daniel

Win7 User agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:52.0)
Gecko/20100101 SeaMonkey/2.49.5 Build identifier: 20190609032134

Linux User agent: Mozilla/5.0 (X11; Linux x86_64; rv:52.0)
Gecko/20100101 SeaMonkey/2.49.1 Build identifier: 20171015235623
0
Daniel
6/29/2020 11:03:24 AM
Reply: