From 9f52dc42412d49892d3557e622a6a378dcf5fbd0 Mon Sep 17 00:00:00 2001 From: clemtre Date: Mon, 19 Feb 2024 13:59:07 +0100 Subject: [PATCH] demo --- README | 14 ++++++--- demo.html | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+), 4 deletions(-) create mode 100644 demo.html diff --git a/README b/README index 9a11ea5..288f02c 100644 --- a/README +++ b/README @@ -15,17 +15,23 @@ __ \ /\ \_____/ + cssVarFilledCookies.js will bake cookies with a filling of css variables, exposing them to the user. The changes made are stored in the local storage, allowing one to make persistant interface customizations. -The styling happens within cssVarCookies.css, it wraps the generated tr, -td and textareas inside a display:none unless hovered position fixed -table. +The styling happens within cssVarFilledCookies.css, it wraps the +generated tr, td and textareas inside a display:none unless hovered +position fixed table. + + demo + + martinlemaire.fr/cssVarFilledCookies.js/demo.html usage -1. Copy cssVarCookies.js and cssVarCookies.css in your project folder. +1. Copy cssVarFilledCookies.js and cssVarFilledCookies.css in your +project folder. 2. Inside the html page you would like to modify, import the js and css files like so: diff --git a/demo.html b/demo.html new file mode 100644 index 0000000..d0dbcd6 --- /dev/null +++ b/demo.html @@ -0,0 +1,88 @@ + + + + + + + + + + +

+ cssVarFilledCookiesjs +

+ + + + +