Skip to content

A Game of Thrones scene coded in pure SCSS and HTML

License

Notifications You must be signed in to change notification settings

scriptex/at-the-wall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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: