[
{
"path": ".gitignore",
"content": ".DS_store\n.vscode\n\nrightnow.txt\n"
},
{
"path": "CNAME",
"content": "www.bandersnatch.life"
},
{
"path": "LICENSE",
"content": "MIT License\n\nCopyright (c) [2019] [Ahmad M. Osman]\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "README.md",
"content": "# :computer: Bandersnatch :movie_camera:\n[Bandersnatch Life](http://bandersnatch.life) is an interactive website for the movie Black Mirror: Bandersnatch by Netflix. [Bandersnatch Life](http://bandersnatch.life) allows you to explore all possible paths in an interactive way - and in my opinion is a must to fully absorb all possible outcomes of the movie! \n\n## Table of Content :blue_book:\t\n * [๐ป Bandersnatch ๐ฅ](#computer-bandersnatch-movie_camera)\n * [Table of Content ๐](#table-of-content-blue_book)\n * [Features โจ ๐](#features-sparkles-sunglasses)\n * [Demo and Screenshots ๐ท ๐น](#camera-demo-and-screenshots-video_camera)\n * [Usage ๐ฎ](#usage-video_game)\n * [Contributing ๐ฅ](#contributing-fire)\n * [Tools ๐](#tools-eyeglasses)\n * [Future Plans ๐](#future-plans-soon)\n * [Current Website Hierarchy ๐ช](#current-website-hierarchy-muscle)\n * [Collaborators & Contributors ๐บ ๐](#man_dancing-collaborators--contributors-dancer)\n * [Inspiration ๐](#inspiration-notebook)\n * [License ๐](#license-books)\n\n## Features :sparkles: :sunglasses:\n\nCurrently, [Bandersnatch Life](http://bandersnatch.life) supports the following:\n\n* Informational Notifications - Some are Timed\n\n* Paths Explorations\n\n* Paths Collapse\n\n* Page Scaling\n \n* Vertical and Horizontal Scrolling\n\n## :camera: Demo and Screenshots :video_camera:\n\n[Bandersnatch Life](http://bandersnatch.life) | [Bandersnatch Life](http://bandersnatch.life)\n:-------------------------:|:-------------------------:\n | \n | \n\n\n\n## Usage :video_game:\n\nThis website is written in **Javascript** with help of D3.js. Data in JSON and its related scripts are in **Python 3.7**\n\n* `git clone https://github.com/Ahmad-Magdy-Osman/Bandersnatch.git`\n\n* `cd Bandersnatch`\n\n* `Run index.html`\n\n## Contributing :fire:\n\n1. :spaghetti: Fork this repo!\n2. Clone and `cd` into it\n3. Create your feature branch: `git checkout -b my-new-feature`\n4. Commit your changes: `git commit -m 'Add some feature'`\n5. Push to the branch: `git push origin my-new-feature`\n6. Submit a pull request :+1:\n\n## Tools :eyeglasses:\nProgramming languages, formats, and libraries.\n * HTML\n * Bootstrap\n * CSS\n * Javascript\n * D3.JS\n * Sweetalert 2\n * Python 3\n * JSON\n\n## Future Plans :soon:\nBased on given feedback, the following improvements are to be made/considered. Please feel free to pick any of them and start working on improving it as a contribtor.\n\n* General\n * Mobile Responsiveness\n * Save user session with all visited paths\n* Notifications\n * Wait time\n * Change notifications into rounded boxes(popover, toolbox), with hover-over focus, that reside over the center of the links\n* Graphics\n * Horizontal Scrolling (overriding the overflow of the body element by the svg's element)\n * Auto-focus on new choices\n * Zooming in and out\n * Maybe zoom out of the previous nodes while still zoom in on the new ones to make all of them fit on screen?\n * Expand everything!\n * Left to right paths\n * Maybe as an option?\n * Text wrapping \n* Content\n * Which cereal video ad is played\n * Overriding not to talk about the mom path\n* Marketing\n * SEO\n * Share on Social Media button\n* Style/Design\n * Fonts\n * Footer\n * Links and Nodes Color\n* Read Me\n * Add contributors\n\n## Current Website Hierarchy :muscle:\n\n* Single page with paths and notifications.\n \n* More to come...\n\n## :man_dancing: Collaborators & Contributors :dancer:\n\n[![](\"https://github.com/Ahmad-Magdy-Osman.png\")
Ahmad M. Osman](https://github.com/Ahmad-Magdy-Osman)