https://github.com/scriptex/at-the-wall
A Game of Thrones scene coded in pure SCSS and HTML
https://github.com/scriptex/at-the-wall
drawing game-of-thrones pure-css scene
Last synced: 7 months ago
JSON representation
A Game of Thrones scene coded in pure SCSS and HTML
- Host: GitHub
- URL: https://github.com/scriptex/at-the-wall
- Owner: scriptex
- License: mit
- Created: 2018-09-01T04:56:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-06-03T09:40:49.000Z (8 months ago)
- Last Synced: 2025-06-03T20:36:52.664Z (8 months ago)
- Topics: drawing, game-of-thrones, pure-css, scene
- Language: HTML
- Homepage: https://at-the-wall.atanas.info
- Size: 8.94 MB
- Stars: 16
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[](https://travis-ci.com/scriptex/at-the-wall)
[](https://github.com/scriptex/at-the-wall/actions?query=workflow%3ABuild)
[](https://www.codacy.com/gh/scriptex/at-the-wall/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/at-the-wall&utm_campaign=Badge_Grade)
[](https://codebeat.co/projects/github-com-scriptex-at-the-wall-master)
[](https://www.codefactor.io/repository/github/scriptex/at-the-wall)
[](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799)
[](https://github.com/scriptex/at-the-wall/)
# At the Wall
A scene from Game of Thrones coded in CSS and HTML.
There are no images used whatsoever - only code.
This is the combined work of several frontend developers, including me.
The purpose was to learn new things and work in a larger team.
As a result we achieved a complex and animations-heavy interactive drawing using SCSS and HTML only.
The team was split into smaller teams (two devs) and each team worked on a part of the drawing.
For example: Jon Snow, The White Walker, the sky, the snowflakes, the wall, the ground and the trees.
I 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.
The drawing is completely fluid and adjusts itself to any viewport.
This repository contains a PWA version of the drawing, which can be installed on a PWA supported device and/or viewed offline.
## Visitor stats
## Code stats
## [DEMO](https://codepen.io/scriptex/full/eLWdKN/) and [PWA](https://at-the-wall.atanas.info/)
The demo contains a minified version of the HTML and the CSS output.
The PWA can be installed on any device which supports service workers and can be viewed offline.
## Members (with links to their LinkedIn profiles):
### Team A
- [Martin Apostolov](https://www.linkedin.com/in/martoapostolov/)
### Team B
- [Georgi Krastev](https://www.linkedin.com/in/georgi-krastev-a798abba)
- [Veselin Stoyanov](https://www.linkedin.com/in/veselin-stoyanov-20382b47)
### Team C
- [Atanas Atanasov](https://www.linkedin.com/in/scriptex)
- [Dimitar Germanov](https://www.linkedin.com/in/dimitar-germanov-43428312a)
### Team D
- [Emil Georgiev](https://www.linkedin.com/in/emil-georgiev-23a5989b/)
- [Mario Todorov](https://www.linkedin.com/in/mario-todorov-9297a045/)
### Team E
- [Ivaylo Kolarov](https://www.linkedin.com/in/ivaylo-kolarov-70668763/)
- [Elitsa Dimitrova](https://www.linkedin.com/in/elitsa-dimitrova-1b0429170/)
### PM
- [Zoran Draganov](https://www.linkedin.com/in/zoran-a-k-a-zack-draganov-a7a156126/)
### QA
- [Delyana Maneva](https://www.linkedin.com/in/delyana-maneva-b2069254/)
### Illustrator
- [Nikolay Stanev](https://www.linkedin.com/in/nikolay-stanev-53ab04b8/)
## LICENSE
MIT
---
Connect with me:
---
Support and sponsor my work:
