Cradicle Explorer
FormlessStudio
/ index.html
index.html
  1  <!DOCTYPE html>
  2  <html lang="en">
  3  <head>
  4      <meta charset="UTF-8">
  5      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6      <title>Formless Studio</title>
  7      <style>
  8          * {
  9              margin: 0;
 10              padding: 0;
 11              box-sizing: border-box;
 12          }
 13  
 14          body {
 15              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
 16              background: #fafafa;
 17              color: #333;
 18              display: flex;
 19              align-items: center;
 20              justify-content: center;
 21              min-height: 100vh;
 22              padding: 2rem;
 23          }
 24  
 25          .container {
 26              max-width: 800px;
 27              width: 100%;
 28              text-align: center;
 29          }
 30  
 31          .logo {
 32              width: 100%;
 33              max-width: 600px;
 34              height: auto;
 35              margin: 0 auto 3rem;
 36              display: block;
 37          }
 38  
 39          .tagline {
 40              font-size: 1.25rem;
 41              font-weight: 300;
 42              color: #666;
 43              line-height: 1.8;
 44              margin-bottom: 3rem;
 45              max-width: 500px;
 46              margin-left: auto;
 47              margin-right: auto;
 48          }
 49  
 50          .links {
 51              display: flex;
 52              gap: 1.5rem;
 53              justify-content: center;
 54              flex-wrap: wrap;
 55          }
 56  
 57          .link {
 58              color: #333;
 59              text-decoration: none;
 60              font-size: 1rem;
 61              padding: 0.75rem 1.5rem;
 62              border: 1px solid #ddd;
 63              border-radius: 4px;
 64              transition: all 0.2s ease;
 65          }
 66  
 67          .link:hover {
 68              background: #333;
 69              color: #fff;
 70              border-color: #333;
 71          }
 72  
 73          @media (max-width: 600px) {
 74              .logo {
 75                  max-width: 100%;
 76              }
 77  
 78              .tagline {
 79                  font-size: 1.1rem;
 80              }
 81  
 82              .links {
 83                  flex-direction: column;
 84                  gap: 1rem;
 85              }
 86  
 87              .link {
 88                  display: block;
 89              }
 90          }
 91      </style>
 92  </head>
 93  <body>
 94      <div class="container">
 95          <img src="FormlessStudio.png" alt="Formless Studio" class="logo">
 96  
 97          <p class="tagline">
 98              A DreamNode in the InterBrain collective knowledge network.
 99              Building toward DreamOS.
100          </p>
101  
102          <div class="links">
103              <a href="https://github.com/ProjectLiminality/InterBrain" class="link">InterBrain</a>
104              <a href="README.md" class="link">Documentation</a>
105          </div>
106      </div>
107  </body>
108  </html>