{"id":19328375,"url":"https://github.com/tmhsdigital/gsap-tmhs","last_synced_at":"2025-02-24T06:40:23.669Z","repository":{"id":253555288,"uuid":"843854400","full_name":"TMHSDigital/GSAP-TMHS","owner":"TMHSDigital","description":"GSAP info \u0026 demos","archived":false,"fork":false,"pushed_at":"2024-08-29T18:56:08.000Z","size":105,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T07:27:56.899Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tmhsdigital.github.io/GSAP-TMHS/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TMHSDigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-08-17T16:12:03.000Z","updated_at":"2024-08-29T18:28:02.000Z","dependencies_parsed_at":"2024-08-17T17:29:25.441Z","dependency_job_id":"0eda26cc-447f-4d89-a29f-01951a979624","html_url":"https://github.com/TMHSDigital/GSAP-TMHS","commit_stats":null,"previous_names":["tmhsdigital/gsap-tmhs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGSAP-TMHS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGSAP-TMHS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGSAP-TMHS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGSAP-TMHS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TMHSDigital","download_url":"https://codeload.github.com/TMHSDigital/GSAP-TMHS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240434181,"owners_count":19800546,"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","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-10T02:21:54.295Z","updated_at":"2025-02-24T06:40:23.581Z","avatar_url":"https://github.com/TMHSDigital.png","language":"CSS","readme":"# GSAP-TMHS\n\nWelcome to **GSAP-TMHS**, a project that showcases the powerful capabilities of GSAP (GreenSock Animation Platform) through engaging demos and detailed explanations. This project is designed to help developers learn how to create stunning, interactive animations using GSAP, with a focus on practical, real-world applications.\n\n\u003cdiv align=\"center\"\u003e\n\n![GitHub repo size](https://img.shields.io/github/repo-size/TMHSDigital/GSAP-TMHS?color=green\u0026style=for-the-badge)\n![GitHub contributors](https://img.shields.io/github/contributors/TMHSDigital/GSAP-TMHS?color=green\u0026style=for-the-badge)\n![GitHub stars](https://img.shields.io/github/stars/TMHSDigital/GSAP-TMHS?color=green\u0026style=for-the-badge)\n![GitHub forks](https://img.shields.io/github/forks/TMHSDigital/GSAP-TMHS?color=green\u0026style=for-the-badge)\n\n\u003c/div\u003e\n\n## Table of Contents\n\n- [About the Project](#about-the-project)\n- [Features](#features)\n- [Getting Started](#getting-started)\n- [File Structure](#file-structure)\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n- [Contact Us](#contact-us)\n\n## About the Project\n\n**GSAP-TMHS** is a fully interactive site showcasing the various features and functionalities of GSAP, including basic animations, ScrollTrigger, draggable elements, inertia, and smooth scrolling. The project is structured to be easy to navigate and modify, making it a valuable resource for developers of all skill levels.\n\n## Features\n\n- **Basic GSAP Animations**: Learn the fundamentals of GSAP animations.\n- **ScrollTrigger**: Create animations that respond to scroll events.\n- **Draggable and Inertia**: Implement natural, physics-based motion in your web projects.\n- **Smooth Scrolling**: Enhance user experience with smooth scroll effects.\n- **Responsive Design**: Fully responsive, optimized for desktop and mobile devices.\n\n## Getting Started\n\nTo get a local copy of this project up and running, follow these steps:\n\n1. **Clone the Repository**:\n\n   ```bash\n   git clone https://github.com/TMHSDigital/GSAP-TMHS.git\n   ```\n\n2. **Navigate to the Project Directory**:\n\n   ```bash\n   cd GSAP-TMHS\n   ```\n\n3. **Open `index.html` in Your Browser**:\n\n   Simply open the `index.html` file in your preferred web browser to explore the demos and features.\n\n## File Structure\n\n```\nGSAP-TMHS/\n│\n├── animations.css        # Styles for animations\n├── animations.js         # JavaScript for GSAP animations\n├── cdn-libs.js           # CDN links for GSAP and other libraries\n├── global.css            # Global styling for the site\n├── index.html            # Main entry point of the site\n├── LICENSE               # License file\n└── README.md             # Project documentation\n```\n\n## Usage\n\n### Animations\n\nThe project includes several examples of GSAP animations:\n\n- **Basic Animation**: Animates a box moving and rotating.\n- **ScrollTrigger**: Animates elements based on scroll position.\n- **Inertia**: Adds physics-based motion to draggable elements.\n- **Smooth Scroll**: Adds smooth scrolling behavior to navigation links.\n\n### Customization\n\n- **Animations**: Modify the `animations.js` file to customize or add new animations.\n- **Styles**: Update `animations.css` and `global.css` to change the appearance of elements.\n- **Libraries**: Add or update libraries in the `cdn-libs.js` file as needed.\n\n## Contributing\n\nContributions are welcome! If you have suggestions, ideas, or want to contribute code, feel free to submit a pull request. Please ensure your changes are consistent with the project's coding standards.\n\n1. Fork the project\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## License\n\nThis project is licensed under the MIT License. See the `LICENSE` file for details.\n\n## Contact Us\n\nWant someone to build you an **AWESOME** site? **Contact us today!**\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://www.linkedin.com/company/tm-hospitality-strategies/?viewAsMember=true\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/LinkedIn-TM%20Hospitality%20Strategies-blue?logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn: TM Hospitality Strategies\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://www.instagram.com/tmhs.ig/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Instagram-TM%20Hospitality%20Strategies-blue?logo=instagram\u0026logoColor=white\" alt=\"Instagram: TM Hospitality Strategies\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://www.facebook.com/profile.php?viewas=100000686899395\u0026id=100071356407115\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Facebook-TM%20Hospitality%20Strategies-blue?logo=facebook\u0026logoColor=white\" alt=\"Facebook: TM Hospitality Strategies\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://www.youtube.com/channel/UCeA22MjbnroVywVLC6z8oug\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/YouTube-TM%20Hospitality%20Strategies-blue?logo=youtube\u0026logoColor=white\" alt=\"YouTube: TM Hospitality Strategies\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://www.tiktok.com/@tmhs.digital?is_from_webapp=1\u0026sender_device=pc\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/TikTok-TM%20Hospitality%20Strategies-blue?logo=tiktok\u0026logoColor=white\" alt=\"TikTok: TM Hospitality Strategies\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n---\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fgsap-tmhs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftmhsdigital%2Fgsap-tmhs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fgsap-tmhs/lists"}