Recount-Server/web/templates/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/site.css">
    <script src="/static/htmx.min.js"></script>
</head>
<body class="latte">
    <header>

    </header>
    <div class="d-flex" id="below-header">

        <div id="left-col">
            <nav>
                <ul>
                    <li>
                        <a id="logo-a">Recount</a>
                    </li>
                    <li>
                        <a 
                        hx-get="/" 
                        hx-swap="innerHtml swap:0.2s settle:0.2s"
                        hx-push-url="true"
                        hx-boost="true"
                        hx-target="#main-body-content"
                            {{ if (eq .ActivePage "index") }}
                            class="active"
                            {{ end }}
                        > 
                            Home!
                        </a>

                    </li>
                    <li>
                        <a
                        hx-get="/hello"
                        hx-swap="innerHtml swap:0.2s settle:0.2s"
                        hx-push-url="true"
                        hx-boost="true"
                        hx-target="#main-body-content"
                        {{ if (eq .ActivePage "hello") }}
                        class="active"
                        {{ end }}
                        >
                            Not home!
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div id="main-body-content">
            {{.InnerHtml}}
        </div>
        <div id="right-col">

        </div>
    </div>
        <script type="module" src="/static/index.js"></script>
        <script type="module">
            import {register_nav_links} from "/static/index.js";
            register_nav_links();
        </script>
</body>
</html>
basic example with two types of templates 2024-01-12 16:34:26 -08:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
set up sass and htmx 2024-01-12 20:50:41 -08:00			`<link rel="stylesheet" href="/static/site.css">`
			`<script src="/static/htmx.min.js"></script>`
basic example with two types of templates 2024-01-12 16:34:26 -08:00			`</head>`
switched to css properties 2024-01-14 18:00:51 -08:00			`<body class="latte">`
style setup 2024-01-12 21:59:19 -08:00			`<header>`
added htmx swapping and url history features 2024-01-13 18:33:26 -08:00
style setup 2024-01-12 21:59:19 -08:00			`</header>`
switched to css properties 2024-01-14 18:00:51 -08:00			`<div class="d-flex" id="below-header">`
set up sass and htmx 2024-01-12 20:50:41 -08:00
added htmx swapping and url history features 2024-01-13 18:33:26 -08:00			`<div id="left-col">`
			`<nav>`
			`<ul>`
switched to css properties 2024-01-14 18:00:51 -08:00			`<li>`
			`<a id="logo-a">Recount</a>`
			`</li>`
added htmx swapping and url history features 2024-01-13 18:33:26 -08:00			`<li>`
			`<a`
			`hx-get="/"`
			`hx-swap="innerHtml swap:0.2s settle:0.2s"`
			`hx-push-url="true"`
			`hx-boost="true"`
			`hx-target="#main-body-content"`
			`{{ if (eq .ActivePage "index") }}`
			`class="active"`
			`{{ end }}`
			`>`
			`Home!`
			`</a>`
set up sass and htmx 2024-01-12 20:50:41 -08:00
added htmx swapping and url history features 2024-01-13 18:33:26 -08:00			`</li>`
			`<li>`
			`<a`
			`hx-get="/hello"`
			`hx-swap="innerHtml swap:0.2s settle:0.2s"`
			`hx-push-url="true"`
			`hx-boost="true"`
			`hx-target="#main-body-content"`
			`{{ if (eq .ActivePage "hello") }}`
			`class="active"`
			`{{ end }}`
			`>`
			`Not home!`
			`</a>`
			`</li>`
			`</ul>`
			`</nav>`
			`</div>`
			`<div id="main-body-content">`
			`{{.InnerHtml}}`
set up sass and htmx 2024-01-12 20:50:41 -08:00			`</div>`
switched to css properties 2024-01-14 18:00:51 -08:00			`<div id="right-col">`

			`</div>`
added htmx swapping and url history features 2024-01-13 18:33:26 -08:00			`</div>`
set up sass and htmx 2024-01-12 20:50:41 -08:00			`<script type="module" src="/static/index.js"></script>`
			`<script type="module">`
switched to css properties 2024-01-14 18:00:51 -08:00			`import {register_nav_links} from "/static/index.js";`
			`register_nav_links();`
set up sass and htmx 2024-01-12 20:50:41 -08:00			`</script>`
basic example with two types of templates 2024-01-12 16:34:26 -08:00			`</body>`
			`</html>`