atomic is dead now but you can still use this for vibrant or just as a template for html docs

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- the charset that the document uses and the meta viewport, which allows you to control the sizing of the page for all devices -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- favicon and page title -->
    <link rel="icon" type="image/x-icon" href="favicon.png" />
    <title>title of the website</title>

    <!-- opengraph (discord embed) stuff, optional -->
    <meta content="https://bundlrs.cc/URLHERE" property="og:url" />
    <meta content="embed title" property="og:title" />
    <meta content="embed description" property="og:description" />
    <meta content="embed_img.png" property="og:image" />
    <meta content="#ffffff" name="theme-color" />
    <!-- ----------------------------------------- -->
    <style>
      /* all CSS goes here */

      /* page centering and box sizing */
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      body {
        height: 100vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      } 

      #outer-container {
        width: max-content;
        height: max-content;
      }
    </style>
  </head>
  <body>
    <div id="outer-container">
        <!-- all HTML content goes here -->
        <span>Hello, world!</span>
    </div>

    <script>
      // any javascript goes here
    </script>
  </body>
</html>
Edit
Pub: 30 Jan 2024 12:21 UTC
Edit: 06 Aug 2024 18:46 UTC
Views: 1416