René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Make responsive background images for events chapters section (portrait) and globally","articleBody":"The background for the events - chapters (abstract background with some nodes linked by lines) is currently only designed for landscape view and gets stretched too much in portrait mode making the image look low quality.\r\nFind a way to detect orientation and screen size and adjust image source for the background image. We can have several  media queries (what there already is in css) but a more elegant way would be better.\r\n\r\nThere is a javascript code for that already but it kept downloading the files twice - once on page load and then when the javascript code was using that image as the source for the background.\r\nThis script detects that an image with a specific css class is being loaded and instead sticks that image as a background image on a div with a specific css class.\r\nSee if this script can be improved - look for it in static/js/snippets.js","author":{"url":"https://github.com/Tomasz-Kluczkowski","@type":"Person","name":"Tomasz-Kluczkowski"},"datePublished":"2018-03-21T19:04:57.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/90/python-sprints.github.io/issues/90"}