{"id":20123440,"url":"https://github.com/hankolsen/css-battle","last_synced_at":"2026-04-19T05:34:55.597Z","repository":{"id":92649258,"uuid":"336597720","full_name":"hankolsen/css-battle","owner":"hankolsen","description":"My solutions for a few Css Battles. The goal is not to write hacky unreadable css, but rather to use as few html elements as possible.","archived":false,"fork":false,"pushed_at":"2024-06-15T15:39:51.000Z","size":55,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-15T00:27:38.181Z","etag":null,"topics":["css","css-battle","css-battle-solutions","html"],"latest_commit_sha":null,"homepage":"","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/hankolsen.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}},"created_at":"2021-02-06T17:39:29.000Z","updated_at":"2024-06-15T15:39:54.000Z","dependencies_parsed_at":"2024-06-07T07:24:28.770Z","dependency_job_id":"6c262902-6368-4652-8526-52fb241caf81","html_url":"https://github.com/hankolsen/css-battle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hankolsen/css-battle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hankolsen%2Fcss-battle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hankolsen%2Fcss-battle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hankolsen%2Fcss-battle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hankolsen%2Fcss-battle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hankolsen","download_url":"https://codeload.github.com/hankolsen/css-battle/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hankolsen%2Fcss-battle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31996445,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"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":["css","css-battle","css-battle-solutions","html"],"created_at":"2024-11-13T19:44:47.255Z","updated_at":"2026-04-19T05:34:55.570Z","avatar_url":"https://github.com/hankolsen.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Css Battle Logo](https://cssbattle.dev/images/logo.svg)\n\nMy solutions for a few Css Battles.\n\nMy goal is not to write hacky unreadable css, but rather to use as few html elements as possible.\n## Battle #1 - Pilot Battle\n[Target #1 - Simply Square](https://cssbattle.dev/play/1)  \n[Target #2 - Carrom](https://cssbattle.dev/play/2)  \n[Target #3 - Push Button](https://cssbattle.dev/play/3)  \n[Target #4 - Ups n Downs](https://cssbattle.dev/play/4)  \n[Target #5 - Acid Rain](https://cssbattle.dev/play/5)  \n[Target #6 - Missing Slice](https://cssbattle.dev/play/6)  \n[Target #7 - Leafy Trail](https://cssbattle.dev/play/7)  \n[Target #8 - Forking Crazy](https://cssbattle.dev/play/8)  \n[Target #9 - Tesseract](https://cssbattle.dev/play/9)  \n[Target #10 - Cloaked Spirits](https://cssbattle.dev/play/10)  \n[Target #11 - Eye of Sauron](https://cssbattle.dev/play/11)  \n[Target #12 - Wiggly Moustache](https://cssbattle.dev/play/12)\n\n## Battle #2 - Visibility\n[Target #13 - Totally Triangle](https://cssbattle.dev/play/13)     \n[Target #14 - Web Maker Logo](https://cssbattle.dev/play/14)   \n[Target #15 - Overlap](https://cssbattle.dev/play/15)   \n[Target #16 - The Eye of the Tiger](https://cssbattle.dev/play/16)   \n[Target #17 - Fidget Spinner](https://cssbattle.dev/play/17)   \n[Target #18 - Matrix](https://cssbattle.dev/play/18)   \n## Battle #3 - Cursor\n[Target #20 - Ticket](https://cssbattle.dev/play/20)    \n\n## Battle #4 - Display\n[Target #21 - Sitepoint Logo](https://cssbattle.dev/play/21)    \n[Target #22 - Cloud](https://cssbattle.dev/play/22)    \n[Target #23 - Boxception](https://cssbattle.dev/play/23)    \n[Target #24 - Switches](https://cssbattle.dev/play/24)    \n[Target #25 - Blossom](https://cssbattle.dev/play/25)    \n[Target #26 - Smiley](https://cssbattle.dev/play/26)    \n[Target #27 - Lock Up](https://cssbattle.dev/play/27)    \n[Target #28 - Cups \u0026 Balls](https://cssbattle.dev/play/28)    \n\n## Battle #5 - Inline\n[Target #29 - Suffocate](https://cssbattle.dev/play/29) Only 99.9% :(    \n[Target #30 - Horizon](https://cssbattle.dev/play/30)    \n\n## Battle #6 - Conic\n[Target #31 - Equals](https://cssbattle.dev/play/31)  \n[Target #32 - Band-aid](https://cssbattle.dev/play/32)\n\n## Battle #7 - Backface\n[Target #33 - Birdie](https://cssbattle.dev/play/33)  \n[Target #34 - Christmas Tree](https://cssbattle.dev/play/34)  \n[Target #35 - Ice Cream](https://cssbattle.dev/play/35)  \n[Target #36 - Interleaved](https://cssbattle.dev/play/36)  \n[Target #37 - Tunnel](https://cssbattle.dev/play/37)  \n[Target #38 - Not Simply Square](https://cssbattle.dev/play/38)  \n[Target #40 - Letter b](https://cssbattle.dev/play/40)\n\n## Battle #8 - Transition\n[Target #41 - Fox Head](https://cssbattle.dev/play/41)  \n[Target #42 - Baby](https://cssbattle.dev/play/42)  \n[Target #44 - Stripes](https://cssbattle.dev/play/44)\n## Battle #9 - Margin\n[Target #45 - Magical Tree](https://cssbattle.dev/play/45)  \n[Target #46 - Mountains](https://cssbattle.dev/play/46)  \n## Battle #10 - Block\n[Target #47 - Corona Virus](https://cssbattle.dev/play/47)  \n[Target #48 - Wash Your Hands](https://cssbattle.dev/play/48)  \n[Target #49 - Stay at Home](https://cssbattle.dev/play/49)  \n[Target #50 - Use Hand Sanitizer](https://cssbattle.dev/play/50)  \n[Target #51 - Wear a Mask](https://cssbattle.dev/play/51)  \n[Target #52 - Break the Chain](https://cssbattle.dev/play/52)  \n## Battle #12 - Blend\n[Target #62 - Sunset](https://cssbattle.dev/play/62)  \n[Target #63 - Command Key](https://cssbattle.dev/play/63)  \n## Battle #13 - Clip\n[Target #76 - Beeee](https://cssbattle.dev/play/76)  \n## Battle #14 - ZIndex\n[Target #77 - Notes](https://cssbattle.dev/play/77)  \n[Target #78 - Ukulele](https://cssbattle.dev/play/78)  \n[Target #79 - Tambourine](https://cssbattle.dev/play/79)  \n[Target #80 - Piano](https://cssbattle.dev/play/80) \n\n## Battle #15 - Filter\n[Target #81 - Odoo](https://cssbattle.dev/play/81)  \n[Target #82 - Diamond Cut](https://cssbattle.dev/play/82)   \n[Target #83 - Super Nova](https://cssbattle.dev/play/83)  \n[Target #84 - Junction](https://cssbattle.dev/play/84)  \n[Target #85 - Pythagoras](https://cssbattle.dev/play/85)  \n[Target #87 - Building Blocks](https://cssbattle.dev/play/87)  \n[Target #88 - Tight Corner](https://cssbattle.dev/play/88)\n\n## Battle #22 - Grid\n[Target #133 - Spiral](https://cssbattle.dev/play/133)  \n[Target #134 - Wig](https://cssbattle.dev/play/134)  \n[Target #135 - Spikes](https://cssbattle.dev/play/135)  \n[Target #136 - Alien Eye](https://cssbattle.dev/play/136)  \n[Target #137 - Elbox](https://cssbattle.dev/play/137)  \n[Target #138 - Lotus](https://cssbattle.dev/play/138)  \n[Target #139 - Lamp](https://cssbattle.dev/play/139)  \n[Target #140 - Eclipse](https://cssbattle.dev/play/140)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhankolsen%2Fcss-battle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhankolsen%2Fcss-battle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhankolsen%2Fcss-battle/lists"}