src/js/ui/header.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { makeElement } from "../arching-kaos-generator.js";

export function headerSpawn()
{
    var header = {
        element: "div",
        id: 'header',
        className: 'header',
        innerHTML: [
            { element: "a", id:"logo-button", innerHTML:[
                {element: "img", src:"./img/header-logo.png" }
            ]},
            { element: "h1", style:"text-align: center;", innerText: "Arching Kaos"}
        ],
        onclick: 'menusel({id:"#/welcome-section"});'
    }

    makeElement(header, document.querySelector('#logo-title-placeholder'));
}