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>
+        <div class="content-layer">
-        <a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
+            <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;
 }