├── .gitignore ├── CODE_OF_CONDUCT.md ├── README.md ├── comparsion-css-sass-gsap ├── css │ └── style.css ├── index.haml ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── gsap-basic-timeline.js ├── gsap-cheatsheet.js ├── gsap-simple-tween ├── css │ └── style.css ├── index.html └── js │ └── index.js ├── gsap-two-tweens ├── css │ └── style.css ├── index.haml ├── index.html ├── js │ └── index.js └── scss │ └── style.scss └── sample-svgs ├── battery.svg ├── black-and-white ├── balloon.svg ├── carousel.svg ├── dog1.svg ├── dog2.svg ├── flower.svg ├── gears.svg ├── gears2.svg ├── lightbulb2.svg ├── lightbulbs.svg ├── pie.svg ├── sleigh.svg └── snowflake.svg └── color ├── 1466065151_travel_journey-16.svg ├── 1466065154_travel_journey-04.svg ├── 1466065160_travel_journey-06.svg ├── 1466065173_travel_journey-12.svg ├── 1466065248_Drinks-30.svg ├── 1466065253_Drinks-32.svg ├── 1466065266_medicine_care_treatment_hospital_recovery-66.svg ├── 1466065274_medicine_care_treatment_hospital_recovery-30.svg └── 1466065282_medicine_care_treatment_hospital_recovery-64.svg /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/.gitignore -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/CODE_OF_CONDUCT.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/README.md -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/comparsion-css-sass-gsap/css/style.css -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/index.haml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/comparsion-css-sass-gsap/index.haml -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/comparsion-css-sass-gsap/index.html -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/comparsion-css-sass-gsap/js/index.js -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/comparsion-css-sass-gsap/scss/style.scss -------------------------------------------------------------------------------- /gsap-basic-timeline.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-basic-timeline.js -------------------------------------------------------------------------------- /gsap-cheatsheet.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-cheatsheet.js -------------------------------------------------------------------------------- /gsap-simple-tween/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-simple-tween/css/style.css -------------------------------------------------------------------------------- /gsap-simple-tween/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-simple-tween/index.html -------------------------------------------------------------------------------- /gsap-simple-tween/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-simple-tween/js/index.js -------------------------------------------------------------------------------- /gsap-two-tweens/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-two-tweens/css/style.css -------------------------------------------------------------------------------- /gsap-two-tweens/index.haml: -------------------------------------------------------------------------------- 1 | .scene 2 | -(1..12).each do |i| 3 | .squares -------------------------------------------------------------------------------- /gsap-two-tweens/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-two-tweens/index.html -------------------------------------------------------------------------------- /gsap-two-tweens/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-two-tweens/js/index.js -------------------------------------------------------------------------------- /gsap-two-tweens/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/gsap-two-tweens/scss/style.scss -------------------------------------------------------------------------------- /sample-svgs/battery.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/battery.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/balloon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/balloon.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/carousel.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/carousel.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/dog1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/dog1.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/dog2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/dog2.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/flower.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/flower.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/gears.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/gears.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/gears2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/gears2.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/lightbulb2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/lightbulb2.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/lightbulbs.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/lightbulbs.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/pie.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/pie.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/sleigh.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/sleigh.svg -------------------------------------------------------------------------------- /sample-svgs/black-and-white/snowflake.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/black-and-white/snowflake.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065151_travel_journey-16.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065151_travel_journey-16.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065154_travel_journey-04.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065154_travel_journey-04.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065160_travel_journey-06.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065160_travel_journey-06.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065173_travel_journey-12.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065173_travel_journey-12.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065248_Drinks-30.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065248_Drinks-30.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065253_Drinks-32.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065253_Drinks-32.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065266_medicine_care_treatment_hospital_recovery-66.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065266_medicine_care_treatment_hospital_recovery-66.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065274_medicine_care_treatment_hospital_recovery-30.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065274_medicine_care_treatment_hospital_recovery-30.svg -------------------------------------------------------------------------------- /sample-svgs/color/1466065282_medicine_care_treatment_hospital_recovery-64.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebAnimationWorkshops/workshop-resources/HEAD/sample-svgs/color/1466065282_medicine_care_treatment_hospital_recovery-64.svg --------------------------------------------------------------------------------