Create a responsive layout with a fixed main container using SiteOSController and SiteOSClient from the provided script.

by Rich Costello

HTML

<div id="shell">
        <header id="header">
            <h1>Caveon</h1>
        </header>
        <main id="main"></main>
    </div>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#main {
    position: fixed;
    inset: 0;
    margin: 0;
    padding: 0;
}

JavaScript

import { SiteOSController } from 'https://caveon-public.s3.amazonaws.com/sos/script.min.js' // https://github.com/Caveonm-LLC/sos

const mainController = new SiteOSController('https://pub.caveon.com/interview_signup')

await mainController.launch('main')

const welcomeMessage = await mainController.request('welcome-message')
console.log(welcomeMessage)