{"id":18593120,"url":"https://github.com/monsara/long-beach","last_synced_at":"2026-04-09T11:32:37.713Z","repository":{"id":43927430,"uuid":"280881262","full_name":"monsara/long-beach","owner":"monsara","description":"Layout and styling of the landing page. Web page based on a semantic, valid, responsive markup on BEM methodology.","archived":false,"fork":false,"pushed_at":"2023-01-05T11:56:04.000Z","size":3102,"stargazers_count":0,"open_issues_count":13,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-26T20:17:01.519Z","etag":null,"topics":["animate-css","bem","css","html","javascript","jquery","pixel-perfect","responsive-web-design","sass","slick-slider","wow-js"],"latest_commit_sha":null,"homepage":"https://monsara.github.io/long-beach/","language":"JavaScript","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/monsara.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}},"created_at":"2020-07-19T14:21:35.000Z","updated_at":"2023-04-11T15:30:50.000Z","dependencies_parsed_at":"2023-02-04T04:03:45.752Z","dependency_job_id":null,"html_url":"https://github.com/monsara/long-beach","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Flong-beach","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Flong-beach/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Flong-beach/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Flong-beach/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monsara","download_url":"https://codeload.github.com/monsara/long-beach/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239372200,"owners_count":19627776,"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":["animate-css","bem","css","html","javascript","jquery","pixel-perfect","responsive-web-design","sass","slick-slider","wow-js"],"created_at":"2024-11-07T01:11:27.944Z","updated_at":"2025-12-30T23:04:57.379Z","avatar_url":"https://github.com/monsara.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# landing page\n\nhttps://monsara.github.io/long-beach/\n\nLayout and styling of the landing page. Web page based on a semantic responsive\nmarkup on BEM methodology.\n\n## Browser Support\n\nNew browsers — Firefox, Chrome, Opera, Microsoft Edge and IE 11, newer versions\nof Android/iOS, etc.\n\n## Used techniques\n\n### HTML/CSS\n\n- Valid, semantic, cross-browser layout\n- Responsive web design\n- CSS Flexbox\n- CSS Media Queries\n- Mobile first\n- Pixel perfect\n- Fexible images\n- BEM methodology for class names\n- SASS/SCSS (variables, SCSS modules)\n- HTML Chunks\n\n### JavaScript\n\n- Using intersection observer for Lazy load for some images on web page\n\n### Libraries and plagins\n\n- jQuery\n- Slick Slider\n- Animate.css\n- WOW.js\n\n## Instruments\n\n- Git\n- Npm\n- Gulp\n- Chrome DevTools\n- VS Code\n\n## Developing\n\nThe project uses the basic gulp-builder for layout\n[Gulp Starter Kit](https://github.com/luxplanjay/gulp-starter-kit)\n\n- Collects and optimizes HTML, Sass, JS, images and fonts\n- Uses gulp-rigger to work with html chunks\n- Includes configuration files for various linters\n- All errors are logged to the console\n- Adds vendor prefixes\n- Optimization Media Queries\n- There is a development and assembly mode in prod\n- Automatic Deployment on GitHub Pages\n\n[Instruction for use Gulp Starter Kit](https://github.com/luxplanjay/gulp-starter-kit)\n\n### Run site locally\n\nBefore using the Gulp Starter Kit, make sure that Gulp and Node.js are installed\non your computer\n\nTo build the site on your PC, run the following commands in the terminal:\n\n- Clone the repository on your computer\n\n```shell\ngit clone https://github.com/monsara/generator-hub.git\n```\n\n- Go to the project folder\n\n```shell\ncd generator-hub\n```\n\n- Install dependencies\n\n```shell\nnpm install\n```\n\n- Run the build project\n\n```shell\nnpm start\n```\n\n- In the browser tab go to [http://localhost:1234](http://localhost:1234)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonsara%2Flong-beach","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonsara%2Flong-beach","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonsara%2Flong-beach/lists"}