Skip to content
This repository has been archived by the owner on Feb 26, 2024. It is now read-only.

Dashboard Debugger Docs and Some Rearranging #1435

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Dashboard Debugger Docs and Some Rearranging #1435

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ad85b4a
add Dashboard Debugger doc, some rearranging
OnlyOneJMJQ Jul 26, 2023
741c921
cleanup Dashboard intro
OnlyOneJMJQ Jul 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
214 changes: 102 additions & 112 deletions custom_theme/docs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,173 +1,163 @@
{% extends "main.html" %}

<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}

<!-- Additional styles for landing page -->
<style>

/* Remove spacing, as we cannot hide it completely */
.md-main__inner {
margin: 0;
}

/* Hide main content for now */
.md-content {
{% block tabs %} {{ super() }}

<!-- Additional styles for landing page -->
<style>
/* Remove spacing, as we cannot hide it completely */
.md-main__inner {
margin: 0;
}

/* Hide main content for now */
.md-content {
display: none;
}

/* Hide table of contents */
@media screen and (min-width: 60em) {
.md-sidebar--secondary {
display: none;
}
}

/* Hide table of contents */
@media screen and (min-width: 60em) {
.md-sidebar--secondary {
display: none;
}
}

.card-img-top {
display: inline-block;
margin: 0 .5em 0 0;
width: 2.5rem;
max-height: 2.5rem;
}
</style>
.card-img-top {
display: inline-block;
margin: 0 0.5em 0 0;
width: 2.5rem;
max-height: 2.5rem;
}
</style>

<section class="container p-5">

<h1>Documentation</h1>

<p class="mt-4">Learn how to use the full <strong>Truffle Suite</strong> with Ethereum, Quorum, Hyperledger EVM, and other EVM-based chains</p>

<hr/>
<p class="my-4">
The Truffle Suite has everything you need to develop smart contracts for
Ethereum and other EVM-compatible chains: a CLI tool to build, test, and
deploy smart contracts; a Dashboard to inspect and debug transactions; and a
simulator to test your ideas quickly and work with forked networks.
</p>

<div class="row">
<div class="row docs-row-cards">
<div class="col-md-6">
<a class="link-card" href="truffle/">
<div class="card mb-3">
<div class="card-body">
<h5 class="card-title mt-0 text-truffle"><img class="card-img-top" src="../img/truffle-logomark.svg" alt="Truffle Logo"><span class="narrow">T</span>RUFFLE</h5>
<h5 class="card-title mt-0 text-truffle">
<img
class="card-img-top"
src="../img/truffle-logomark.svg"
alt="Truffle Logo"
/><span class="narrow">T</span>RUFFLE
</h5>
<hr />
<p class="mb-0"><strong>SMART CONTRACTS MADE SWEETER</strong> Compile, test, debug and deploy with the most popular smart contract development tool.</p>
<p class="mb-0">
<strong>SMART CONTRACTS MADE SWEETER</strong> Compile, test, debug
and deploy with the most popular smart contract development tool.
</p>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="ganache/">
<a class="link-card" href="truffle-dashboard/">
<div class="card mb-3">
<div class="card-body">
<h5 class="card-title mt-0 text-ganache"><img class="card-img-top" src="../img/ganache-logomark.svg" alt="Ganache Logo">Ganache</h5>
<h5 class="card-title mt-0 text-truffle-dashboard">
<img
class="card-img-top"
src="../img/truffle-logomark.svg"
alt="Truffle Logo"
/><span>Dashboard</span>
</h5>
<hr />
<p class="mb-0"><strong>ONE CLICK BLOCKCHAIN</strong> Fast, easy, local development blockchain in UI and CLI flavors. Introspection of contract data and events.</p>
<p class="mb-0">
<strong>INSIGHTFUL DEVELOPMENT</strong> A platform for dapp
developers to get insights about smart contracts and their
transactions.
</p>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="drizzle/">
<div class="card docs-drizzle-card mb-3">
<a class="link-card" href="ganache/">
<div class="card mb-3">
<div class="card-body">
<h5 class="card-title mt-0 text-drizzle"><img class="card-img-top" src="../img/drizzle-logomark.svg" alt="Drizzle Logo">dri<span class="drizzle-z-skew-1">z</span><span class="drizzle-z-skew-2">z</span>le</h5>
<h5 class="card-title mt-0 text-ganache">
<img
class="card-img-top"
src="../img/ganache-logomark.svg"
alt="Ganache Logo"
/>Ganache
</h5>
<hr />
<p class="mb-0"><strong>FRESH CHAIN-DATA FOR FRONT-ENDS</strong> Standards-compliant wallet connection, account and contract state management. Turn-key React component library.</p>
<p class="mb-0">
<strong>ONE CLICK BLOCKCHAIN</strong> Fast, easy, local
development blockchain in UI and CLI flavors. Introspection of
contract data and events.
</p>
</div>
</div>
</a>
</div>
<div class="col-md-6">
<a class="link-card" href="vscode-ext/">

<!--<div class="col-md-6">
<a class="link-card" href="drizzle/">
<div class="card docs-drizzle-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0 text-truffle"><img class="card-img-top" src="../img/vscode-logo.svg" alt="Truffle for VSCode Logo">Truffle for VSCode</h5>
<h5 class="card-title mt-0 text-drizzle">
<img
class="card-img-top"
src="../img/drizzle-logomark.svg"
alt="Drizzle Logo"
/>dri<span class="drizzle-z-skew-1">z</span
><span class="drizzle-z-skew-2">z</span>le
</h5>
<hr />
<p class="mb-0"><strong>DAPP DEVELOPMENT SIMPLIFIED</strong> Truffle for VSCode simplifies how you create, connect to, build and deploy smart contracts on an EVM-based blockchain.</p>
<p class="mb-0">
<strong>FRESH CHAIN-DATA FOR FRONT-ENDS</strong>
Standards-compliant wallet connection, account and contract state
management. Turn-key React component library.
</p>
</div>
</div>
</a>
</div>
</div>

<p class="mt-4">See documentation for <strong>select blockchains</strong></p>

<hr />
</div>-->

<div class="row docs-home">
<div class="col-md-6">
<a class="link-card" href="truffle/quickstart/">
<div class="card docs-blockchain-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0"><img class="card-img-top" src="../img/blockchains/ethereum.svg" alt="Ethereum Logo">Ethereum</h5>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="truffle/distributed-ledger-support/working-with-quorum/">
<div class="card docs-blockchain-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0"><img class="card-img-top" src="../img/blockchains/quorum.png" alt="Quroum Logo">Quorum</h5>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="tezos/truffle/quickstart/">
<div class="card docs-blockchain-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0"><img class="card-img-top" src="../img/blockchains/tezos.svg" alt="Tezos Logo">Tezos</h5>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="truffle/distributed-ledger-support/working-with-hyperledger-evm/">
<div class="card docs-blockchain-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0"><img class="card-img-top" src="../img/blockchains/hyperledger.png" alt="Fabric Logo">Hyperledger Fabric (EVM)</h5>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="ganache/corda/working-with-corda/">
<div class="card docs-blockchain-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0"><img class="card-img-top" src="../img/blockchains/corda.png" alt="Corda Logo">Corda</h5>
</div>
</div>
</a>
</div>

<div class="col-md-6">
<a class="link-card" href="filecoin/truffle/quickstart/">
<div class="card docs-blockchain-card mb-3">
<a class="link-card" href="vscode-ext/">
<div class="card docs-drizzle-card mb-3">
<div class="card-body">
<h5 class="card-title mt-0">
<img class="card-img-top" src="../img/blockchains/filecoin.svg" alt="Filecoin Logo">Filecoin
<h5 class="card-title mt-0 text-truffle">
<img
class="card-img-top"
src="../img/vscode-logo.svg"
alt="Truffle for VSCode Logo"
/><span class="narrow">T</span>RUFFLE for VSCode
</h5>
<hr />
<p class="mb-0">
<strong>DAPP DEVELOPMENT SIMPLIFIED</strong> Truffle for VSCode
simplifies how you create, connect to, build and deploy smart
contracts on an EVM-based blockchain.
</p>
</div>
</div>
</a>
</div>
</div>

</section>


{% endblock %}

<!-- Content -->
{% block content %}{% endblock %}

<!-- Application footer -->

{% block footer %}
{% include "partials/footer.html" %}
{% endblock %}
{% block footer %} {% include "partials/footer.html" %} {% endblock %}
Loading