dip 0.2.1

Write cross-platform application with React-like declarative UI framework and scalable ECS architecture all in Rust.
Documentation 
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

{% if page %}
    {% set meta = page %}
{% else %}
    {% set meta = section %}
{% endif %}

{% if "/docs/" in current_path %}
  {% set docs_style = "text-text pointer-events-none" %}
{% else %}
  {% set docs_style = "text-neutral-300" %}
{% endif %}

<header class="fixed top-0 left-0 w-screen flex flex-col items-center bg-background md:z-10 md:border-b border-b-neutral-700">
    <div class="flex items-center justify-between w-screen h-14 max-w-screen-xl px-4 md:px-8">
        <div class="flex items-center">
            <a href="/" alt="Home Page" class="mr-2 flex items-center md:mr-4">
                {% include "logo.html" %}
            </a>
            <div class="text-neutral-400 flex items-center">
                <div class="pr-1">
                    {{ config.extra.version }}
                </div>
            </div>
        </div>

        <div>
            <div class="md:hidden flex items-center">
                <!-- <button class="w-10 h-10 flex justify-center items-center"> -->
                <!--     {% include "icons/search.html" %} -->
                <!-- </button> -->
                <button class="w-10 h-10 flex justify-center items-center" onclick="openMenu()">
                    {% include "icons/dots-vertical.html" %}
                </button>
            </div>

            <div class="hidden md:flex items-center">
                <div class="flex items-center mr-8 text-neutral-300">
                    <a href="{{ get_url(path = "@/docs/getting-started/installation.md") }}" alt="Docs Page" class="flex justify-center items-center p-4 {{ docs_style }} hover:text-text">
                        Docs
                    </a>

                    <a href="{{ config.extra.api_reference }}" alt="API Reference" target="_blank" rel="noopener noreferrer" class="flex justify-center items-center p-4 hover:text-text">
                        API Reference
                    </a>
                </div>

                <div class="h-8 border-l border-neutral-600"></div>

                <div class="flex items-center pl-8">
                    <div id="md:theme-selected"></div>
                    <div id="md:theme-options"></div>

                    <a href="https://github.com/diptools/dip" alt="GitHub Page" target="_blank" rel="noopener noreferrer" class="w-10 h-10 flex justify-center items-center text-neutral-300 mx-2 hover:text-text">
                        {% include "icons/github.html" %}
                    </a>
                </div>
            </div>
        </div>
    </div>

    {% include "header/menu.html" %}

    {% if "/docs/" in current_path %}
        {% include "breadcrumb.html" %}
    {% endif %}
</header>