{% extends "base.html" %}

{% block content %}
    <br />

    <section>
        <h1><b>dip is a full-Rust Web3 application toolkit focus on ECS based event-driven development.</b></h1>

        <br />
        <p>All plugins are based on <a href="https://bevyengine.org/" alt="Bevy website">Bevy game engine</a>. Take your logic anywhere from desktop apps to the metaverse.</p>
        <br />

        <br />

        <div>
            <h3><b>For Desktop</b><h3>
            <p>
                Imagine Electron + React but in Rust. It supports declarative UI via
                <a href="https://tauri.app/" alt="Tauri website" class="underline text-accent" target="_blank">
                    Tauri
                </a>
                and
                <a href="https://dioxuslabs.com/" alt="Dioxus website" class="underline text-accent" target="_blank">
                    Dioxus
                </a>
                .
            </p>
        </div>

        <br />

        <div>
            <h3><b>For Command Line Interface</b></h3>
            <p>CliPlugin allows you to build your own CLI easily. It's based on [clap](https://github.com/clap-rs/clap).</p>
        </div>

        <br />

        <div>
            <h3><b>For Games</b><h3>
            <p>The goal is to sign a message or transaction in the metaverse and exchange assets securly via hardware crypto wallet.</p>
        </div>

        <br />

        <div>
            <h3><b>Developer Tools</b></h3>
            <p>`dip` command provides various utilities for developers such as...</p>
            <p>- Setting up your computer</p>
            <p>- Compile dip based application</p>
            <p>- Interacting with hardware wallet etc.</p>
        </div>
    </section>

    <br />
    <hr />
    <br />

    <section>
        <p>Docs are WIP. I know it's still confusing. We're on the edge.</p>
        <p>Ping me on Discord if you need. I'm here to chat.</p>

        <br />

        <ul>
            <li>
                - 
                <a href="{{ config.extra.discord }}" alt="Docs Page" class="underline text-accent" target="_blank">
                    Discord
                </a>
            </li>

            <li>
                - 
                <a href="{{ config.extra.github.discussions }}" alt="Github Discussions" class="underline text-accent" target="_blank">
                    GitHub Discussions
                </a>
                : Q & A, feature request etc.
            </li>

            <br/>

            <li>
                - 
                <a href="{{ get_url(path = "@/docs/_index.md") }}" alt="Docs Page" class="underline text-accent">
                    [WIP] Docs
                </a>
            </li>

            <li>
                - 
                <a href="{{ config.extra.api_reference }}" alt="API Reference" class="underline text-accent" target="_blank">
                    API Reference (docs.rs)
                </a>
                : Auto generated Rust docs based on <a href="https://doc.rust-lang.org/reference/comments.html#doc-comments" alt="Doc comments" class="underline text-accent" target="_blank">doc comment</a> in src/ directory.
            </li>

            <li>
                - 
                <a href="{{ config.extra.github.handbook }}" alt="Handbook" class="underline text-accent" target="_blank">
                    Handbook
                </a>
                : Obsidian based documentation. I'm using this to brainstorm specs. It would be nice to generate <a href="{{ get_url(path = "@/docs/_index.md") }}" alt="Docs Page" class="underline text-accent">docs/</a> based on this in the future.
            </li>
            
            <br/>

            <li>
                - 
                <a href="{{ config.extra.github.projects }}" alt="GitHub Projects" class="underline text-accent" target="_blank"> GitHub Projects
                </a>
                : Milestone, kanban, tasks etc...
            </li>
        </ul>
    </section>
    
    <br />
    <hr />
    <br />
{% endblock content %}