{"id":15481526,"url":"https://github.com/davidsword/ssp","last_synced_at":"2026-01-27T20:38:36.784Z","repository":{"id":136189544,"uuid":"140133983","full_name":"davidsword/ssp","owner":"davidsword","description":"Splash page code challenge","archived":false,"fork":false,"pushed_at":"2018-09-08T21:57:45.000Z","size":3236,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2024-10-19T05:15:03.255Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://io.davidsword.ca/ssp/","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/davidsword.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":"2018-07-08T03:20:32.000Z","updated_at":"2021-04-11T17:28:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"24d4b959-cfd6-4282-942b-0f4deb4d505d","html_url":"https://github.com/davidsword/ssp","commit_stats":{"total_commits":36,"total_committers":1,"mean_commits":36.0,"dds":0.0,"last_synced_commit":"d1e3e4ee97ca6f0397ab5f07b8089fa978424a1e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidsword%2Fssp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidsword%2Fssp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidsword%2Fssp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidsword%2Fssp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davidsword","download_url":"https://codeload.github.com/davidsword/ssp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243136238,"owners_count":20241988,"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":[],"created_at":"2024-10-02T05:04:46.121Z","updated_at":"2026-01-27T20:38:31.746Z","avatar_url":"https://github.com/davidsword.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SSP - Modern Front-End Dev Skill Challenge\n\nThis is my take on a creative code challenge to develop a splash screen. The challenge instructions were minimal: provided with business-card-level details, a logo, and some hipster-forest graphics, build a simple splash page. After three sit downs, this is what I built:\n\n🚀 https://io.davidsword.ca/ssp/index.html\n\n## Break Down\n\nThis challenge is more than just what you build, it's how. Here's a list of the features, tools, practices, standards, and techniques used:\n\n**TOOLING**\n\n-   npm\n-   gulp\n\n**CSS**\n\n-   SASS\n-   Alphabetized CSS declarations\n-   Dynamic parallax effect with transform\n-   Used native system font\n-   Support on all modern browsers\n-   Browser Reseting\n-   Responsive\n\n**JAVASCRIPT**\n\n-   Used ES6, converted to ES5 with Babel\n-   Componentized `.js` files\n-   Used `npm` modules\n-   Compiled with Webpack\n-   Minified\n\n**OPTIMIZATION**\n\n-   628KB, 0.9s load time\n-   `gulp-imagemin` for png, jpg, svg\n\n**INTEGRATION**\n\n-   Schema.org tags\n-   OpenGraph Tags\n-   Twitter Cards\n-   Analytics\n-   Proper favicons for all devices\n-   `.webmanifest` \u0026 other progressive-web-app-related data\n\n**HOSTING**\n\n-   SSL\n-   Served with ⚡http2\n-   `mod_expire` browser cache\n-   `mod_deflate` compression\n\n**BENCHMARKS**\n\n- [A 99%](https://gtmetrix.com/reports/io.davidsword.ca/9moOYY25) GTMetrix\n-   [91/100](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fio.davidsword.ca%2Fssp%2F\u0026tab=desktop) Google PageSpeed\n\n\n## TODO\n\n- [ ] Consider splitting CSS for optimized delivery\n- [ ] Add support for non-modern browsers (\u003e2y old)\n- [ ] Use `body` instead of `.prllx` for scrolling on mobile\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidsword%2Fssp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidsword%2Fssp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidsword%2Fssp/lists"}