Printable PyCon 2024 schedule

Hugo van Kemenade - May 11 - - Dev Community

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.

  1. Install the Styler browser extension

  2. View a PyCon schedule page such as https://us.pycon.org/2024/schedule/talks/ and click the Styler extension's S icon

  3. 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; }
}
Enter fullscreen mode Exit fullscreen mode
  1. 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");
  }
});
Enter fullscreen mode Exit fullscreen mode
  1. 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:

. . . . . . . . . . . . . . . . . . . .
Terabox Video Player