{"id":24740459,"url":"https://github.com/derektypist/derek-dhammaloka-personal-profile","last_synced_at":"2026-05-19T06:05:01.577Z","repository":{"id":100100543,"uuid":"230973266","full_name":"derektypist/derek-dhammaloka-personal-profile","owner":"derektypist","description":null,"archived":false,"fork":false,"pushed_at":"2020-01-08T13:34:59.000Z","size":2285,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-13T19:42:36.504Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/derektypist.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,"zenodo":null}},"created_at":"2019-12-30T20:06:04.000Z","updated_at":"2020-01-08T13:35:01.000Z","dependencies_parsed_at":"2023-05-12T07:30:40.915Z","dependency_job_id":null,"html_url":"https://github.com/derektypist/derek-dhammaloka-personal-profile","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derektypist/derek-dhammaloka-personal-profile","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-personal-profile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-personal-profile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-personal-profile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-personal-profile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/derek-dhammaloka-personal-profile/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-personal-profile/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33204085,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"online","status_checked_at":"2026-05-19T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-01-27T23:23:59.321Z","updated_at":"2026-05-19T06:05:01.565Z","avatar_url":"https://github.com/derektypist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Derek Dhammaloka Personal Profile\n \nWelcome to the Derek Dhammaloka Personal Profile.  The purpose of this project is to have functionality similar to\nhttps://codepen.io/freeCodeCamp/full/zNBOYG\n \n## UX\n\nThis project is a personal portfolio of myself.  It contains four sections - about (welcome), work (projects), skills and contact.\nThe organising principle is biography.\n\nThe about (welcome section) is who I am and what I do.\n\nThe work (projects section) consists of 9 projects.  4 milestone projects with the Code Institute, where I got my Diploma in Software Development\nwith Second Class Honours.  1 mini project with the Code Institute about my CV.  4 projects on Responsive Web Design under https://www.freecodecamp.org.\n\nEach project has a screenshot of the live project.  When the user clicks on to the screenshot, it opens the live project in a new window.\nWhen a user hovers over the screenshot the border color changes to green and a screentip is provided.\n\nThere is a caption with a link to view source code (GitHub Repository).  If the user hovers over the GitHub logo, a screentip is displayed as well as changing\nthe color to orange.\n\nThe skills section is in 3 columns - Front End, Back End and Other.\n\nThe contact section provides links to my GitHub Profile, social media (Facebook, LinkedIn, YouTube and Pinterest) and Professional Organisations (e.g. British\nComputer Society).\n\nWhen the user hovers on the navbar, the background color changes to seagreen.\n \n### User Stories\n \nUser Stories are taken from:\n \nhttps://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage\n\nWelcome section with id of welcome-section.\n\nWelcome section with h1 element containing text.\n\nProjects section with id of projects.\n\nProject section with at least 1 element with a class of project-tile to hold a project.\n\nProjects section should contain at least 1 link to a project.\n\nPortfolio should have a navbar with an id of navbar.\n\nNavbar with at least 1 link that I can navigate to different sections of the page.\n\nPortfolio should have a link of profile-link, which opens my GitHub or FCC profile in a new tab.\n\nMy portfolio should have at least 1 media query.\n\nHeight of welcome section should be equal to the height of the viewport.\n\nNavbar should be at the top of the viewport.\n\nWireframes are supplied.\n\n* [About](wireframes/about.png)\n* [Contact](wireframes/contact.png)\n* [Skills](wireframes/skills.PNG)\n* [Skills - Mobile Version](wireframes/skills-mobile.png)\n* [Work](wireframes/work.png)\n\n## Features\n\nThis project has a fixed navbar, whatever the section it is on.  It has about, work, skills and contact sections.\n\n## Technologies\n\nThis project uses HTML5, CSS3 and Bootstrap 4.4.1.  Other Technologies used include Font Awesome 4.7.0 and Google Fonts.\n\n## Testing\n\nResize the width of the browser window to see that the navbar is vertical for mobile versions.  Ensure all the links are manually tested\nto ensure that they are pointing to the correct destination.  External Links (e.g. British Computer Society) open in a new window without\nleaving the webpage.  Ensure all the user stories have been met.  If some of the user stories have not been met, go back and edit the code.  Also\nrun the code.  Repeat until all user stories have been met.\n\n## Deployment\n\nThis project is deployed on [GitHub Pages](https://derektypist.github.io/derek-dhammaloka-personal-profile) using the master branch.\n\nRemote setup at\n\n    git remote add origin https://github.com/derektypist/derek-dhammaloka-personal-profile\n    \nAny updates, use the git push command.\n\n## Credits\n\n### Content\n\nThe contents in the project were written by me.\n\n### Media\n\nAll images in the images folder are screenshots of the projects.  They are for illustration purposes only.\n\n### Acknowledgements\n\nWent to www.w3schools.com for ideas on the project.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fderek-dhammaloka-personal-profile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fderek-dhammaloka-personal-profile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fderek-dhammaloka-personal-profile/lists"}