All Projects → scriptex → at-the-wall

scriptex / at-the-wall

Licence: MIT License
A Game of Thrones scene coded in pure SCSS and HTML

Programming Languages

HTML
75241 projects
SCSS
7915 projects
PHP
23972 projects - #3 most used programming language
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to at-the-wall

Drawing
Drawing and fill color
Stars: ✭ 37 (+208.33%)
Mutual labels:  drawing
durdraw
Animated Unicode, ANSI and ASCII Art Editor for Linux/Unix/macOS
Stars: ✭ 55 (+358.33%)
Mutual labels:  drawing
ocaml-cairo
Binding to Cairo, a 2D Vector Graphics Library.
Stars: ✭ 39 (+225%)
Mutual labels:  drawing
responsive-css-grid
A super-lightweight, responsive, 8-column grid based on box-sizing
Stars: ✭ 46 (+283.33%)
Mutual labels:  pure-css
KGySoft.Drawing
KGy SOFT Drawing is a library for advanced image, icon and graphics handling.
Stars: ✭ 27 (+125%)
Mutual labels:  drawing
Game-Of-Thrones
leaked secrets of GOT ❄️ 🔥!
Stars: ✭ 30 (+150%)
Mutual labels:  game-of-thrones
WarezBot
Public Version of Discord bot for scene release
Stars: ✭ 30 (+150%)
Mutual labels:  scene
Dynamic-Draw
This is a plugin for Paint.NET that extends it with dynamic brush capabilities. Images can be used as brushes to draw with options to adjust and jitter the brush in different ways.
Stars: ✭ 15 (+25%)
Mutual labels:  drawing
sdfx
C# bindings for https://github.com/andlabs/libui targeting .NET Standard.
Stars: ✭ 31 (+158.33%)
Mutual labels:  drawing
SpikeTip
Create effortless tooltips that breathe CSS! No Javascript. Just the good old CSS.
Stars: ✭ 26 (+116.67%)
Mutual labels:  pure-css
huion-linux-drivers
Linux user-space drivers for Huion Graphic Tablets
Stars: ✭ 154 (+1183.33%)
Mutual labels:  drawing
DrawBot
Repository for DrawBot. The Discord Art bot!
Stars: ✭ 11 (-8.33%)
Mutual labels:  drawing
pixelino
Pixel-drawing app for iOS ✍️
Stars: ✭ 45 (+275%)
Mutual labels:  drawing
DreamBig
☁🌝☁ 3D emoji drawing iPad app with ARKit and the Apple Pencil ☁🌝☁
Stars: ✭ 24 (+100%)
Mutual labels:  drawing
ShadowEditor-examples
ShadowEditor Demo. https://tengge1.github.io/ShadowEditor-examples/
Stars: ✭ 33 (+175%)
Mutual labels:  scene
homebridge-yeelight-platform
Homebridge plugin for Yeelight Lights supporting Scenes/Moods/Color Flow/Custom Presets/Music Flow/Night Mode
Stars: ✭ 53 (+341.67%)
Mutual labels:  scene
SwiftUI-Shapes
Commonly Used Shapes and Utilities In SwiftUI
Stars: ✭ 52 (+333.33%)
Mutual labels:  drawing
Elementa
A simple, declarative GUI library for Minecraft
Stars: ✭ 160 (+1233.33%)
Mutual labels:  drawing
HoroscopeDrawer
JavaScript-Library to draw celestial charts in SVG-Format.
Stars: ✭ 51 (+325%)
Mutual labels:  drawing
mapus
A map tool with real-time collaboration 🗺️
Stars: ✭ 2,687 (+22291.67%)
Mutual labels:  drawing

Screenshot

GitHub issues GitHub last commit Build Status 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

Support this project

Tweet Donate Become a Patron

LICENSE

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].