<!DOCTYPE html>
<html>
    <head>
        <title>Split That View</title>
        <base href="/">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="quad-view.css" />
    </head>
    <body>
        <shared-pane id="upper-left"></shared-pane>
        <shared-pane id="upper-right"></shared-pane>
        <shared-pane id="lower-left"></shared-pane>
        <shared-pane id="lower-right"></shared-pane>

        <script type="module" src="quad-view.js"></script>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>Split That View</title>
        <base href="/quad-view">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="quad-view.css" />
    </head>
    <body>
        <shared-pane id="upper-left"></shared-pane>
        <shared-pane id="upper-right"></shared-pane>
        <shared-pane id="lower-left"></shared-pane>
        <shared-pane id="lower-right"></shared-pane>

        <script type="module" src="quad-view.js"></script>
    </body>
</html>

Fix base ref for quad view
Fix base ref for quad view
