├── .gitignore ├── .idx └── dev.nix ├── LICENSE ├── code-of-conduct.md ├── contributing.md ├── css ├── animations │ ├── generic.css │ ├── scroll-driven │ │ ├── greeting.css │ │ ├── picture.css │ │ └── scroll-progress.css │ └── view-transition │ │ ├── aside.css │ │ └── nav.css ├── components │ ├── article.css │ ├── aside.css │ ├── body.css │ ├── brand.css │ ├── button-list.css │ ├── button.css │ ├── fresh-releases-scroller.css │ ├── greeting.css │ ├── header.css │ ├── lightbox.css │ ├── link.css │ ├── main.css │ ├── money.css │ ├── most-popular-scroller.css │ ├── nav.css │ ├── picture.css │ ├── product-card.css │ ├── scroll-progress.css │ ├── search.css │ ├── sun-and-moon.css │ ├── super-hot-scroller.css │ ├── svg.css │ └── theme-toggle.css ├── global │ ├── _vars.css │ ├── focus.css │ ├── page.css │ ├── theme.css │ └── typography.css ├── index.css └── utilities │ └── scrolling.css ├── index.html ├── js ├── aside.js ├── index.js ├── lightbox.js └── theme-toggle.js ├── package.json ├── public └── products │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 13.jpg │ ├── 14.jpg │ ├── 15.jpg │ ├── 16.jpg │ ├── 17.jpg │ ├── 18.jpg │ ├── 19.jpg │ ├── 2.jpg │ ├── 20.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ └── 9.jpg └── readme.md /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/.gitignore -------------------------------------------------------------------------------- /.idx/dev.nix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/.idx/dev.nix -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/LICENSE -------------------------------------------------------------------------------- /code-of-conduct.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/code-of-conduct.md -------------------------------------------------------------------------------- /contributing.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/contributing.md -------------------------------------------------------------------------------- /css/animations/generic.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/generic.css -------------------------------------------------------------------------------- /css/animations/scroll-driven/greeting.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/scroll-driven/greeting.css -------------------------------------------------------------------------------- /css/animations/scroll-driven/picture.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/scroll-driven/picture.css -------------------------------------------------------------------------------- /css/animations/scroll-driven/scroll-progress.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/scroll-driven/scroll-progress.css -------------------------------------------------------------------------------- /css/animations/view-transition/aside.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/view-transition/aside.css -------------------------------------------------------------------------------- /css/animations/view-transition/nav.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/animations/view-transition/nav.css -------------------------------------------------------------------------------- /css/components/article.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/article.css -------------------------------------------------------------------------------- /css/components/aside.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/aside.css -------------------------------------------------------------------------------- /css/components/body.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/body.css -------------------------------------------------------------------------------- /css/components/brand.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/brand.css -------------------------------------------------------------------------------- /css/components/button-list.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/button-list.css -------------------------------------------------------------------------------- /css/components/button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/button.css -------------------------------------------------------------------------------- /css/components/fresh-releases-scroller.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/fresh-releases-scroller.css -------------------------------------------------------------------------------- /css/components/greeting.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/greeting.css -------------------------------------------------------------------------------- /css/components/header.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/header.css -------------------------------------------------------------------------------- /css/components/lightbox.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/lightbox.css -------------------------------------------------------------------------------- /css/components/link.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/link.css -------------------------------------------------------------------------------- /css/components/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/main.css -------------------------------------------------------------------------------- /css/components/money.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/money.css -------------------------------------------------------------------------------- /css/components/most-popular-scroller.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/most-popular-scroller.css -------------------------------------------------------------------------------- /css/components/nav.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/nav.css -------------------------------------------------------------------------------- /css/components/picture.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/picture.css -------------------------------------------------------------------------------- /css/components/product-card.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/product-card.css -------------------------------------------------------------------------------- /css/components/scroll-progress.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/scroll-progress.css -------------------------------------------------------------------------------- /css/components/search.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/search.css -------------------------------------------------------------------------------- /css/components/sun-and-moon.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/sun-and-moon.css -------------------------------------------------------------------------------- /css/components/super-hot-scroller.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/super-hot-scroller.css -------------------------------------------------------------------------------- /css/components/svg.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/svg.css -------------------------------------------------------------------------------- /css/components/theme-toggle.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/components/theme-toggle.css -------------------------------------------------------------------------------- /css/global/_vars.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/global/_vars.css -------------------------------------------------------------------------------- /css/global/focus.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/global/focus.css -------------------------------------------------------------------------------- /css/global/page.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/global/page.css -------------------------------------------------------------------------------- /css/global/theme.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/global/theme.css -------------------------------------------------------------------------------- /css/global/typography.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/global/typography.css -------------------------------------------------------------------------------- /css/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/index.css -------------------------------------------------------------------------------- /css/utilities/scrolling.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/css/utilities/scrolling.css -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/index.html -------------------------------------------------------------------------------- /js/aside.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/js/aside.js -------------------------------------------------------------------------------- /js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/js/index.js -------------------------------------------------------------------------------- /js/lightbox.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/js/lightbox.js -------------------------------------------------------------------------------- /js/theme-toggle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/js/theme-toggle.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/package.json -------------------------------------------------------------------------------- /public/products/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/1.jpg -------------------------------------------------------------------------------- /public/products/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/10.jpg -------------------------------------------------------------------------------- /public/products/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/11.jpg -------------------------------------------------------------------------------- /public/products/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/12.jpg -------------------------------------------------------------------------------- /public/products/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/13.jpg -------------------------------------------------------------------------------- /public/products/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/14.jpg -------------------------------------------------------------------------------- /public/products/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/15.jpg -------------------------------------------------------------------------------- /public/products/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/16.jpg -------------------------------------------------------------------------------- /public/products/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/17.jpg -------------------------------------------------------------------------------- /public/products/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/18.jpg -------------------------------------------------------------------------------- /public/products/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/19.jpg -------------------------------------------------------------------------------- /public/products/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/2.jpg -------------------------------------------------------------------------------- /public/products/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/20.jpg -------------------------------------------------------------------------------- /public/products/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/3.jpg -------------------------------------------------------------------------------- /public/products/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/4.jpg -------------------------------------------------------------------------------- /public/products/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/5.jpg -------------------------------------------------------------------------------- /public/products/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/6.jpg -------------------------------------------------------------------------------- /public/products/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/7.jpg -------------------------------------------------------------------------------- /public/products/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/8.jpg -------------------------------------------------------------------------------- /public/products/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/public/products/9.jpg -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/google/io-connect-2024-ui-workshop/HEAD/readme.md --------------------------------------------------------------------------------