dashboard/index.html at main · openorg-software/dashboard · GitHub

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<header class="mdc-top-app-bar">
    <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
    <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
    <script src="js/dashboard.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="css/customization.css">
    <div class="mdc-top-app-bar__row">
        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
            <span class="mdc-top-app-bar__title">{{title}}</span>
        </section>
        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
            <button class="material-icons mdc-top-app-bar__action-item mdc-icon-button" aria-label="GitHub"
                onclick="window.open('https://github.com/openorg-software','_blank')"><img
                    src="assets/github.svg"></button>
        </section>
    </div>
</header>
<main class="mdc-top-app-bar--fixed-adjust">
    <div class="parent">
        <div class="mdc-card top-left">
            <div class="mdc-card__primary-action">
                <div class="mdc-card__media mdc-card__media--square">
                    <div class="mdc-card__media-content container" onclick="openService('wikijs')">
                        <img class="logo" src="https://js.wiki/img/wikijs-full-2021.b840e376.svg">
                    </div>
                </div>
                <div class="mdc-card__ripple"></div>
            </div>
            <div class="mdc-card__actions">
                <div class="mdc-card__action-buttons">
                    <button class="mdc-button mdc-card__action mdc-card__action--button"
                        onclick="openService('wikijs')">
                        <div class="mdc-button__ripple"></div>
                        <span class="mdc-button__label">Open Wiki.js</span>
                    </button>
                </div>
            </div>
        </div>
        <div class="mdc-card top-right">
            <div class="mdc-card__primary-action">
                <div class="mdc-card__media mdc-card__media--square">
                    <div class="mdc-card__media-content container" style="background-color:#0082c9;"
                        onclick="openService('nextcloud')">
                        <img class="logo" src="https://nextcloud.com/wp-content/uploads/2021/12/logo.png">
                    </div>
                </div>
                <!-- ... additional primary action content ... -->
                <div class="mdc-card__ripple"></div>
            </div>
            <div class="mdc-card__actions">
                <div class="mdc-card__action-buttons">
                    <button class="mdc-button mdc-card__action mdc-card__action--button"
                        onclick="openService('nextcloud')">
                        <div class="mdc-button__ripple"></div>
                        <span class="mdc-button__label">Open Nextcloud</span>
                    </button>
                </div>
            </div>
        </div>
        <div class="mdc-card bottom-left">
            <div class="mdc-card__primary-action">
                <div class="mdc-card__media mdc-card__media--square">
                    <div class="mdc-card__media-content container" onclick="openService('gitea')">
                        <img class="logo" src=" https://git.{{domain}}/assets/img/logo.svg">
                    </div>
                </div>
                <!-- ... additional primary action content ... -->
                <div class="mdc-card__ripple"></div>
            </div>
            <div class="mdc-card__actions">
                <div class="mdc-card__action-buttons">
                    <button class="mdc-button mdc-card__action mdc-card__action--button" onclick="openService('gitea')">
                        <div class="mdc-button__ripple"></div>
                        <span class="mdc-button__label">Open Gitea</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</main>