{"id":15066816,"url":"https://github.com/williammbabij/neumorphism","last_synced_at":"2026-01-02T14:48:11.016Z","repository":{"id":254324606,"uuid":"846179895","full_name":"WilliamMBabij/neumorphism","owner":"WilliamMBabij","description":"William M Babij's personal website and portfolio built with Jekyll and Neumorphism design. Features a mobile-first responsive design, animated preloader, landing page with particles.js, dark Neumorphism theme, animations on scroll, GitHub API integration, and a Gulp dev workflow. Hosted on GitHub Pages.","archived":false,"fork":false,"pushed_at":"2024-11-19T14:02:58.000Z","size":3363,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T16:13:04.230Z","etag":null,"topics":["html","javascript","ruby","scss"],"latest_commit_sha":null,"homepage":"https://wmbabij.dev","language":"HTML","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/WilliamMBabij.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-22T17:24:01.000Z","updated_at":"2024-11-19T14:03:04.000Z","dependencies_parsed_at":"2024-08-22T20:13:26.190Z","dependency_job_id":"6618da05-36e7-4020-b2e3-8307e63c5627","html_url":"https://github.com/WilliamMBabij/neumorphism","commit_stats":null,"previous_names":["williammbabij/neumorphism"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilliamMBabij%2Fneumorphism","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilliamMBabij%2Fneumorphism/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilliamMBabij%2Fneumorphism/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilliamMBabij%2Fneumorphism/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WilliamMBabij","download_url":"https://codeload.github.com/WilliamMBabij/neumorphism/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822311,"owners_count":20353496,"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":["html","javascript","ruby","scss"],"created_at":"2024-09-25T01:12:42.355Z","updated_at":"2026-01-02T14:48:10.976Z","avatar_url":"https://github.com/WilliamMBabij.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# William Michael Babij's Portfolio\r\n\r\n\u003e Personal website and portfolio built with Jekyll and Neumorphism design.\r\n\r\n## Table of Contents\r\n\r\n- [About The Project](#about-the-project)\r\n  - [Built With](#built-with)\r\n  - [Features](#features)\r\n- [Getting Started](#getting-started)\r\n  - [Prerequisites](#prerequisites)\r\n  - [Installation](#installation)\r\n- [Usage](#usage)\r\n  - [Running Locally](#running-locally)\r\n  - [Personalization and Customization](#personalization-and-customization)\r\n    - [_config.yml](#_configyml)\r\n    - [Github Metadata Plugin](#github-metadata-plugin)\r\n    - [_data/*.yml](#_datayml)\r\n    - [Particles.js](#particlesjs)\r\n- [Deployment](#deployment)\r\n- [Contributing](#contributing)\r\n- [License](#license)\r\n- [Acknowledgements](#acknowledgements)\r\n\r\n## About The Project\r\n\r\nThis is the personal website and portfolio of William Michael Babij, built with `Jekyll` and hosted on `GitHub Pages`. The design is based on the Neumorphism trend and developed with a mobile-first approach. This site showcases my resume, portfolio, and various projects.\r\n\r\n### Built With\r\n\r\n- [Jekyll](https://jekyllrb.com/)\r\n- [Neumorphism Design](https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6)\r\n- [GitHub Pages](https://pages.github.com/)\r\n\r\n### Features\r\n\r\n- Mobile-First Responsive Design\r\n- Animated preloader animation\r\n- Landing Page with animated background using [particles.js](https://vincentgarreau.com/particles.js/), a Typing Carousel, and animated social icons\r\n- Dark Neumorphism Design on main content\r\n- [Animations On Scroll](https://michalsnik.github.io/aos/)\r\n- Filterable *Skills* word cloud\r\n- [GitHub's API](https://developer.github.com/v3/) automatically populating the *Open Source Projects* section\r\n- Gulp dev workflow with [BrowserSync](https://browsersync.io/), [Autoprefixer](https://autoprefixer.github.io/), and `JS` \u0026 `SCSS` minifying\r\n- [Google Analytics](https://analytics.google.com/)\r\n\r\n## Getting Started\r\n\r\nTo get a local copy up and running, follow these simple steps.\r\n\r\n### Prerequisites\r\n\r\n- [NodeJS](https://nodejs.org/en/)\r\n\r\n  ```sh\r\n  brew install node\r\n  ```\r\n\r\n  If you need to switch between Node versions regularly, consider installing Node via [Node Version Manager](https://github.com/nvm-sh/nvm/blob/master/README.md#manual-install).\r\n\r\n- [Jekyll](https://jekyllrb.com/)\r\n\r\n  ```sh\r\n  gem install bundler jekyll\r\n  ```\r\n\r\n  For more information, refer to [Jekyll Installation](https://jekyllrb.com/docs/installation/).\r\n\r\n- [Yarn](https://yarnpkg.com/)\r\n\r\n  ```sh\r\n  npm install -g yarn\r\n  ```\r\n\r\n### Installation\r\n\r\n1. Clone the repository:\r\n\r\n   ```sh\r\n   git clone https://github.com/williammbabij/neumorphism.git\r\n   ```\r\n\r\n2. Change directory into the project folder:\r\n\r\n   ```sh\r\n   cd neumorphism\r\n   ```\r\n\r\n3. Install dependencies:\r\n\r\n   ```sh\r\n   yarn\r\n   bundle install\r\n   ```\r\n\r\n## Usage\r\n\r\n### Running Locally\r\n\r\nRun and develop locally with a live server at `http://localhost:4000`. This will also build production-ready `JS` and `SCSS` assets with every change.\r\n\r\n```sh\r\ngulp\r\n```\r\n\r\n### Personalization and Customization\r\n\r\n#### _config.yml\r\n\r\nEdit `_config.yml` to personalize your site. For documentation, refer to [docs/config.md](https://github.com/longpdo/neumorphism/blob/master/docs/config.md).\r\n\r\n#### Github Metadata Plugin\r\n\r\nTo automatically have your GitHub repositories pulled for the *Open Source Projects* section, authenticate yourself for the GitHub Metadata plugin.\r\n\r\n1. Generate a new personal access token on GitHub:\r\n   - Go to the [GitHub Token site](https://github.com/settings/tokens/new)\r\n   - Select the scope `public_repository`, and add a description.\r\n   - Confirm and save the settings. Copy the token you see on the page.\r\n\r\n2. Create a `.env` file inside your repository and add your generated `JEKYLL_GITHUB_TOKEN`:\r\n\r\n   ```text\r\n   JEKYLL_GITHUB_TOKEN=0YOUR0GENERATED0TOKEN0\r\n   ```\r\n\r\n3. Change the value of `repository` inside `_config.yml` to your repository name.\r\n\r\n#### _data/*.yml\r\n\r\nEdit files inside `_data` to add information to the portfolio. For documentation, refer to [docs/data.md](https://github.com/longpdo/neumorphism/blob/master/docs/data.md).\r\n\r\n#### Particles.js\r\n\r\nEdit `assets/particles.json` to customize the landing page background animation. For more information, refer to [Particles.js Options](https://github.com/VincentGarreau/particles.js/#options).\r\n\r\n## Deployment\r\n\r\nTo deploy the site, push your changes to the `main` branch on GitHub. GitHub Pages will automatically build and publish the site.\r\n\r\n1. Commit your changes:\r\n\r\n   ```sh\r\n   git add .\r\n   git commit -m \"Your commit message\"\r\n   ```\r\n\r\n2. Push to GitHub:\r\n\r\n   ```sh\r\n   git push origin main\r\n   ```\r\n\r\n## Contributing\r\n\r\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\r\n\r\n1. Fork the Project\r\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\r\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\r\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\r\n5. Open a Pull Request\r\n\r\n## License\r\n\r\nDistributed under the MIT License. See `LICENSE` for more information.\r\n\r\n## Acknowledgements\r\n\r\n- [Jekyll](https://jekyllrb.com/)\r\n- [Neumorphism Design](https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6)\r\n- [GitHub Pages](https://pages.github.com/)\r\n- [Particles.js](https://vincentgarreau.com/particles.js/)\r\n- [Animations On Scroll](https://michalsnik.github.io/aos/)\r\n- [BrowserSync](https://browsersync.io/)\r\n- [Autoprefixer](https://autoprefixer.github.io/)\r\n- [Google Analytics](https://analytics.google.com/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliammbabij%2Fneumorphism","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliammbabij%2Fneumorphism","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliammbabij%2Fneumorphism/lists"}