{"id":18677911,"url":"https://github.com/kaushikshivam/odigo","last_synced_at":"2026-04-18T00:31:52.099Z","repository":{"id":40936272,"uuid":"204884708","full_name":"KaushikShivam/odigo","owner":"KaushikShivam","description":"Travel Website - Discover amazing places in Japan","archived":false,"fork":false,"pushed_at":"2022-12-10T01:23:46.000Z","size":25589,"stargazers_count":0,"open_issues_count":9,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-07T02:50:43.803Z","etag":null,"topics":["7-1pattern","animation","autoprefixer","bem","bem-methodology","build-tool","css3","flat-design","html5","japan","keyframe-animation","landing-page","modern","sass","sass-framework","sass-mixins"],"latest_commit_sha":null,"homepage":"https://rawcdn.githack.com/KaushikShivam/odigo/9e4f8b02367a32b90f1b78ceee87061978bddfab/index.html","language":"CSS","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/KaushikShivam.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}},"created_at":"2019-08-28T08:30:38.000Z","updated_at":"2023-04-11T15:26:55.000Z","dependencies_parsed_at":"2023-01-26T01:31:23.400Z","dependency_job_id":null,"html_url":"https://github.com/KaushikShivam/odigo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KaushikShivam/odigo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2Fodigo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2Fodigo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2Fodigo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2Fodigo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KaushikShivam","download_url":"https://codeload.github.com/KaushikShivam/odigo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2Fodigo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31951273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T17:29:20.459Z","status":"ssl_error","status_checked_at":"2026-04-17T17:28:47.801Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["7-1pattern","animation","autoprefixer","bem","bem-methodology","build-tool","css3","flat-design","html5","japan","keyframe-animation","landing-page","modern","sass","sass-framework","sass-mixins"],"created_at":"2024-11-07T09:35:26.116Z","updated_at":"2026-04-18T00:31:52.029Z","avatar_url":"https://github.com/KaushikShivam.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Odigo - Your Personal Japan Guide\n\n\n[Odigo](https://rawcdn.githack.com/KaushikShivam/odigo/9e4f8b02367a32b90f1b78ceee87061978bddfab/index.html) is a professional, flat and modern website Travel tempate. It uses modern CSS features such as CSS grids and advanced animations instead of bootstrap. \n\n![Odigo Screenshot](screenshot.png)\n\n## Table of content\n- [Description](#description)\n- [Installation](#installation)\n- [Scripts](#scripts)\n- [Contact](#contact)\n\n\n## Description\n\nThis template uses the following:\n\n- ### Modern CSS\n- ### BEM Methodology\n- ### Custom 4 column grid\n- ### SASS\n  - `variables`\n  - `nesting`\n  - `parials and imports`\n  - `mixins`\n  - `functions`\n  - `extends`\n- ### 7-1 project structure for SASS Files -\n\n  - `base/`\n  - `components/`\n  - `layout/`\n  - `pages/`\n  - `themes/`\n  - `abstracts/`\n  - `vendors/`\n\nA [build script](#scripts) is created to accomodate older browser compatibility\n\n## Installation\n\n1. Clone the project to your local directory\n```\ngit clone https://github.com/KaushikShivam/odigo.git\n```\n\n2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies\n```\nnpm install\n```\n3. Run the watch script to view live changes to your CSS\n```\nnpm run watch:sass\n```\n4. Open the index.html file in your browser to view the website in all its glory (Live-server is recommended to view live changes automatically)\n\n\n## Scripts\nThe project uses [AutoPrefixer](https://github.com/postcss/autoprefixer), [Node-sass](https://github.com/sass/node-sass), [npm-run-all](https://www.npmjs.com/package/npm-run-all) etc to build the following scripts:\n\n### Watch live changes in development\n1. Watch live changes to the sass\n```\n\"watch:sass\": \"node-sass sass/main.scss css/style.css -w\"\n```\n\n2. Run Live-server for live development changes\n```\n\"devserver\": \"live-server --browser=firefox\"\n```\n3. Script to run both simultaneously\n```\n\"start\": \"npm-run-all --parallel devserver watch:sass\",\n```\n\nRun ```npm start``` to run the script\n\n### Build script for production\n\n1. Compile sass files\n```\n\"compile:sass\": \"node-sass sass/main.scss css/style.comp.css\"\n```\n\n2. Add prefixes automatically to the modern CSS rules (supports last 10 years - Can be configured)\n```\n\"prefix:css\": \"postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css\"\n```\n\n3. Adds compression\n```\n\"compress:css\": \"node-sass css/style.prefix.css css/style.css --output-style compressed\"\n```\n4. Final Build process\n```\n\"build:css\": \"npm-run-all compile:sass prefix:css compress:css\"\n```\n\nRun ```npm run build:css``` to run the build script\n\n## Contact\nYou can contact me at:\n\n- [Portfolio](https://www.shivamkaushik.com)\n- [Email](mailto:shivamkaushikofficial@gmail.com)\n- [Linkedin](https://www.linkedin.com/in/kshivamdev/)\n- [Twitter](https://twitter.com/kShivamDev)\n- [Medium](https://medium.com/@shivamkaushikofficial)\n- [Angellist](https://angel.co/kshivamdev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fodigo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaushikshivam%2Fodigo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fodigo/lists"}