Hugo van Kemenade
Posted on May 11, 2024
Want to print out the PyCon US schedule? Paper doesn't run out of batteries, is easy to scribble on, and stuff into a pocket (technical term: the affordances of paper).
Here's some custom CSS and JavaScript to make it nicely printable.
Install the Styler browser extension
View a PyCon schedule page such as https://us.pycon.org/2024/schedule/talks/ and click the Styler extension's S icon
Paste this CSS into the upper box:
body.pycon-schedule div.internal-page-header,
body.pycon-schedule div.panel-heading,
body.pycon-schedule footer,
body.pycon-schedule div.badges {
display: none;
}
body.pycon-schedule .container {
margin: 0;
max-width: fit-content;
}
body.pycon-schedule main.content {
margin: 0;
width: 100% !important;
}
body.pycon-schedule .calendar {
left: auto !important;
width: 100% !important;
}
body.pycon-schedule .slot {
padding: 5px;
}
@media print {
a:after { content:''; }
a[href]:after { content: none !important; }
}
- Paste this JavaScript into the lower box:
$(document).ready(function() {
if (window.location.pathname.match('2024/schedule/') &&
!window.location.pathname.match('2024/schedule/presentation/')) {
$("body").addClass("pycon-schedule");
}
});
- Print!
It'll run on any of the https://us.pycon.org/2024/schedule/*
pages, but not the individual presentation pages such as https://us.pycon.org/2024/schedule/presentation/61/
It's not perfect, the right edge is slightly cut off, but it's more printable than the original.
Once printed, you can click the Styler icon and the x
button to disable Styler for the site so you can browse the original version.
See also:
Posted on May 11, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.