{"id":24740282,"url":"https://github.com/derektypist/working-tribute-page","last_synced_at":"2025-03-22T19:19:14.959Z","repository":{"id":100100697,"uuid":"350741029","full_name":"derektypist/working-tribute-page","owner":"derektypist","description":"A working version of my tribute page","archived":false,"fork":false,"pushed_at":"2024-01-08T14:05:54.000Z","size":18944,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-27T23:23:56.235Z","etag":null,"topics":["css","html5","javascript","pdf"],"latest_commit_sha":null,"homepage":"https://derektypist.github.io/working-tribute-page","language":"JavaScript","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}},"created_at":"2021-03-23T14:23:01.000Z","updated_at":"2022-11-30T11:38:44.000Z","dependencies_parsed_at":"2023-05-12T07:45:06.863Z","dependency_job_id":null,"html_url":"https://github.com/derektypist/working-tribute-page","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/derektypist%2Fworking-tribute-page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fworking-tribute-page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fworking-tribute-page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fworking-tribute-page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/working-tribute-page/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245007635,"owners_count":20546207,"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","html5","javascript","pdf"],"created_at":"2025-01-27T23:22:42.754Z","updated_at":"2025-03-22T19:19:14.926Z","avatar_url":"https://github.com/derektypist.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Derek Dhammaloka Tribute Page (Working Version)\n\nWelcome to my tribute page.  The purpose of this project is to provide a tribute page of myself.  It is a working version of [Tribute Page](https://derektypist.github.io/tribute-page).  It is done in the same way as Tribute Page, except that the **working version** can have multiple links.  For example, Links to GitHub and LinkedIn.\n\n## UX\n\nThe tribute page provides my name, slogan, image (including caption) and information.\n\nThe tribute page consists of year, milestone (e.g. Passed driving test at Sidcup, Kent) and url (if any).  The year is an integer (e.g. 1994).  The milestone is a string (e.g. Passed driving test at Sidcup, Kent).  The url is a string, which can be a link to a pdf file or external website (e.g. LinkedIn) where more information of this milestone is achieved.  \n\nIn [IQPS Spring Conference 2002](pdf/iqps-spring-conference-2002.pdf), for example, there are documents in:\n\n- Confirmation of Booking\n- Programme\n- Speakers\n- Report in Career Secretary\n\nIn [O Levels](pdf/o-level-1986.pdf), for example, there is information in terms of:\n\n- Name and Location of School (e.g. Kelsey Park School for Boys, Beckenham)\n- Boards (e.g. University of London School Examinations Board)\n- Month (e.g. June)\n- Grades (e.g. B in Chemistry)\n\nIn [Belgium 1982](pdf/belgium-1982.pdf), for example, there is information in terms of:\n\n- Invoice\n- Information Sheet on De Haan Holiday Village\n\nIn [First Internet 1997](pdf/first-internet-1997.pdf), for example, there is information about provider (on headed paper).\n\nOrganising principle is timeline.\n\nAn object array called timeline has the structure of the form:\n\n    const timeline = [\n        {...},\n        {\n            \"year\": 2008,\n            \"milestone\": \"Joined LinkedIn\",\n            \"url\": \"https://www.linkedin.com/in/derekdhammaloka\"\n        },\n        {...},\n        {...}\n    ];\n\nAs a user, I want to see a timeline of milestones, which include computing, travel, education and other personal things (e.g. Attended First Horse Race in Epsom, Surrey).  \n\nAs a user, I want to go to additional information about the milestone without having to leave the tribute page.  The link is coloured green.  Hovering over the link, the colour changes to fuchsia and a screentip (View Details) is displayed.  When that link is clicked, the web page or pdf file is opened in a new window.\n\nAs a user, I would like to see the img element responsively resize, relative to the width of the parent element, without exceeding its original size.  The max-width is set to 100%.\n\nAs a user, I would like to see the img element centered within its parent element.  Display is set to block and margin is set to auto.\n\n[PDF Files](pdf) are provided.\n\n- [AMBCS Certificate](pdf/ambcs-certificate.pdf)\n- [Belgium in 1982](pdf/belgium-1982.pdf)\n- [Degree in Maths, Statistics and Computing](pdf/degree-maths-stats-comp.pdf)\n- [Diploma in Software Development](pdf/diploma-software-development.pdf)\n- [Diploma in Web Design Specialist](pdf/diploma-web-design-specialist.pdf)\n- [IQPS Spring Conference 2002](pdf/iqps-spring-conference-2002.pdf)\n- [MBCS Certificate](pdf/mbcs-certificate.pdf)\n- [O Levels in 1986](pdf/o-level-1986.pdf)\n- [Joining BCS in 2004](pdf/bcs-join-2004.pdf)\n- [Joining Pinterest in 2012](pdf/pinterest-join.pdf)\n- [Joining Career Karma in 2020](pdf/career-karma-join.pdf)\n- [First Use of Internet and E-mail in 1997](pdf/first-internet-1997.pdf)\n\n[Wireframes](wireframes/wireframe-tribute-page.png) are provided.\n\n## Features\n\nResponsive Image, Links to External Websites or PDF Files and Timeline.  Further links will be added.\n\n## Technologies\n\nThis project uses the technologies of HTML5, CSS3, JavaScript and Google Fonts.  JavaScript is used to manipulate the object array.\n\n## Testing\n\nManually check the links to ensure that they are pointing to the correct destination.  Links to external web pages or PDF files should open in a new window.\n\n## Deployment\n\nThis project is deployed on GitHub Pages at https://derektypist.github.io/working-tribute-page using the main branch.\n\nRemote setup use the command\n\n    git remote add origin https://github.com/derektypist/working-tribute-page\n\nAny changes use the command\n\n    git push\n\n## Credits\n\n### Content\n\nThe contents of this project was written by me.\n\n### Media\n\nThe picture was taken by myself in Easter 2019.\n\n### Acknowledgements\n\nWent to Blackheath \u0026 Bromley Harriers AC Web Page (http://www.bandbhac.org.uk) for further information about myself.  Went to Gazettes and selected Sept 1993, which is at http://www.bandbhac.org.uk/cr131-091993.html\n\nInstitute of Qualified Private Secretaries (IQPS) for Details of Spring Conference in 2002.\n\nThe quote at the bottom of this page is taken from the Simen Daehlin - Mentor - Senior JavaScript Developer (August 2019).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fworking-tribute-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fworking-tribute-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fworking-tribute-page/lists"}