Want to print out the PyCon US 2023 schedule? Paper doesn't run out of batteries, is easy to scribble on, and stuff into a pocket.
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/2023/schedule/talks/ and click the Styler extension's S icon
Paste this CSS into the upper box:
body.pycon-schedule aside.sidebar,
body.pycon-schedule div.badges,
body.pycon-schedule button.menu-button.open-menu,
body.pycon-schedule button#theme-switch,
body.pycon-schedule footer {
display: none;
}
body.pycon-schedule {
font-size: 14px;
}
body.pycon-schedule main {
padding: 0 !important;
}
body.pycon-schedule .calendar {
left: auto !important;
width: 100% !important;
}
@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('2023/schedule/') &&
!window.location.pathname.match('2023/schedule/presentation/')) {
$("body").addClass("pycon-schedule");
}
});
- Print!
It'll run on any of the https://us.pycon.org/2023/schedule/* pages, but not the individual presentation pages such as https://us.pycon.org/2023/schedule/presentation/88/
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.
Top comments (0)