@vixcom/ui 1.0.0

package/.firebaserc

@@ -0,0 +1,17 @@
+{
+  "projects": {
+    "default": "vixcomx"
+  },
+  "targets": {
+    "vixcomx": {
+      "hosting": {
+        "prod": [
+          "vixcomx"
+        ],
+        "dashboard": [
+          "vx-dashboard"
+        ]
+      }
+    }
+  }
+}

package/.github/workflows/deploy-prod.yml

@@ -0,0 +1,26 @@
+name: Deploy to Live Channel
+
+on:
+  push:
+    branches:
+      - main
+    # Optionally configure to run only for specific files. For example:
+    # paths:
+    # - "website/**"
+
+jobs:
+  deploy_live_website:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      # Add any build steps here. For example:
+      - run: npm run build
+      # - uses: actions/upload-artifact@v2
+      #   with:
+      #     path: /
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT }}'
+          projectId: vixcomx
+          channelId: live

package/.pnpm-debug.log

@@ -0,0 +1,19 @@
+{
+  "0 debug pnpm:scope": {
+    "selected": 1
+  },
+  "1 error pnpm": {
+    "errno": 3221225786,
+    "code": "ELIFECYCLE",
+    "pkgid": "vx-dashboard@",
+    "stage": "start",
+    "script": "http-server -P=http://127.0.0.1 -p=1400 -s --cors",
+    "pkgname": "vx-dashboard",
+    "err": {
+      "name": "pnpm",
+      "message": "vx-dashboard@ start: `http-server -P=http://127.0.0.1 -p=1400 -s --cors`\nExit status 3221225786",
+      "code": "ELIFECYCLE",
+      "stack": "pnpm: vx-dashboard@ start: `http-server -P=http://127.0.0.1 -p=1400 -s --cors`\nExit status 3221225786\n    at EventEmitter.<anonymous> (C:\\Users\\Web Dev\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\pnpm@6.31.0\\node_modules\\pnpm\\dist\\pnpm.cjs:105664:20)\n    at EventEmitter.emit (events.js:400:28)\n    at ChildProcess.<anonymous> (C:\\Users\\Web Dev\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\pnpm@6.31.0\\node_modules\\pnpm\\dist\\pnpm.cjs:92211:18)\n    at ChildProcess.emit (events.js:400:28)\n    at maybeClose (internal/child_process.js:1055:16)\n    at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)"
+    }
+  }
+}

package/css/animations.css

@@ -0,0 +1,175 @@
+@charset "UTF-8";
+.loading {
+  overflow: hidden;
+}
+
+.loading::before,
+.loading::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border-radius: inherit;
+}
+
+.loading::before {
+  content: "";
+  background-color: inherit;
+  /* opacity: 0.75; */
+  backdrop-filter: blur(5px);
+  animation: fade-out-half 5s linear infinite alternate;
+}
+
+.loading::after {
+  content: "" !important;
+  /* font-size: 200%; */
+  font-family: "FontAwesome";
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 1 !important;
+  background-color: unset !important;
+  animation: rotate-clockwise 0.25s linear infinite;
+}
+
+.loading-anim {
+  position: relative;
+  display: block;
+  text-align: center;
+  min-width: 100%;
+  opacity: 0.75;
+  font-size: 75%;
+}
+.loading-anim .animi {
+  width: 50%;
+  height: 50%;
+  object-fit: contain;
+}
+.loading-anim.has-logo::after {
+  content: "";
+  background-image: url("/assets/img/icon.png");
+  background-size: contain;
+  background-clip: border-box;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.loading-anim .ani-logo, .loading-anim.has-logo::after {
+  position: absolute;
+  display: block;
+  object-fit: contain;
+  top: 50%;
+  left: 50%;
+  width: 25%;
+  height: 25%;
+  transform-origin: center;
+  transform: translate(-50%, -50%);
+  animation: fade-out-half 5s linear infinite alternate;
+}
+
+.list-loading {
+  width: 100%;
+  height: 5rem;
+}
+
+.loading-anim-list {
+  height: 5rem;
+  text-align: center;
+}
+.loading-anim-list img {
+  height: 100%;
+  width: 100%;
+}
+
+.drop-down {
+  animation: drop-down 1.2s linear;
+}
+
+.ind-x {
+  animation: x-ind-move 1.2s ease-out backwards infinite;
+}
+
+.spin {
+  animation: rotate-clockwise 1.2s linear infinite;
+}
+
+.pulse {
+  animation: rotate-clockwise 1.2s steps(6) infinite;
+}
+
+.rotate-clockwise {
+  animation: rotate-clockwise 1.2s linear;
+}
+
+.infinite {
+  animation-iteration-count: infinite;
+}
+
+@keyframes fade-out-half {
+  from {
+    opacity: 0.5;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes x-ind-move {
+  from {
+    transform: translateX(1rem);
+  }
+}
+@keyframes drop-down {
+  from {
+    transform: translateY(0);
+  }
+}
+@keyframes rotate-clockwise {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+@-webkit-keyframes rotate-clockwise {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes zoom-in-logo {
+  from {
+    transform-origin: center;
+    transform: scale(0);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+.page-loading {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: #ffffffb0;
+  z-index: 1;
+}
+.page-loading.show {
+  display: flex;
+}
+
+.show[class*=collapse-icon],
+.show [class*=collapse-icon],
+.collapsed[class*=collapse-icon],
+.collapsed [class*=collapse-icon] {
+  transform: rotateX(-0.5turn);
+}
+
+/*# sourceMappingURL=animations.css.map */

package/css/animations.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../styles/animations.scss"],"names":[],"mappings":";AAAA;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;AACA;EACA;EACA;;;AAGF;EACE;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOF;AAAA;AAAA;AAAA;EAEE","file":"animations.css"}