Vorbereitungen für Portfolio

2 years ago · b887301fe8
parent a030d7816d
commit b887301fe8
2 changed files with 39 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -4,17 +4,32 @@
    <base href="/website/">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
-    <title>Space</title>
+    <title>Portfolio</title>
+    <script type="module" src="main.js"></script>
 </head>
 <body>
    <main>
    <section>
-        <button type="button" id="steuerungOrbitalButton">Steuerung aktivieren!</button>
-        <a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
+        <div class="content-layer">
+            <div class="menu">
+                <button type="button" id="steuerungOrbitalButton">UI Ausblenden</button>
+                <a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+        </div>
    <canvas id="bg"></canvas>
    </section>
-
    </main>
-    <script type="module" src="main.js"></script>
 </body>
 </html>
--- a/style.css
+++ b/style.css
@ -1 +1,20 @@
+.content-layer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}

+
+.future-bend-box {
+  width: 300px;
+  height: 200px;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 50% 50% 0 50%;
+  transform: rotate(45deg);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}