Code Monkey home page Code Monkey logo

at-the-wall's Introduction

Build Status Greenkeeper badge 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.

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

  1. Martin Apostolov

Team B

  1. Georgi Krastev
  2. Veselin Stoyanov

Team C

  1. Atanas Atanasov
  2. Dimitar Germanov

Team D

  1. Emil Georgiev
  2. Mario Todorov

Team E

  1. Ivaylo Kolarov
  2. Elitsa Dimitrova

PM

  1. Zoran Draganov

QA

  1. Delyana Maneva

Illustrator

  1. Nikolay Stanev

LICENSE

MIT

at-the-wall's People

Contributors

scriptex avatar renovate-bot avatar greenkeeper[bot] avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.