From 1f67378f5b629f77e855bd344471b7ab0aa5fd8a Mon Sep 17 00:00:00 2001 From: Diogo Lopes Date: Tue, 31 May 2022 15:09:48 +0100 Subject: [PATCH] Added installing python requirements automatically --- dist/output.css | 85 +++++++++++++++++++++++++++++++++++++--- src/index.css | 14 +++++++ src/index.html | 8 +++- src/index.js | 2 +- src/js/bookmark.js | 24 ++++++++++++ src/python/installReq.py | 5 +++ 6 files changed, 131 insertions(+), 7 deletions(-) create mode 100644 src/python/installReq.py diff --git a/dist/output.css b/dist/output.css index 52fd363..ae7945f 100644 --- a/dist/output.css +++ b/dist/output.css @@ -765,6 +765,26 @@ select { background-color: currentColor; } +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.top-2\/4 { + top: 50%; +} + +.left-2\/4 { + left: 50%; +} + +.right-2\/4 { + right: 50%; +} + .ml-2 { margin-left: 0.5rem; } @@ -781,10 +801,34 @@ select { margin-top: 0.5rem; } +.mb-\[5px\] { + margin-bottom: 5px; +} + +.mt-\[-68px\] { + margin-top: -68px; +} + +.ml-\[-68px\] { + margin-left: -68px; +} + +.mr-\[50px\] { + margin-right: 50px; +} + +.mr-16 { + margin-right: 4rem; +} + .flex { display: flex; } +.hidden { + display: none; +} + .h-8 { height: 2rem; } @@ -793,6 +837,10 @@ select { height: 6rem; } +.h-full { + height: 100%; +} + .w-full { width: 100%; } @@ -856,11 +904,6 @@ select { background-color: rgb(39 39 42 / var(--tw-bg-opacity)); } -.bg-zinc-700 { - --tw-bg-opacity: 1; - background-color: rgb(63 63 70 / var(--tw-bg-opacity)); -} - .p-2 { padding: 0.5rem; } @@ -997,4 +1040,36 @@ textarea:focus{ select:focus > option:checked { background: #000 !important; +} + +#loader { + border: 16px solid #f3f3f3; + /* Light grey */ + border-top: 16px solid #3498db; + /* Blue */ + border-radius: 50%; + width: 120px; + height: 120px; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } } \ No newline at end of file diff --git a/src/index.css b/src/index.css index 253dcba..f268498 100644 --- a/src/index.css +++ b/src/index.css @@ -89,4 +89,18 @@ textarea:focus{ select:focus > option:checked { background: #000 !important; +} + +#loader { + border: 16px solid #f3f3f3; /* Light grey */ + border-top: 16px solid #3498db; /* Blue */ + border-radius: 50%; + width: 120px; + height: 120px; + animation: spin 2s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } \ No newline at end of file diff --git a/src/index.html b/src/index.html index d06e014..8cc0e36 100644 --- a/src/index.html +++ b/src/index.html @@ -10,7 +10,13 @@ -
+
+
+

+ Installing python requirements... +

+
+