New version (ai#83)

* v1

* Home page is beautiful. Fix build system

* Update Readme.md

* Update package.json

* Updated absolute paths

* Rebuild project

* Update gitignore

* Update precommit hook

* Fix build system

* Adaptation for mobile devices

* Update the scroll animation

* Added chart navigation

* Added internal page

* Rebuild

* Fixed example code

* Fixed example code

* Resize grid info

* Update distances

* Updated animation

* Updated animation

* Corrected adaptability

* Corrected animation

* Updated animation

* Updated animation

* Corrected animation

* Corrected animation

* Added axis on the inner page

* Removed CSS-in-JS

* Moved description to header

* Updated github cat

* Build

* Fixed cat for mobile

* Build

* Removed github logo file

* Update the build system

* Increase text in header

* Update .gitignore

* Remove old link

* Update the animation

* Tracking the routing

* Add octacat

* Added a smooth indent footer

* Added a smooth indent footer

* Update .editorconfig

* Added CI

* Update CI config

* Update CI config

* Fix opensource

* Update CI

* Add typescript

* Update build config

* Add example transitions

* Update build system

* Added color system

* Added spaces for code examples

* Changed size the example code

* Removed transition for footer

* Update build system

* Update scripts

* Added listener for escape button

* Reducing transition

* Reducing transition

* Fixed hover on chart

* Update CI config

* Update CI config

* Update CI config

* Update CI config

* Update CI config

* Update info page

* Update CI config

* Fixed charts in IE

* Fixed charts in IE

* Fixed info page

* Fixed home page

* Update CI config

* Fixed animation

* Fixed scroll

* Fixed scroll

* Update build system

* Update design

* Update design

* Fixed corner radius

* Design update

* Changed behavior the opensource button

* Update build system

* Fixed build system

* Changed design

* Changed button

* Changed animation for the opening info

* Fixed animation for the opening info

* Fixed icon

* Removed offset at active state the interactive element

* Added link to cubic-bezier.com with the selected function

* Removed shadow of the header

* Added the complex functions

* Fixed footer

* Fixed the opacity at the complex animations

* Added the data for the complex animation

* Updated the build system

* Fixed the build system

* Fixed the layout at the info screen

* Added the link on PostCSS plugin

* Fixed the info opening

* Fixed the overlay showing

* Added the examples for the complex functions

* Fixed the grid at the info page

* Fixed the overlay at the info page #5ldwT7EL

* Fixed the charts at the home page

* Fixed the grid at the home page

* Fixed the chart at the info screen

* Added the space at the keyframes

* Fixed a buttons and an icons

* Added the links on tools

* Changed the offset at the header

* Added the shadow for a keyframes examples

* Fixed the outline at a links

* Fixed the space at the keyframes

* Optimized the animation at the info screen

* Cleaned the code

* Changed the order the buttons for the transition example

* Fixed the animation at the info screen

* Fixed align text for the header

* Updated the keyframes

* Fixed the order of the keyframes examples

* Added the text selecting at the click

* Added the example gradient

* Fixed the indent at the info screen

* Changed the style for the example code

* Changed the style for the example code

* Fixed the code example

* Added the example code for the gradient

* Fixed the tabs at the code example

* Updated the text at the header

* Moved the text about the tool

* Changed the scroll when open the information screen

* Fixed the line height by the code example

* Update the example text

* Improved the animation

* Fixed the positions at the buttons

* Changed Gulp to Parcel for building the project

* Added tslint

* Divided the code into components

* Removed the unused selector

* Fixed the example animation

* Added the animation the cursor for curve example

* Sass goodbye 😢

* Fixed the code style

* Added the generating keyframes for the examples animations

* Removed IDEA specific files

* Fixed the generating keyframes for the examples animations

* Update .browserlistrc

* Update the CSS code example

* Fix the chart at the home page

* Add build mode for production

* Remove unused selectors

* Fix the functions chart for the main page

* Add critical css

* Change the cart image

* Remove whitespace at HTML

* Improve compression

* Add relative paths for assets

* Fix the return the example animation

* Add lang attribute

* Fix the return the example animation

* Add pre-commit hook at tslint

* Rename interfaces

* Add my name

* Fix JS compression

* Improve compress 'focus-visible' polyfill

* Add compress build files

* Add label for select language

* Change primary color

* Change primary color

* Add metadata

* Fix selector

* Add padding for non-standard screens

* Remove empty field

* Add ignore rule at browserlist

* Change ruleset of system font

* Remove file compression in production

* Remove unused code

* Add metadata

* Add l10n for development environment

* Add l10n for production

* Fix redirect of language

* Fix redirect of language

* Add big icon for manifest

* Add manifest for different languages

* Fix meta og:image

* Add index page minification

* Fix language select

* Fix HTML minification

* Clean up code

* Remove unused rules at .editorconfig

* Change icons

* Fix the link at Github

* Remove smooth transition for :active state

* Add dark theme

* Prepare for PR

.babelrc

@@ -0,0 +1,7 @@
+{
+	"presets": [
+		["@babel/env", {
+			"useBuiltIns": "entry"
+		}]
+	]
+}

.circleci/config.yml

@@ -0,0 +1,39 @@
+version: 2
+
+jobs:
+  build:
+    docker:
+      - image: circleci/node:latest
+    steps:
+      - add_ssh_keys:
+          fingerprints:
+            - "cf:94:68:a5:ab:31:17:ab:24:6e:7b:7b:14:07:fe:79"
+      - checkout
+      - run:
+          name: Install dependencies
+          command: npm i
+      - run:
+          name: Install gh-pages
+          command: npm install [email protected]
+      - run:
+          name: Build project
+          command: npm run build
+      - run:
+          name: Git config user.email
+          command: git config user.email "[email protected]"
+      - run:
+          name: Git config user.name
+          command: git config user.name "Ivan Solovev"
+      - run:
+          name: Deploy project to gh-pages branch
+          command: ./node_modules/.bin/gh-pages --dotfiles --message "[ci skip] Updates" --dist dist
+
+workflows:
+  version: 2
+  build:
+    jobs:
+      - build:
+          filters:
+            branches:
+              only: master
+

.editorconfig

@@ -0,0 +1,17 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.yml]
+indent_style = space
+indent_size = 2
+
+[node_modules/**.js]
+codepaint = false

.gitignore

@@ -1,2 +1,5 @@
-.bundle/
-public/
+dist/
+.cache
+
+node_modules
+yarn-error.log

.prettierignore

@@ -0,0 +1 @@
+dist/

README.md

@@ -26,26 +26,16 @@ for example `fr-ca` for Canadian French) and translate all messages.
 
 ### Test
 
-1. To build the site and test your fix/translation you’ll need to have Ruby and
-   Bundler installed. For example, in a Debian-based (e.g. Ubuntu) environment:
+1. Install project dependencies:
 
      ```sh
-    sudo apt-get install ruby1.9.1 ruby1.9.1-dev
-    sudo gem1.9.1 install bundler --no-user-install --bindir /usr/bin
+    yarn install
      ```
 
-2. Install project dependencies:
+2. That’s all. Run development server:
 
      ```sh
-    bundle install --path=.bundle
+    yarn run start
      ```
 
-3. That’s all. Run development server:
-
-     ```sh
-    bundle exec rake server
-     ```
-
-4. And open [localhost:3000] in browser.
-
-[localhost:3000]: http://localhost:3000/
+3. And open [localhost:3000] in browser.