aboutsummaryrefslogtreecommitdiff
path: root/src/js/ui/sections/welcomeSection.js
blob: 72c9646e9ef879ab9af2f806e21b513ec7175ed5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
// Arching Kaos Welcome Section
//
// Kaotisk Hund - 2024
//
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL v3.0
//

import { makeElement } from "../../arching-kaos-generator.js";
import { homeGrid } from "../components/homeGrid/index.js";
import { scanMethodsArea } from "../components/scanButtons/index.js";
import { akfsGetForm } from "../components/akfsGet/index.js";
import { renderForm } from "../components/renderForm/index.js";
import { manualPeerForm } from "../components/manualPeer/index.js";
import { progressArea } from "../components/progressArea/index.js";
import { logsArea } from "../components/logsArea/index.js";
import { previewArea } from "../components/previewArea/index.js";
import { resultsArea } from "../components/resultsArea/index.js";

var whereAmI = {
    element: "div",
    className: "where-am-i",
    innerHTML: [
        { element: "img", src:"./img/logo.png", onclick:"menusel({id:'#/welcome-section'})"},
        { element: "span", innerText:">"},
        { element: "h2", innerText:"Home"}
    ]
};

var greeting = {
    element: "p",
    innerText: "Welcome to Arching Kaos project."
};

var content = {
    element : "div",
    className: "content",
    innerHTML: [
        greeting,
        homeGrid,
        renderForm,
        akfsGetForm,
        manualPeerForm,
        resultsArea,
        scanMethodsArea,
        previewArea,
        progressArea,
        logsArea
    ]
};

export function welcomeSection()
{
    var welcomeSection = {
        element: "div",
        id: "welcome-section",
        innerHTML: [
            whereAmI,
            content
        ]
    };
    makeElement(welcomeSection, document.querySelector('.main'));
}
// @license-end