{"id":21045006,"url":"https://github.com/quansight/quirkshop-css","last_synced_at":"2025-08-21T09:04:24.279Z","repository":{"id":98607863,"uuid":"287393293","full_name":"Quansight/quirkshop-css","owner":"Quansight","description":null,"archived":false,"fork":false,"pushed_at":"2020-08-18T17:32:56.000Z","size":369,"stargazers_count":0,"open_issues_count":2,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-08-19T07:07:30.460Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Jupyter Notebook","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Quansight.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-13T22:40:40.000Z","updated_at":"2020-08-18T17:32:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"eb7d3042-28a0-4733-bed3-cdbe6adf0086","html_url":"https://github.com/Quansight/quirkshop-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Quansight/quirkshop-css","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quansight%2Fquirkshop-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quansight%2Fquirkshop-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quansight%2Fquirkshop-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quansight%2Fquirkshop-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Quansight","download_url":"https://codeload.github.com/Quansight/quirkshop-css/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quansight%2Fquirkshop-css/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271454819,"owners_count":24762698,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-19T14:19:32.358Z","updated_at":"2025-08-21T09:04:24.261Z","avatar_url":"https://github.com/Quansight.png","language":"Jupyter Notebook","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Personalizing JupyterLab with CSS\n\n[Tuesday August 18 @ 6 PM EST on Youtube Live](https://www.youtube.com/watch?v=aXjGtcamb_0\u0026feature=youtu.be)\n\n\n[![](https://img.shields.io/badge/%F0%9F%92%BE-github-black)](https://github.com/Quansight/quirkshop-css)\n\nthis quirkshop is an education and exploration into css.\nit uses the jupyterlab web framework as a medium for learning\nand interacting with css.\na general understanding of css is a general skill.\nto designers css is a design language and to data scientists\ncss is a query language.\n\n\u003e There are a few ways to participate.\n\u003e\n\u003e 1. Code along on [![binder](https://img.shields.io/badge/💻-binder-purple)](https://gke.mybinder.org/v2/gh/Quansight/quirkshop-css/master?urlpath=git-pull%3Frepo%3Dhttps%253A%252F%252Fgithub.com%252FQuansight%252Fquirkshop-css%26urlpath%3Dlab%252Fworkspaces%252Fcss%253Fjvc%253Dcss%26branch%3Dmaster)\n\u003e 2. Get some 🍿 and 👀 on [![youtube](https://img.shields.io/badge/📺-youtube-green)](https://www.youtube.com/watch?v=aXjGtcamb_0)\n\u003e 3. Join [![jitsi](https://img.shields.io/badge/📠-jitsi-blueviolet)](https://meet.jit.si/quansight-quirkshopcss)\n to chat with your class mates\n\u003e _jitsi attendees please remember this workshop is filmed in front of a live internet audience._\n\n\u003e youtube and jitsi load quickly while binder has a little overhead.\n\n![peter griffin sucking at blinds is the css experience](https://media1.tenor.com/images/614c9b4639a2588383f47e138177da81/tenor.gif?itemid=12014506)\n\n## Agenda\n\n* [readme](readme.md)\n* [intro](/quirkshop-css/intro-to-css.ipynb)\n* [outfits](/quirkshop-css/john-waters.ipynb)\n* [lab styling](/quirkshop-css/lab-styling.ipynb)\n* [art school with wes anderson](/quirkshop-css/wes.ipynb)\n* [logo](/quirkshop-css/logo.ipynb)\n* [exit survey](https://docs.google.com/forms/d/e/1FAIpQLSdj8hAreHlqkfKQli07Kz3O_rydw7m3kAx-fffm6m3--Bo1Gw/viewform)\n\n### What we will do\n\n* Say the letters __C__, __S__, and __S__ a lot.\n* Scratch the surface of CSS.\n* Some questionable hacks.\n* Talk about feelings\n\n### What we won't do\n\n* Make Fine Art\n\n[![diana smith css art](https://video-images.vice.com/_uncategorized/1525378711169-Screen-Shot-2018-05-03-at-42148-PM.png)](https://www.vice.com/en_us/article/9kgx7p/painting-made-with-code-html-pure-css-browser-art-diana-smith)\n\n* [Make complex queries](https://learn.shayhowe.com/advanced-html-css/complex-selectors/)\n* [Make too many animations...](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations) from [MDN](https://developer.mozilla.org/en-US/) 😿","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansight%2Fquirkshop-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquansight%2Fquirkshop-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansight%2Fquirkshop-css/lists"}