diff --git a/index.html b/index.html
index 5c07aa6..b6baa2b 100644
--- a/index.html
+++ b/index.html
@@ -1217,6 +1217,72 @@
margin: 0;
}
+ .loader {
+ height: 4rem;
+ width: 4rem;
+ stroke-width: 2;
+ overflow: visible;
+ stroke: var(--accent-color);
+ fill: none;
+ stroke-dashoffset: 180;
+ stroke-dasharray: 180;
+ will-change: stroke-dashoffset;
+ }
+
+ .loading-animation {
+ -webkit-animation: load 3.6s linear infinite, spin 1s linear infinite;
+ animation: load 3.6s linear infinite, spin 1s linear infinite;
+ }
+
+ #loader {
+ text-align: center;
+ }
+
+ #loader h4 {
+ font-weight: normal;
+ }
+
+ #loader .logo {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: 2rem 0;
+ }
+
+ @-webkit-keyframes load {
+ 50% {
+ stroke-dashoffset: 0;
+ }
+ }
+
+ @keyframes load {
+ 50% {
+ stroke-dashoffset: 0;
+ }
+ }
+
+ @-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+ }
+
+ @keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+ }
+
@media only screen and (min-width: 640px) {
::-webkit-scrollbar {
width: 0.3rem;
@@ -1340,6 +1406,8 @@
console.log(`Welcome FLO_ID: ${myFloID}`)
TEDxKanke.refreshObjectData().then(result => {
console.log(result)
+ document.getElementById('username').innerHTML = `Hi, there!
${myFloID}
`; + loader('hide') }).catch(error => console.error(error)) }).catch(error => console.error(error)) } @@ -10554,6 +10622,59 @@ } +