{"id":24740286,"url":"https://github.com/derektypist/sidebar-project","last_synced_at":"2026-05-19T10:01:29.721Z","repository":{"id":100100683,"uuid":"360934927","full_name":"derektypist/sidebar-project","owner":"derektypist","description":null,"archived":false,"fork":false,"pushed_at":"2021-04-27T16:07:48.000Z","size":53,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-11T16:51:12.133Z","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":"2021-04-23T15:52:54.000Z","updated_at":"2021-04-27T16:07:50.000Z","dependencies_parsed_at":"2023-05-12T07:45:46.088Z","dependency_job_id":null,"html_url":"https://github.com/derektypist/sidebar-project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derektypist/sidebar-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fsidebar-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fsidebar-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fsidebar-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fsidebar-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/sidebar-project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fsidebar-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276204837,"owners_count":25602738,"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","status":"online","status_checked_at":"2025-09-21T02:00:07.055Z","response_time":72,"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:22:43.450Z","updated_at":"2025-09-21T06:51:15.151Z","avatar_url":"https://github.com/derektypist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sidebar Project\n\nThe purpose of the project is to provide a sidebar using plain JavaScript without using frameworks.  However, Font Awesome and Google Fonts (e.g. to use Font Roboto) will be used.\n\n## UX\n\n### User Stories\n\nAs a user, I expect to show or hide the sidebar.\n\nAs a user, when the sidebar is shown and the times icon is clicked, the sidebar is hidden.\n\nAs a user, when I hover on to the links, the color changes.\n\nAs a user, when I hover on to the icons (except bars and times), I expect a tooltip (e.g. LinkedIn) to be displayed.\n\nAs a user, when I click on a link, I expect to go to the correct page.\n\nAs a user, when I click on an external link, I expect the link to open in a new window without leaving the Sidebar Project page.\n\n### Information Architecture\n\nThe project consists of:\n\n    - index.html (Home Page)\n    - about.html\n    - projects.html\n    - contact.html\n\nOrganising principle is interests or biography.\n\nIn the projects page, there are links to live projects and GitHub repositories in each project.  These projects are with Code Institute and FreeCodeCamp.\n\nIn the contact page, there are links to professional associations (e.g. British Computer Society) and professional social media (e.g. LinkedIn).\n\n## Features\n\nLinks to Professional Associations, Professional Social Media (e.g. LinkedIn), Live Projects and GitHub Repositories.  Sidebar Toggle and Close Button.\n\n## Technologies\n\nThis project uses the technologies of HTML5, CSS3, JavaScript, Google Fonts and Font Awesome 5.15.2.\n\n## Testing\n\nEnsure all the user stories have been met.  For example, manually check the links to ensure that they are pointing in the correct direction.  External Links (e.g. BCS) open in a new window.\n\n## Deployment\n\nDeployed on [GitHub Pages](https://derektypist.github.io/sidebar-project) at the main branch.\n\n## Credits\n\nWebAIM for checking contrast.  Styles in style.css taken from John Smilga, see acknowlegements.  Last accessed on 25 April 2021.\n\n### Acknowledgements\n- [FreeCodeCamp](https://www.youtube.com/watch?v=3PHXvlpOkf4\u0026t=1825s)\n- [John Smilga](https://github.com/john-smilga/javascript-basic-projects)\n- [WebAIM](https://www.webaim.org/resources/contrastchecker)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fsidebar-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fsidebar-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fsidebar-project/lists"}