From a5ece86105341a3b0569face63584ecc57fe36ab Mon Sep 17 00:00:00 2001 From: Hexagon Date: Wed, 5 Jan 2022 21:20:59 +0100 Subject: [PATCH] Add animated background --- package.json | 2 +- public/static/css/demo.css | 11 +++++++++++ public/static/index.html | 24 ++++++++++++++++++++++++ 3 files changed, 36 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 4d14402..61f6bbb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "webauthn-skeleton", - "version": "0.9.2", + "version": "0.9.3", "description": "Skeleton for a Node.js powered Web Authentication API enabled website", "main": "app.js", "scripts": { diff --git a/public/static/css/demo.css b/public/static/css/demo.css index 91d678e..f0dfa7e 100644 --- a/public/static/css/demo.css +++ b/public/static/css/demo.css @@ -1,6 +1,17 @@ #mainContainer { display: none; } +#background { + width: 100vw; + height: 100vh; + position: absolute; + top: 0px; + left: 0px; + z-index: -1; +} +#content { + background: rgba(0,0,0,128); +} .left-column { width: 60%; } diff --git a/public/static/index.html b/public/static/index.html index e653577..022f3a0 100644 --- a/public/static/index.html +++ b/public/static/index.html @@ -7,6 +7,7 @@ + @@ -67,11 +68,34 @@

Your credentials

+ +
+ + + + + +