evan/ewpratten.com
1
Fork 0
Code Actions

print formatting

Browse Source
This commit is contained in:
Evan Pratten 2021-04-16 10:03:31 -04:00
parent 64964b5537
commit 6ce4c52aa1
5 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/footer.html
View File

@ -1,6 +1,6 @@
<br><br> <br><br>
<div class="foot-info center"> <div class="foot-info center print-hidden">
Made with ♥ by Evan Pratten | <a href="/feed.xml">RSS</a> | <a href="https://status.retrylife.ca">API Status</a> Made with ♥ by Evan Pratten | <a href="/feed.xml">RSS</a> | <a href="https://status.retrylife.ca">API Status</a>
</div> </div>

12
_layouts/page.html
View File

@ -13,7 +13,7 @@
<div class="reactive-bg"> <div class="reactive-bg">
<div class="color-space" id="color-space"> <div class="color-space print-hidden" id="color-space">
<div class="container" style="height:100%; text-align:right"> <div class="container" style="height:100%; text-align:right">
{% if page.backing_img %} {% if page.backing_img %}
<img src="{{page.backing_img}}" style="{{page.backing_scalar}};padding-right:5%"></img> <img src="{{page.backing_img}}" style="{{page.backing_scalar}};padding-right:5%"></img>
@ -36,11 +36,11 @@
<small class="text-muted" {% if page.written %} data-toggle="tooltip" data-placement="top" <small class="text-muted" {% if page.written %} data-toggle="tooltip" data-placement="top"
title="Written {{page.written}}" {% endif %} style="color:gray;">{{page_date.first}}</small> title="Written {{page.written}}" {% endif %} style="color:gray;">{{page_date.first}}</small>
{% for category in page.tags %} {% for category in page.tags %}
<a href="/categories?c={{category}}"><span class="badge" <a href="/categories?c={{category}}"><span class="badge print-hidden"
style="background-color: var(--light-gray);color:#333;">{{category}}</span></a> style="background-color: var(--light-gray);color:#333;">{{category}}</span></a>
{% endfor %} {% endfor %}
{% if page.path contains "_drafts" %} {% if page.path contains "_drafts" %}
<a href="#"><span class="badge" <a href="#"><span class="badge print-hidden"
style="background-color: var(--light-gray);color:rgb(255, 0, 0);">draft</span></a> style="background-color: var(--light-gray);color:rgb(255, 0, 0);">draft</span></a>
{% endif %} {% endif %}
</h6> </h6>
@ -53,9 +53,9 @@
{{content}} {{content}}
{% if page.categories %} {% if page.categories %}
<br> <br class="print-hidden">
<hr> <hr class="print-hidden">
<div class="retention"> <div class="retention print-hidden">
<!-- Thank you text --> <!-- Thank you text -->
<p>Thank you for reading this post. If you enjoyed the content, and want to let me know, or <p>Thank you for reading this post. If you enjoyed the content, and want to let me know, or

1
_sass/site/codeblock.scss
View File

@ -12,6 +12,7 @@ pre {
div.highlighter-rouge { div.highlighter-rouge {
position: relative; position: relative;
break-inside: avoid;
} }
div.highlighter-rouge::after { div.highlighter-rouge::after {

22
_sass/site/print.scss Normal file
View File

@ -0,0 +1,22 @@
@media print {
@page {
margin: 0.5in;
}
h1,
h2,
h3,
h4,
h5 {
page-break-before: auto;
page-break-after: avoid;
}
p {
page-break-inside: avoid;
}
.print-hidden {
display: none !important;
}
}

1
assets/css/site.scss
View File

@ -11,6 +11,7 @@
@import "site/page.scss"; @import "site/page.scss";
@import "site/kbd.scss"; @import "site/kbd.scss";
@import "site/codeblock.scss"; @import "site/codeblock.scss";
@import "site/print.scss";
@import "site/dev/landing.scss"; @import "site/dev/landing.scss";
@import "site/dev/software-landing.scss"; @import "site/dev/software-landing.scss";