Skip to content

Commit

Permalink
refactor(docs): add headings and remove unneeded styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@Torresmorah
Torresmorah committed Oct 30, 2023
1 parent db0123e commit 6db6ba5
Show file tree
Hide file tree
Showing 2 changed files with 198 additions and 247 deletions.
320 changes: 161 additions & 159 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,180 +110,182 @@
<span id="dark-mode-icon" class="color-mode-icon no-display"><i data-feather="moon"></i></span>
</button>
</div>
<div class="header">
<div class="image-box">
<img alt="Antelope Tools Logo" id="middle-logo" src="./images/antelope-tools.svg">
<img alt="" id="bg-image-mobile" src="./images/background-mobile.png">
</div>
<div class="image-box-desktop">
<img alt="Antelope Tools Logo" src="./images/antelope-tools.svg">
</div>
<div class="box-paragraph-text" id="d-version">
<p>Unlock Real-Time Visibility into Antelope Blockchains</p>
<div class="text-container">
<div class="flex">
<div class="Line-4"></div>
<p>
Get instant insights into blockchain networks with our intuitive dashboards.
</p>
</div>
<div class="flex">
<div class="Line-4"></div>
<p>
A community-driven tool for unparalleled transparency and reliability.
</p>
</div>
<main>
<div class="header">
<div class="image-box">
<img alt="Antelope Tools Logo" id="middle-logo" src="./images/antelope-tools.svg">
<img alt="" id="bg-image-mobile" src="./images/background-mobile.png">
</div>
<a href="#nav" class="myButton">
<div class="visit-text">View Monitored Networks</div>
</a>
</div>
</div>
<div id="networks">
<div class="box-network">
<div class="flex2">
<div class="flex-text">
<div class="Line-5"></div>
<p id="nav">
Blockchain Networks
</p>
</div>
<div class="image-box-desktop">
<img alt="Antelope Tools Logo" src="./images/antelope-tools.svg">
</div>
<div id="mainnet-desktop">
<section>
<div class="grid">
<a class="grid-item" href="https://telos.antelope.tools/">
<img alt="Telos Mainnet Antelope Tools Dashboard" src="./images/telos-grid.png">
<span class="name-networks">Telos Mainnet</span>
</a>
<a class="grid-item" href="https://libre.antelope.tools/">
<img alt="Libre Mainnet Antelope Tools Dashboard" src="./images/libre.png">
<span class="name-networks">Libre Mainnet</span>
</a>
<a class="grid-item" href="https://xpr.antelope.tools/">
<img alt="XPR Network Mainnet Antelope Tools Dashboard" src="./images/xpr-grid.png" width="169">
<span class="name-networks">XPR Mainnet</span>
</a>
<a class="grid-item" href="https://wax.antelope.tools/">
<img alt="Wax Mainnet Antelope Tools Dashboard" src="./images/wax-grid.png">
<span class="name-networks">Wax Mainnet</span>
</a>
<a class="grid-item" href="https://eos.antelope.tools/">
<img alt="EOS Antelope Tools Dashboard" src="./images/eos-grid.png" width="197">
<span class="name-networks">EOS Mainnet</span>
</a>
<a class="grid-item" href="https://lacchain.antelope.tools/">
<img alt="LACChain EOSIO Antelope Tools Dashboard" src="./images/lacchain-grid.png" width="160">
<span class="name-networks">LACChain EOSIO</span>
</a>
<div class="box-paragraph-text" id="d-version">
<h1>Unlock Real-Time Visibility into Antelope Blockchains</h1>
<div class="text-container">
<div class="flex">
<div class="Line-4"></div>
<p>
Get instant insights into blockchain networks with our intuitive dashboards.
</p>
</div>
<div class="flex">
<div class="Line-4"></div>
<p>
A community-driven tool for unparalleled transparency and reliability.
</p>
</div>
</section>
</div>
<a href="#nav" class="myButton">
<div class="visit-text">View Monitored Networks</div>
</a>
</div>
</div>
<div class="box-network">
<div class="flex2">
<div class="flex-text">
<div class="Line-5"></div>
<p>
Testnets
</p>
<div id="networks">
<div class="box-network">
<div class="flex2">
<div class="flex-text">
<div class="Line-5"></div>
<h2 id="nav">
Blockchain Networks
</h2>
</div>
</div>
<div id="mainnet-desktop">
<section>
<div class="grid">
<a class="grid-item" href="https://telos.antelope.tools/">
<img alt="Telos Mainnet Antelope Tools Dashboard" src="./images/telos-grid.png">
<span class="name-networks">Telos Mainnet</span>
</a>
<a class="grid-item" href="https://libre.antelope.tools/">
<img alt="Libre Mainnet Antelope Tools Dashboard" src="./images/libre.png">
<span class="name-networks">Libre Mainnet</span>
</a>
<a class="grid-item" href="https://xpr.antelope.tools/">
<img alt="XPR Network Mainnet Antelope Tools Dashboard" src="./images/xpr-grid.png" width="169">
<span class="name-networks">XPR Mainnet</span>
</a>
<a class="grid-item" href="https://wax.antelope.tools/">
<img alt="Wax Mainnet Antelope Tools Dashboard" src="./images/wax-grid.png">
<span class="name-networks">Wax Mainnet</span>
</a>
<a class="grid-item" href="https://eos.antelope.tools/">
<img alt="EOS Antelope Tools Dashboard" src="./images/eos-grid.png" width="197">
<span class="name-networks">EOS Mainnet</span>
</a>
<a class="grid-item" href="https://lacchain.antelope.tools/">
<img alt="LACChain EOSIO Antelope Tools Dashboard" src="./images/lacchain-grid.png" width="160">
<span class="name-networks">LACChain EOSIO</span>
</a>
</div>
</section>
</div>
</div>
<div id="testnet-desktop">
<section>
<div class="grid">
<a class="grid-item" href="https://telos-testnet.antelope.tools/">
<img alt="Telos Testnet Antelope Tools Dashboard" height="188" src="./images/telos-grid.png" width="188">
<span class="name-networks">Telos Testnet</span>
</a>
<a class="grid-item" href="https://libre-testnet.antelope.tools/">
<img alt="Libre Tesnet Antelope Tools Dashboard" height="188" src="./images/libre.png" width="188">
<span class="name-networks">Libre Testnet</span>
</a>
<a class="grid-item" href="https://xpr-testnet.antelope.tools/">
<img alt="XPR Network Testnet Antelope Tools Dashboard" height="188" src="./images/xpr-grid.png" width="169">
<span class="name-networks">XPR Testnet</span>
</a>
<a class="grid-item" href="https://wax-testnet.antelope.tools/">
<img alt="Wax Testnet Antelope Tools Dashboard" height="188" src="./images/wax-grid.png" width="188">
<span class="name-networks">Wax Testnet</span>
</a>
<a class="grid-item" href="https://jungle.antelope.tools/">
<img alt="Jungle4 Testnet Antelope Tools Dashboard" height="188" src="./images/jungle-grid.png" width="127">
<span class="name-networks">Jungle4 Testnet</span>
</a>
<a class="grid-item" href="https://ultra-testnet.antelope.tools/">
<img alt="Ultra Testnet Antelope Tools Dashboard" height="188" src="./images/ultra-grid.png" width="188">
<span class="name-networks">Ultra Testnet</span>
</a>
<div class="box-network">
<div class="flex2">
<div class="flex-text">
<div class="Line-5"></div>
<h2>
Testnets
</h2>
</div>
</section>
</div>
<div id="testnet-desktop">
<section>
<div class="grid">
<a class="grid-item" href="https://telos-testnet.antelope.tools/">
<img alt="Telos Testnet Antelope Tools Dashboard" height="188" src="./images/telos-grid.png" width="188">
<span class="name-networks">Telos Testnet</span>
</a>
<a class="grid-item" href="https://libre-testnet.antelope.tools/">
<img alt="Libre Tesnet Antelope Tools Dashboard" height="188" src="./images/libre.png" width="188">
<span class="name-networks">Libre Testnet</span>
</a>
<a class="grid-item" href="https://xpr-testnet.antelope.tools/">
<img alt="XPR Network Testnet Antelope Tools Dashboard" height="188" src="./images/xpr-grid.png" width="169">
<span class="name-networks">XPR Testnet</span>
</a>
<a class="grid-item" href="https://wax-testnet.antelope.tools/">
<img alt="Wax Testnet Antelope Tools Dashboard" height="188" src="./images/wax-grid.png" width="188">
<span class="name-networks">Wax Testnet</span>
</a>
<a class="grid-item" href="https://jungle.antelope.tools/">
<img alt="Jungle4 Testnet Antelope Tools Dashboard" height="188" src="./images/jungle-grid.png" width="127">
<span class="name-networks">Jungle4 Testnet</span>
</a>
<a class="grid-item" href="https://ultra-testnet.antelope.tools/">
<img alt="Ultra Testnet Antelope Tools Dashboard" height="188" src="./images/ultra-grid.png" width="188">
<span class="name-networks">Ultra Testnet</span>
</a>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="content">
<div class="section-wrapper">
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon">
<img src="./images/feather-icon.png" alt="">
<span>What is Antelope Tools?</span>
</span>
</summary>
<p>
Unlock the Power of Transparency with Antelope Tools! Designed by blockchain enthusiasts at <a href="https://edenia.com" target="_blank">Edenia</a>
as an open-source public good for the blockchain community, our dashboard serves as your ultimate guide to critical blockchain data. We're not just another app;
we're a movement aimed at elevating <b>transparency and reliability</b> in blockchain networks.
</p>
</details>
</section>
</div>
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon"><img src="./images/feather-icon.png" alt="">
<span>Why is it important?</span>
</span>
</summary>
<p>
In the complex world of DPoS blockchain networks, token holders are often required to cast votes for Block Producers. Similarly,
in permissioned networks like LACChain, node operators play a pivotal role in ensuring seamless network operations.
That's where Antelope Tools comes in. We believe that real-time network monitoring is not just a feature—it's a necessity.
Our dashboard empowers you to make informed decisions by providing transparent, reliable information on each node's activity.
</p>
</details>
</section>
</div>
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon">
<img src="./images/feather-icon.png" alt="">
<span>Where does the data come from?</span>
</span>
</summary>
<p>
Transparency is our mantra, and we practice what we preach. Antelope Tools Dashboard offers a visually engaging
and clear representation of vital blockchain metrics. Our data is sourced directly from public blockchain tables
and enriched with information from Block Producer's <a href="https://github.com/eosrio/bp-info-standard" target="_blank">bp.json files</a>.
<b>Want to dig deeper? </b>
Feel free to explore our <a href="https://github.com/edenia/antelope-tools" target="_blank">GitHub repository</a>
or join the conversation in our <a href="https://t.me/eoscr" target="_blank">Telegram group</a>.
</p>
</details>
</section>
<div class="content">
<div class="section-wrapper">
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon">
<img src="./images/feather-icon.png" alt="">
<span>What is Antelope Tools?</span>
</span>
</summary>
<p>
Unlock the Power of Transparency with Antelope Tools! Designed by blockchain enthusiasts at <a href="https://edenia.com" target="_blank">Edenia</a>
as an open-source public good for the blockchain community, our dashboard serves as your ultimate guide to critical blockchain data. We're not just another app;
we're a movement aimed at elevating <b>transparency and reliability</b> in blockchain networks.
</p>
</details>
</section>
</div>
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon"><img src="./images/feather-icon.png" alt="">
<span>Why is it important?</span>
</span>
</summary>
<p>
In the complex world of DPoS blockchain networks, token holders are often required to cast votes for Block Producers. Similarly,
in permissioned networks like LACChain, node operators play a pivotal role in ensuring seamless network operations.
That's where Antelope Tools comes in. We believe that real-time network monitoring is not just a feature—it's a necessity.
Our dashboard empowers you to make informed decisions by providing transparent, reliable information on each node's activity.
</p>
</details>
</section>
</div>
<div class="box-paragraph">
<section>
<details>
<summary>
<span class="info-icon">
<img src="./images/feather-icon.png" alt="">
<span>Where does the data come from?</span>
</span>
</summary>
<p>
Transparency is our mantra, and we practice what we preach. Antelope Tools Dashboard offers a visually engaging
and clear representation of vital blockchain metrics. Our data is sourced directly from public blockchain tables
and enriched with information from Block Producer's <a href="https://github.com/eosrio/bp-info-standard" target="_blank">bp.json files</a>.
<b>Want to dig deeper? </b>
Feel free to explore our <a href="https://github.com/edenia/antelope-tools" target="_blank">GitHub repository</a>
or join the conversation in our <a href="https://t.me/eoscr" target="_blank">Telegram group</a>.
</p>
</details>
</section>
</div>
</div>
</div>
</div>
</main>
<div class="footer">
<div class="contact-us">
<p>
<h3>
Ready to contribute to a more transparent blockchain ecosystem? Reach out to us!
</p>
</h3>
</div>
<div class="box-social-media">
<a class="twitter" href="https://twitter.com/EdeniaWeb3" target="_blank">
Expand Down
Loading

0 comments on commit 6db6ba5

Please sign in to comment.