eight blocks

2023-09-28 15:48:37 +01:00
parent 108d1762d6
commit ec8fc53dcb
9 changed files with 370 additions and 28 deletions
--- a/frontend/src/app/components/eight-blocks/eight-blocks.component.scss
+++ b/frontend/src/app/components/eight-blocks/eight-blocks.component.scss
@@ -0,0 +1,50 @@
+.blocks {
+  width: 100%;
+  height: 100%;
+  min-width: 100vw;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: start;
+  align-items: start;
+  align-content: start;
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  .block-wrapper {
+    flex-grow: 0;
+    flex-shrink: 0;
+    position: relative;
+    --block-width: 1080px;
+
+    .info {
+      position: absolute;
+      left: 10%;
+      top: 10%;
+      right: 10%;
+      bottom: 10%;
+      height: 80%;
+      width: 80%;
+      overflow: hidden;
+      font-size: calc(var(--block-width) * 0.04);
+
+      h1 {
+        font-size: 4em;
+        margin-bottom: 0.1em;
+      }
+      h2 {
+        font-size: 2.5em;
+        margin-bottom: 0.1em;
+      }
+
+      .hash {
+        font-family: monospace;
+        word-wrap: break-word;
+        font-size: 1em;
+        margin-bottom: 0.1em;
+      }
+    }
+  }
+}