{"id":15041277,"url":"https://github.com/pipchenkovaa/webpage-with-a-parallax-effect","last_synced_at":"2025-04-14T19:44:21.577Z","repository":{"id":255449365,"uuid":"852196223","full_name":"Pipchenkovaa/Webpage-With-A-Parallax-Effect","owner":"Pipchenkovaa","description":"Webpage with a parallax effect, created primarily using JavaScript, GSAP \u0026 Photoshop / Веб-страница с эффектом параллакса, созданная в основном при помощи JavaScript, GSAP \u0026 Photoshop","archived":false,"fork":false,"pushed_at":"2024-09-17T19:49:33.000Z","size":5823,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T08:11:10.299Z","etag":null,"topics":["adobe-photoshop","css3","git","gsap","gsap-animation","html5","javascript","scss"],"latest_commit_sha":null,"homepage":"https://pipchenkovaa.github.io/Webpage-With-A-Parallax-Effect/","language":"SCSS","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/Pipchenkovaa.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":"2024-09-04T11:51:37.000Z","updated_at":"2025-03-23T22:46:32.000Z","dependencies_parsed_at":"2024-09-05T13:09:14.525Z","dependency_job_id":"ad609f8a-0e3e-4c6b-967e-927476321036","html_url":"https://github.com/Pipchenkovaa/Webpage-With-A-Parallax-Effect","commit_stats":null,"previous_names":["plpchenkova/website-with-a-parallax-effect","pipchenkovaa/webpage-with-a-parallax-effect"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pipchenkovaa%2FWebpage-With-A-Parallax-Effect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pipchenkovaa%2FWebpage-With-A-Parallax-Effect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pipchenkovaa%2FWebpage-With-A-Parallax-Effect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pipchenkovaa%2FWebpage-With-A-Parallax-Effect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pipchenkovaa","download_url":"https://codeload.github.com/Pipchenkovaa/Webpage-With-A-Parallax-Effect/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248949943,"owners_count":21188175,"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":["adobe-photoshop","css3","git","gsap","gsap-animation","html5","javascript","scss"],"created_at":"2024-09-24T20:45:51.860Z","updated_at":"2025-04-14T19:44:21.543Z","avatar_url":"https://github.com/Pipchenkovaa.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e Webpage With A Parallax Effect / Веб-страница с Эффектом Параллакса \u003c/h1\u003e\nThis is a simple webpage with a parallax effect, created primarily using JavaScript, GSAP (The GreenSock Animation Platform), which is a powerful library for creating animations in JavaScript, and Adobe Photoshop. The main features of this project include smooth scrolling and 3D effects.\n\n\u003cbr\u003eЭто простая веб-страница с эффектом параллакса, созданная с помощью языка JavaScript, GSAP - мощной библиотеки для создания анимаций на JavaScript, а также  Adobe Photoshop. Отличительными особенностями данного проекта являются плавный скроллинг и 3D-эффекты.\n\n\u003ch3\u003e \u003cb\u003e 💡 Features / Особенности \u003c/b\u003e \u003c/h3\u003e\n\u003cli\u003eThe webpage is responsive to different screen sizes / Веб-страница адаптирована под различные размеры экранов\u003c/li\u003e\n\u003cli\u003eThe depth effect is achieved through smooth scrolling animation and a multi-layered background image / Эффект глубины достигается за счёт плавной анимации при прокрутке и многослойного фонового изображения\u003c/li\u003e\n\n\u003ch3\u003e \u003cb\u003e ⚙️ Structure / Структура \u003c/b\u003e \u003c/h3\u003e\n\u003cli\u003e\u003cb\u003e«libs/»\u003c/b\u003e contains modules of the GSAP library / папка «libs» содержит модули библиотеки GSAP\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e«js/»\u003c/b\u003e contains all JavaScript files / папка «js» содержит все скрипты\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e«fonts/»\u003c/b\u003e contains custom fonts / папка «fonts» содержит кастомные шрифты\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e«images/»\u003c/b\u003e contains image assets used on the website / папка «images» содержит использованные в проекте изображения \u003c/li\u003e\n\u003cli\u003e\u003cb\u003e«css/»\u003c/b\u003e contains custom styles / папка «css» содержит файлы со стилями\u003c/li\u003e\n\n\u003ch3\u003e \u003cb\u003e Built With / Использованные технологии \u003c/b\u003e \u003c/h3\u003e\nHTML5 / CSS3 / SCSS / JavaScript (ES6+) / GSAP / Photoshop\n\n\u003ch3\u003e \u003cb\u003e Run this project locally / Для запуска проекта локально: \u003c/b\u003e \u003c/h3\u003e\n\n1) Clone the repository / Клонируем репозиторий: `git clone https://github.com/Pipchenkovaa/Webpage-With-A-Parallax-Effect.git`\u003cbr\u003e\n2) Navigate to the project directory / Переходим в директорию проекта: `cd Webpage-With-A-Parallax-Effect`\u003cbr\u003e\n3) Install dependencies / Устанавливаем необходимые модули и пакеты: `npm install`\u003cbr\u003e\n4) Start the development server / Запускаем скрипт для сборки JavaScript модулей: `npm start`\u003cbr\u003e\n5) Open the project in your browser / Открываем проект локально в браузере: `http://localhost:3000`\u003cbr\u003e\n\n\u003ch3\u003e \u003cb\u003e ©️ Author / Авторство \u003c/b\u003e \u003c/h3\u003e\n© Pipchencova Alina, 2024\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpipchenkovaa%2Fwebpage-with-a-parallax-effect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpipchenkovaa%2Fwebpage-with-a-parallax-effect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpipchenkovaa%2Fwebpage-with-a-parallax-effect/lists"}