Skip to content

scriptex/at-the-wall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1dc9e2e · Mar 23, 2025
Oct 24, 2023
Jul 29, 2024
Sep 8, 2022
Dec 8, 2022
Dec 8, 2022
Dec 8, 2022
Nov 30, 2018
Sep 1, 2018
Jun 30, 2019
Dec 8, 2022
Nov 22, 2018
Nov 22, 2018
Sep 8, 2022
Sep 8, 2022
Sep 8, 2022
Jan 21, 2019
Sep 8, 2022
May 15, 2019
May 15, 2019
Dec 8, 2022
Nov 24, 2018
Jun 30, 2019
Dec 8, 2022
Aug 18, 2020
Jul 29, 2024
Feb 12, 2024
Sep 8, 2022
Mar 23, 2025
Nov 27, 2024
Dec 8, 2022
Jul 29, 2024
Mar 23, 2025

Repository files navigation

Screenshot

Travis CI Github Build Codacy Badge Codebeat Badge CodeFactor Badge DeepScan grade Analytics

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

GitHub stars GitHub forks GitHub watchers GitHub followers

Code stats

GitHub code size in bytes GitHub repo size GitHub language count GitHub top language GitHub last commit

DEMO and PWA

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

Team B

Team C

Team D

Team E

PM

QA

Illustrator

LICENSE

MIT


Connect with me:

                     

Support and sponsor my work: