Printer media support with notes(docs) section

[doowzs]

Make notes(docs) pages printer-friendly by using @media(print) in plain SCSS, or d-print in Bootstrap to control the layout of pages when being printed.

Examples are available at https://doowzs.com/docs/.

[doowzs]

We can print a single page in a pretty layout now.

However, more has to be done in order to print all pages in one section into one file. Since there is no way to use two different output layouts of same file type for a page, methods considered are:

• Manually add a printing page for each section and create a new layout (need extra work for each section);
• Use a different layout format and force browser to open it as text/html (Hugo lacks per-type layouts support so this would affect other types, or extra work is required for each section);
• Use JavaScript to manually load the data and print it out.

Reference:

• https://github.com/gohugoio/hugo/issues/5652 lacking per-type layouts
• https://github.com/gohugoio/hugo/issues/6332 lacking PDF outputs