{"id":16701085,"url":"https://github.com/scriptex/at-the-wall","last_synced_at":"2026-03-09T08:31:58.285Z","repository":{"id":37548944,"uuid":"146968857","full_name":"scriptex/at-the-wall","owner":"scriptex","description":"A Game of Thrones scene coded in pure SCSS and HTML","archived":false,"fork":false,"pushed_at":"2026-02-23T05:33:37.000Z","size":9523,"stargazers_count":16,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-02-23T13:46:49.659Z","etag":null,"topics":["drawing","game-of-thrones","pure-css","scene"],"latest_commit_sha":null,"homepage":"https://at-the-wall.atanas.info","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/scriptex.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["scriptex"],"patreon":"atanas","open_collective":null,"ko_fi":"scriptex","tidelift":null,"community_bridge":null,"liberapay":"scriptex","issuehunt":"scriptex","otechie":null,"custom":["paypal.me/scriptex","revolut.me/scriptex"]}},"created_at":"2018-09-01T04:56:07.000Z","updated_at":"2026-02-23T05:33:40.000Z","dependencies_parsed_at":"2024-05-07T04:25:20.260Z","dependency_job_id":"b3ab11e3-08b9-4322-afb6-6e505659cc25","html_url":"https://github.com/scriptex/at-the-wall","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/scriptex/at-the-wall","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fat-the-wall","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fat-the-wall/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fat-the-wall/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fat-the-wall/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scriptex","download_url":"https://codeload.github.com/scriptex/at-the-wall/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fat-the-wall/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30287829,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:57:19.223Z","status":"ssl_error","status_checked_at":"2026-03-09T02:56:26.373Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["drawing","game-of-thrones","pure-css","scene"],"created_at":"2024-10-12T18:28:31.565Z","updated_at":"2026-03-09T08:31:58.268Z","avatar_url":"https://github.com/scriptex.png","language":"HTML","funding_links":["https://github.com/sponsors/scriptex","https://patreon.com/atanas","https://ko-fi.com/scriptex","https://liberapay.com/scriptex","https://issuehunt.io/r/scriptex","paypal.me/scriptex","revolut.me/scriptex","https://paypal.me/scriptex","https://liberapay.com/scriptex/donate"],"categories":[],"sub_categories":[],"readme":"![Screenshot](https://raw.githubusercontent.com/scriptex/at-the-wall/master/at-the-wall.png)\n\n[![Travis CI](https://travis-ci.com/scriptex/at-the-wall.svg?branch=master)](https://travis-ci.com/scriptex/at-the-wall)\n[![Github Build](https://github.com/scriptex/at-the-wall/workflows/Build/badge.svg)](https://github.com/scriptex/at-the-wall/actions?query=workflow%3ABuild)\n[![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/at-the-wall/dashboard?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=scriptex/at-the-wall\u0026utm_campaign=Badge_Grade)\n[![Codebeat Badge](https://codebeat.co/badges/d765a4c8-2c0e-44f2-89c3-fa364fdc14e6)](https://codebeat.co/projects/github-com-scriptex-at-the-wall-master)\n[![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/at-the-wall/badge)](https://www.codefactor.io/repository/github/scriptex/at-the-wall)\n[![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026tid=3574\u0026pid=5257\u0026bid=40799)\n[![Analytics](https://ga-beacon-361907.ew.r.appspot.com/UA-83446952-1/github.com/scriptex/at-the-wall/README.md?pixel)](https://github.com/scriptex/at-the-wall/)\n\n# At the Wall\n\nA scene from Game of Thrones coded in CSS and HTML.\nThere are no images used whatsoever - only code.\n\nThis is the combined work of several frontend developers, including me.\nThe purpose was to learn new things and work in a larger team.\nAs a result we achieved a complex and animations-heavy interactive drawing using SCSS and HTML only.\n\nThe team was split into smaller teams (two devs) and each team worked on a part of the drawing.\nFor example: Jon Snow, The White Walker, the sky, the snowflakes, the wall, the ground and the trees.\nI coded the White Walker and supervised the team, provided solutions or hints where needed and when everyone was done I merged their work in a single repository.\n\nThe drawing is completely fluid and adjusts itself to any viewport.\n\nThis repository contains a PWA version of the drawing, which can be installed on a PWA supported device and/or viewed offline.\n\n## Visitor stats\n\n![GitHub stars](https://img.shields.io/github/stars/scriptex/at-the-wall?style=social)\n![GitHub forks](https://img.shields.io/github/forks/scriptex/at-the-wall?style=social)\n![GitHub watchers](https://img.shields.io/github/watchers/scriptex/at-the-wall?style=social)\n![GitHub followers](https://img.shields.io/github/followers/scriptex?style=social)\n\n## Code stats\n\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/scriptex/at-the-wall)\n![GitHub repo size](https://img.shields.io/github/repo-size/scriptex/at-the-wall?style=plastic)\n![GitHub language count](https://img.shields.io/github/languages/count/scriptex/at-the-wall?style=plastic)\n![GitHub top language](https://img.shields.io/github/languages/top/scriptex/at-the-wall?style=plastic)\n![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/at-the-wall?style=plastic)\n\n## [DEMO](https://codepen.io/scriptex/full/eLWdKN/) and [PWA](https://at-the-wall.atanas.info/)\n\nThe demo contains a minified version of the HTML and the CSS output.\n\nThe PWA can be installed on any device which supports service workers and can be viewed offline.\n\n## Members (with links to their LinkedIn profiles):\n\n### Team A\n\n-   [Martin Apostolov](https://www.linkedin.com/in/martoapostolov/)\n\n### Team B\n\n-   [Georgi Krastev](https://www.linkedin.com/in/georgi-krastev-a798abba)\n-   [Veselin Stoyanov](https://www.linkedin.com/in/veselin-stoyanov-20382b47)\n\n### Team C\n\n-   [Atanas Atanasov](https://www.linkedin.com/in/scriptex)\n-   [Dimitar Germanov](https://www.linkedin.com/in/dimitar-germanov-43428312a)\n\n### Team D\n\n-   [Emil Georgiev](https://www.linkedin.com/in/emil-georgiev-23a5989b/)\n-   [Mario Todorov](https://www.linkedin.com/in/mario-todorov-9297a045/)\n\n### Team E\n\n-   [Ivaylo Kolarov](https://www.linkedin.com/in/ivaylo-kolarov-70668763/)\n-   [Elitsa Dimitrova](https://www.linkedin.com/in/elitsa-dimitrova-1b0429170/)\n\n### PM\n\n-   [Zoran Draganov](https://www.linkedin.com/in/zoran-a-k-a-zack-draganov-a7a156126/)\n\n### QA\n\n-   [Delyana Maneva](https://www.linkedin.com/in/delyana-maneva-b2069254/)\n\n### Illustrator\n\n-   [Nikolay Stanev](https://www.linkedin.com/in/nikolay-stanev-53ab04b8/)\n\n## LICENSE\n\nMIT\n\n---\n\n\u003cdiv align=\"center\"\u003e\n    Connect with me:\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://atanas.info\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/logo.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"mailto:hi@atanas.info\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/email.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.linkedin.com/in/scriptex/\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linkedin.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://github.com/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/github.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://gitlab.com/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/gitlab.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://twitter.com/scriptexbg\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/twitter.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.npmjs.com/~scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/npm.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.youtube.com/user/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/youtube.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://stackoverflow.com/users/4140082/atanas-atanasov\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/stackoverflow.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://codepen.io/scriptex/\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codepen.svg\" width=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://profile.codersrank.io/user/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codersrank.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://linktr.ee/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linktree.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\nSupport and sponsor my work:\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href=\"https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20developer%20profile%3A\u0026url=https%3A%2F%2Fgithub.com%2Fscriptex\u0026via=scriptexbg\u0026hashtags=software%2Cgithub%2Ccode%2Cawesome\" title=\"Tweet\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Tweet-Share_my_profile-blue.svg?logo=twitter\u0026color=38A1F3\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://paypal.me/scriptex\" title=\"Donate on Paypal\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?logo=paypal\u0026color=222d65\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://revolut.me/scriptex\" title=\"Donate on Revolut\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/revolut.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://patreon.com/atanas\" title=\"Become a Patron\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?logo=patreon\u0026color=e64413\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://ko-fi.com/scriptex\" title=\"Buy Me A Coffee\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=ko-fi\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://liberapay.com/scriptex/donate\" title=\"Donate on Liberapay\"\u003e\n\t\u003cimg src=\"https://img.shields.io/liberapay/receives/scriptex?label=Donate%20on%20Liberapay\u0026logo=liberapay\" /\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json\" title=\"Donate Bitcoin\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json\" title=\"Donate Etherium\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json\" title=\"Donate Shiba Inu\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscriptex%2Fat-the-wall","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscriptex%2Fat-the-wall","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscriptex%2Fat-the-wall/lists"}