diff --git a/_layouts/blogpost.html b/_layouts/blogpost.html index 107d936..c13c46a 100644 --- a/_layouts/blogpost.html +++ b/_layouts/blogpost.html @@ -10,6 +10,7 @@ - LinkedIn icon

+

:printer:

{{page.title}}

Published {{page.date | date: "%a %b %d %Y"}}

Tags: diff --git a/_sass/main.scss b/_sass/main.scss index 70673d4..fd957fd 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -174,6 +174,10 @@ body { padding-right: 0; } + .printbutton { + display: none; + } + .tag-toggle { display: inline-block; font-weight: normal; @@ -213,6 +217,12 @@ body { } } +.printbutton { + float: right; + display: inline-block; + cursor: pointer; +} + .content .tags { font-size: medium; } @@ -382,3 +392,33 @@ body { margin-bottom: 0.5vh; } } + +// Experimental printing support +@media print { + .menu, .footer, .color-mode-toggle, .sharebuttons, .printbutton, .related_posts, #commento { + display: none; + margin: 0; + } + + .content { + width: 95vw; + padding: 0; + margin: 0; + box-shadow: none; + + hr { + display: none; + } + } + + .banner { + width: auto; + height: 10vh; + margin: 0; + padding: 0; + } + + .notebox { + width: 100%; + } +}