From 99653fd0aee8a9781e90d9c6f82ae12f62c6c6c8 Mon Sep 17 00:00:00 2001
From: Adnane Lamghari <adnane.lmg@gmail.com>
Date: Sun, 15 Nov 2020 21:52:19 +0100
Subject: [PATCH] WIP: update readme.md - display demo gif

---
 .idea/workspace.xml | 26 ++++++++++++++++----------
 README.md           |  6 ++++--
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ebf00a1..036b226 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,11 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="2164b124-2380-4424-b947-7e8e9cdb1e46" name="Default Changelist" comment="feat : change card background in demo page">
-      <change afterPath="$PROJECT_DIR$/docs/assets/images/demo.gif" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+    <list default="true" id="2164b124-2380-4424-b947-7e8e9cdb1e46" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/docs/assets/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/docs/assets/css/main.css" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -79,7 +76,7 @@
       <workItem from="1605358413765" duration="15000" />
       <workItem from="1605361773268" duration="634000" />
       <workItem from="1605443591317" duration="6594000" />
-      <workItem from="1605451618044" duration="6400000" />
+      <workItem from="1605451618044" duration="6928000" />
     </task>
     <task id="LOCAL-00001" summary="first commit: feat add payment form &amp; demo page">
       <created>1605446655376</created>
@@ -109,7 +106,14 @@
       <option name="project" value="LOCAL" />
       <updated>1605454645377</updated>
     </task>
-    <option name="localTasksCounter" value="5" />
+    <task id="LOCAL-00005" summary="WIP: update readme.md">
+      <created>1605472997127</created>
+      <option name="number" value="00005" />
+      <option name="presentableId" value="LOCAL-00005" />
+      <option name="project" value="LOCAL" />
+      <updated>1605472997127</updated>
+    </task>
+    <option name="localTasksCounter" value="6" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -122,25 +126,27 @@
     <MESSAGE value="rename demo folder to docs for github pages" />
     <MESSAGE value="fix assets in demo page" />
     <MESSAGE value="feat : change card background in demo page" />
-    <option name="LAST_COMMIT_MESSAGE" value="feat : change card background in demo page" />
+    <MESSAGE value="WIP: update readme.md" />
+    <option name="LAST_COMMIT_MESSAGE" value="WIP: update readme.md" />
     <option name="OPTIMIZE_IMPORTS_BEFORE_PROJECT_COMMIT" value="true" />
     <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="true" />
     <option name="REARRANGE_BEFORE_PROJECT_COMMIT" value="true" />
   </component>
   <component name="WindowStateProjectService">
-    <state x="437" y="0" key="CommitChangelistDialog2" timestamp="1605472004980">
+    <state x="437" y="0" key="CommitChangelistDialog2" timestamp="1605472996195">
       <screen x="0" y="0" width="1920" height="1030" />
     </state>
-    <state x="437" y="0" key="CommitChangelistDialog2/0.0.1920.1030/2400.0.2400.1300@0.0.1920.1030" timestamp="1605472004980" />
+    <state x="437" y="0" key="CommitChangelistDialog2/0.0.1920.1030/2400.0.2400.1300@0.0.1920.1030" timestamp="1605472996195" />
     <state x="437" y="0" key="CommitChangelistDialog2/0.0.1920.1030@0.0.1920.1030" timestamp="1605454643760" />
     <state x="686" y="207" key="FileChooserDialogImpl" timestamp="1605472304192">
       <screen x="0" y="0" width="1920" height="1030" />
     </state>
     <state x="686" y="207" key="FileChooserDialogImpl/0.0.1920.1030/2400.0.2400.1300@0.0.1920.1030" timestamp="1605472304192" />
     <state x="686" y="207" key="FileChooserDialogImpl/0.0.1920.1030@0.0.1920.1030" timestamp="1605448630670" />
-    <state x="451" y="156" key="Vcs.Push.Dialog.v2" timestamp="1605454648267">
+    <state x="451" y="156" key="Vcs.Push.Dialog.v2" timestamp="1605472998146">
       <screen x="0" y="0" width="1920" height="1030" />
     </state>
+    <state x="451" y="156" key="Vcs.Push.Dialog.v2/0.0.1920.1030/2400.0.2400.1300@0.0.1920.1030" timestamp="1605472998146" />
     <state x="451" y="156" key="Vcs.Push.Dialog.v2/0.0.1920.1030@0.0.1920.1030" timestamp="1605454648267" />
   </component>
 </project>
\ No newline at end of file
diff --git a/README.md b/README.md
index 73b38c6..e2d1b56 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,14 @@
 # Payment bank card
-A beautiful credit card form for payments in your website 
+A beautiful credit card form for payments in your website that includes card number formatting and automatic card type detection
 
 
 ## Demo
 
-* Working example location : `demo` directory of this repository.
+* Working example location : `docs` directory of this repository.
 * [Demo](https://adnanelamghari.github.io/payment-bank-card/)
 
+![](docs/assets/images/demo.gif)
+
 ## Usage 
 WIP