{"id":15041650,"url":"https://github.com/bankole2000/portfolio","last_synced_at":"2026-02-02T06:08:39.562Z","repository":{"id":41795284,"uuid":"181972199","full_name":"Bankole2000/portfolio","owner":"Bankole2000","description":"🤵 First Personal Portfolio website","archived":false,"fork":false,"pushed_at":"2022-12-08T22:42:15.000Z","size":42465,"stargazers_count":3,"open_issues_count":8,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-06T03:43:32.983Z","etag":null,"topics":["css-grid","flexbox","node","node-sass","portfolio","projects","sass"],"latest_commit_sha":null,"homepage":"https://bankole2000.github.io/portfolio","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/Bankole2000.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-04-17T21:40:09.000Z","updated_at":"2022-11-10T22:06:35.000Z","dependencies_parsed_at":"2023-01-25T15:15:30.635Z","dependency_job_id":null,"html_url":"https://github.com/Bankole2000/portfolio","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/Bankole2000%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bankole2000","download_url":"https://codeload.github.com/Bankole2000/portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247478329,"owners_count":20945267,"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":["css-grid","flexbox","node","node-sass","portfolio","projects","sass"],"created_at":"2024-09-24T20:46:19.929Z","updated_at":"2026-02-02T06:08:39.499Z","avatar_url":"https://github.com/Bankole2000.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# First Portfolio Website\n\nA simple website that I'm using as my portfolio for the time being.\n\n[![Project](https://img.shields.io/badge/Project-Portfolio-orange.svg)](https://bankole2000.github.io/githubfinder)\n\n_\u003cp align=\"center\"\u003e\"Alexander Hamilton... my name is Alexander Hamilton... There's a million things I haven't done... but just you wait... just you wait...\"\u003c/p\u003e_\n\n\u003cdiv align=\"center\" style=\"text-align:center; margin:auto;\"\u003e\n\u003cimg align=\"center\" src=\"https://i.imgur.com/VAy4MSS.png\" width=\"150\"/\u003e\n\u003c/div\u003e\n\nMy very first Portfolio website... (Kept thinking to myself _\"how/why the hell haven't I built one all these years?_ o.O\" - well now I have, lol ). Built with `node-sass html5 css3` and a little `javascript ES6`.\n\n## What it is\n\nA simple, reponsive portfolio website. Built with:\n\n- HTML\n- CSS\n- Vanilla JS - ES6\n- Node Sass\n- [Patience](https://www.wikihow.com/Love-Programming) - Strictly for the love of coding _Mehn!_\n\n## What it does\n\n- Display Projects\n- Try to look pretty, simple, and hopefully not too formal.\n- Inform visitors about me\n- Links to All the things\n- Link Back to project Repos and Home Pages (if available)\n\n## Learning Points\n\n- Sass Mixins\n- Sass functions\n- Responsive design \u0026 media queries\n- CSS Grid\n- Flexbox\n- CSS Animations/transitions\n- Psuedo Elements\n\n## Issues\n\n1. **Node sass error**\n\nCompiling `.scss` files with `node-sass` using the following script in `package.json`\n\n```json\n\"scripts\": {\n    \"sass\": \"node-sass -w scss/ -o dist/css/ --recursive\"\n  }\n```\n\nproduced certain errors on VSCode on windows, specifically =\u003e\n\n```json\n{\n  \"status\": 3,\n  \"message\": \"File to read not found or unreadable: C:/Users/Urhiafe Patience/projects/portfolio/scss/main.scss\",\n  \"formatted\": \"Internal Error: File to read not found or unreadable: C:/Users/Urhiafe Patience/projects/portfolio/scss/main.scss\\n\"\n}\n```\n\nTo fix this, I used a solution I found [here](https://github.com/michaelwayman/node-sass-chokidar/issues/22), replacing the contents of the `node_modules/node-sass/lib/render.js` file with [this patched file](https://github.com/marcosbozzani/node-sass/blob/bug-vscode-watch/lib/render.js). Started rendering properly afterwards\n\n2. **Overriding CSS**\n\nwhile coding the responsiveness (using media queries defined in the `_config` and `_mobile` partials), the css began to overide each other, with css on earlier lines being overridden by css in later lines (something i learnt from jen Simmons) like so =\u003e\n\n```css\nmain#home h1 {\n  // @media small screens\n  margin-top: 5vh;\n}\nmain#home h1 {\n  // @media larger screens\n  margin-top: 20vh;\n}\n```\n\nSo earlier occuring css is overriden in the browser like this =\u003e\n~~main#home h1 {\nmargin-top: 5vh;\n}~~ while later css is implemented. Thus to ensure that responsive css is applied by the browser, I imported the `_mobile.scss` file last in the `main.scss` file\n\n## Acknowledgments\n\n- Many thanks to [@bradtraversy](https://github.com/bradtraversy) for his awesome courses - _i will not fail you sensei_\n- Thanks to [@torvalds](https://github.com/torvalds) For Making the world a better place\n- And To anyone reading this... _You're awesome!_\n\n_\u003cp align=\"center\"\u003eAnd remember from here on end... History has it's eyes on you...\u003c/p\u003e_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbankole2000%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbankole2000%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbankole2000%2Fportfolio/lists"}