Initial commit

2023-08-29 19:55:48 +02:00
commit 7c2eec4446
473 changed files with 40947 additions and 0 deletions
--- a/Frontend/pages/home/sass/Deck.scss
+++ b/Frontend/pages/home/sass/Deck.scss
@@ -0,0 +1,75 @@
+.overview {
+    position: absolute;
+    top: 0px;
+    bottom: 0px;
+    left: 202px;
+    right: 502px;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .deck {
+        width: 960px;
+        height: 480px;
+
+        display: flex;
+        flex-wrap: wrap;
+
+        .group {
+            display: flex;
+
+            .key {
+                width: 100px;
+                height: 100px;
+                border: 2px solid #ffffff8c;
+                margin: 8px;
+                border-radius: var(--border-radius);
+                overflow: hidden;
+                transition-duration: .1s;
+                cursor: pointer;
+
+                canvas {
+                    width: 100%;
+                    height: 100%;
+                    pointer-events: none;
+                }
+
+                &:hover {
+                    border-color: var(--main-hover-color);
+                }
+            }
+
+            .key.selected,
+            .key.selected:hover {
+                border-color: var(--main-color);
+                border-width: 4px;
+                margin: 6px;
+            }
+
+            .key.context,
+            .key.context:hover {
+                border-color: var(--main-color);
+                border-width: 2px;
+                margin: 8px;
+            }
+        }
+
+        .group.small {
+            background: #2a2a2a;
+        }
+
+        .group.fs {
+            border-top-left-radius: var(--border-radius);
+            border-top-right-radius: var(--border-radius);
+        }
+
+        .group.ls {
+            border-bottom-left-radius: var(--border-radius);
+            border-bottom-right-radius: var(--border-radius);
+        }
+
+
+
+    }
+}