mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
512 lines
21 KiB
Django/Jinja
512 lines
21 KiB
Django/Jinja
{% extends "base.html.jinja" %}
|
||
{% block head %}
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
{% endblock %}
|
||
|
||
{% block bodyclasses %}no-sidebar{% endblock %}
|
||
{% block mainclasses %}landing page-uses landing-builtin-bg{% endblock %}
|
||
|
||
{% block breadcrumbs %}{% endblock %}
|
||
|
||
{% block main %}
|
||
|
||
{% set cards = [
|
||
{
|
||
"id": "aesthetes",
|
||
"title": _("Aesthetes"),
|
||
"description": _("Aesthetes is a bridge between fine art and blockchain, enabling everyone, around the world, to buy and sell with just a click for fractional ownership of international physical art."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://aesthetes.art/",
|
||
},
|
||
{
|
||
"id": "anchain-ai",
|
||
"title": _("Anchain.AI"),
|
||
"description": _("AnChain.AI offers AI-powered intelligence enhancing blockchain security, risk, and compliance strategies."),
|
||
"category_id": "security",
|
||
"category_name": "Security",
|
||
"link": "https://anchain.ai",
|
||
},
|
||
{
|
||
"id": "audiotarky",
|
||
"title": _("Audiotarky"),
|
||
"description": _("Audiotarky is a new music streaming platform that prioritises artists and privacy over algorithms and shareholders."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://www.audiotarky.com/",
|
||
},
|
||
{
|
||
"id": "bitgo",
|
||
"title": _("BitGo"),
|
||
"description": _("BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems."),
|
||
"category_id": "custody",
|
||
"category_name": "Custody",
|
||
"link": "https://www.bitgo.com/",
|
||
},
|
||
{
|
||
"id": "bithomp",
|
||
"title": _("Bithomp"),
|
||
"description": _("Bithomp is an XRPL explorer and toolkit, used by many cryptocurrency exchanges. Bithomp was launched in 2015 with a mission to build the most user-friendly XRPL explorer."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://bithomp.com/",
|
||
},
|
||
{
|
||
"id": "bitpay",
|
||
"title": _("bitpay"),
|
||
"description": _("BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP."),
|
||
"category_id": "payments",
|
||
"category_name": "Payments",
|
||
"link": "https://bitpay.com/",
|
||
},
|
||
{
|
||
"id": "carbonland-trust",
|
||
"title": _("Carbonland Trust"),
|
||
"description": _("Carbonland Trust offers transparent nature-based carbon credits, and inclusive access to voluntary carbon markets for landowners and corporations alike. "),
|
||
"category_id": "sustainability",
|
||
"category_name": "Carbon Markets/Sustainability",
|
||
"link": "https://www.carbonlandtrust.com/",
|
||
},
|
||
{
|
||
"id": "casino-coin",
|
||
"title": _("Casino Coin"),
|
||
"description": _("CasinoCoin (CSC) is a digital currency developed specifically for the regulated gaming industry."),
|
||
"category_id": "other",
|
||
"category_name": "Other",
|
||
"link": "https://casinocoin.im/",
|
||
},
|
||
{
|
||
"id": "cryptum",
|
||
"title": _("Cryptum"),
|
||
"description": _("Cryptum is an API/SDK platform for integrating the XRP Ledger with any application."),
|
||
"category_id": "developer_tooling",
|
||
"category_name": "Developer Tooling",
|
||
"link": "https://blockforce.in/products/cryptum",
|
||
},
|
||
{
|
||
"id": "evernode",
|
||
"title": _("Evernode"),
|
||
"description": _("Evernode proposes a permissionless, flexible, scalable Layer 2 smart contract network built from the XRP Ledger."),
|
||
"category_id": "developer_tooling",
|
||
"category_name": "Developer Tooling",
|
||
"link": "https://evernode.wordpress.com/",
|
||
},
|
||
{
|
||
"id": "forte",
|
||
"title": _("Forte"),
|
||
"description": _("Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world."),
|
||
"category_id": "gaming",
|
||
"category_name": "Gaming",
|
||
"link": "https://www.forte.io/",
|
||
},
|
||
{
|
||
"id": "gatehub",
|
||
"title": _("Gatehub"),
|
||
"description": _("Gatehub XRP Ledger Markets is an explorer to track Gatehub's inssuances on the XRP Ledger."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://gatehub.net/markets",
|
||
},
|
||
{
|
||
"id": "gem-wallet",
|
||
"title": _("Gem Wallet"),
|
||
"description": _("GemWallet is a web extension that enables users to make fast payments on the XRP Ledger via a browser. It's a safer alternative to copying and pasting private keys for use with web applications."),
|
||
"category_id": "wallet",
|
||
"category_name": "Wallet",
|
||
"link": "https://gemwallet.app/",
|
||
},
|
||
{
|
||
"id": "ledger-city",
|
||
"title": _("Ledger City"),
|
||
"description": _("Ledger City is a crypto real estate game powered by the XRP Ledger."),
|
||
"category_id": "gaming",
|
||
"category_name": "Gaming",
|
||
"link": "https://ledgercitygame.com/",
|
||
},
|
||
{
|
||
"id": "multichain",
|
||
"title": _("Multichain"),
|
||
"description": _("Multichain is the ultimate Router for web3. It is an infrastructure developed for arbitrary cross-chain interactions."),
|
||
"category_id": "interoperability",
|
||
"category_name": "Interoperability",
|
||
"link": "https://multichain.org/",
|
||
},
|
||
{
|
||
"id": "nft-master",
|
||
"title": _("NFT Master"),
|
||
"description": _("NFT Master is an NFT marketplace where creators can buy, mint and sell NFTs."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://nftmaster.com/",
|
||
},
|
||
{
|
||
"id": "onthedex",
|
||
"title": _("OnTheDex"),
|
||
"description": _("OnTheDex is a quality source of information for aggregator sites to take live feeds of XRPL token activity."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://onthedex.live/",
|
||
},
|
||
{
|
||
"id": "onxrp",
|
||
"title": _("onXRP"),
|
||
"description": _("onXRP is an NFT marketplace where creators can buy, mint and sell NFTs built by the XPUNKs."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://onxrp.com/about/",
|
||
},
|
||
{
|
||
"id": "peerkat",
|
||
"title": _("Peerkat"),
|
||
"description": _("Peerkat is an NFT services and tooling provider for the XRPL community."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://peerkat.io/",
|
||
},
|
||
{
|
||
"id": "ripples-cbdc-platform",
|
||
"title": _("Ripple's CBDC Platform"),
|
||
"description": _("Ripple's Central Bank Digital Currency (CBDC) solution enables banks to mint, manage, transact and redeem currency to easily manage the full CBDC lifecycle. Each solution is built on a private ledger that is based upon XRP Ledger technology."),
|
||
"category_id": "cbdcs",
|
||
"category_name": "CBDC",
|
||
"link": "https://ripple.com/solutions/central-bank-digital-currency/",
|
||
},
|
||
{
|
||
"id": "ripples-on-demand-liquidity",
|
||
"title": _("Ripple's On-Demand Liquidity"),
|
||
"description": _("Ripple powers real-time, low-cost cross-border payment settlement by using XRP as a bridge currency between two fiat currencies."),
|
||
"category_id": "payments",
|
||
"category_name": "Payments",
|
||
"link": "https://ripple.com/",
|
||
},
|
||
{
|
||
"id": "sologenic-dex",
|
||
"title": _("Sologenic DEX"),
|
||
"description": _("Sologenic DEX is a popular decentralized exchange on the XRP Ledger made by Sologenic."),
|
||
"category_id": "exchanges",
|
||
"category_name": "Exchanges",
|
||
"link": "https://sologenic.org/",
|
||
},
|
||
{
|
||
"id": "sologenic-nft",
|
||
"title": _("Sologenic NFT"),
|
||
"description": _("Sologenic NFT is an NFT marketplace designed by Sologenic."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://sologenic.org/nfts/marketplace?network=mainnet",
|
||
},
|
||
{
|
||
"id": "towo-labs",
|
||
"title": _("Towo Labs"),
|
||
"description": _("Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://towolabs.com/",
|
||
},
|
||
{
|
||
"id": "x-tokenize",
|
||
"title": _("X-tokenize"),
|
||
"description": _("X-Tokenize is a command line tool to simplify the process of creating, managing and distributing issued currencies and eventually NFTs on the XRPL."),
|
||
"category_id": "developer_tooling",
|
||
"category_name": "Developer Tooling",
|
||
"link": "https://x-tokenize.com/",
|
||
},
|
||
{
|
||
"id": "xp-market",
|
||
"title": _("XP Market"),
|
||
"description": _("XP Market is a price-tracking website for cryptoassets on the XRPL coupled with a decentralized exchange."),
|
||
"category_id": "exchanges",
|
||
"category_name": "Exchanges",
|
||
"link": "https://xpmarket.com/",
|
||
},
|
||
{
|
||
"id": "xrp-cafe",
|
||
"title": _("XRP Cafe"),
|
||
"description": _("XRP Cafe is an NFT marketplace built by the community that aims to be the easiest way to build, sell and mint NFTs."),
|
||
"category_id": "nfts",
|
||
"category_name": "NFTs",
|
||
"link": "https://xrp.cafe/",
|
||
},
|
||
{
|
||
"id": "xrp-toolkit",
|
||
"title": _("XRP Toolkit"),
|
||
"description": _("XRP Toolkit is a platform for managing crypto assets and trading on the XRP Ledger's decentralized exchange."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://www.xrptoolkit.com/",
|
||
},
|
||
{
|
||
"id": "xrpl-rosetta",
|
||
"title": _("XRPL Rosetta"),
|
||
"description": _("XRPL Rosetta explores fiat data on XRPL through visualization."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://threexrp.dev/",
|
||
},
|
||
{
|
||
"id": "xrpl-org-ledger-explorer",
|
||
"title": _("XRPL.org Ledger Explorer"),
|
||
"description": _("XRPL.org's Ledger Explorer is a block explorer of the XRP Ledger."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://livenet.xrpl.org/",
|
||
},
|
||
{
|
||
"id": "xrpscan",
|
||
"title": _("XRPScan"),
|
||
"description": _("XRPSCAN is an explorer and analytics platform for the XRP Ledger. We provide a clean and simple way to look up accounts, ledgers and transactions."),
|
||
"category_id": "infrastructure",
|
||
"category_name": "Infrastructure",
|
||
"link": "https://xrpscan.com/",
|
||
},
|
||
{
|
||
"id": "xumm-wallet",
|
||
"title": _("Xumm Wallet"),
|
||
"description": _("Xumm Wallet is a non custodial wallet with superpower for the XRP Ledger."),
|
||
"category_id": "wallet",
|
||
"category_name": "Wallet",
|
||
"link": "https://xumm.app/#team",
|
||
},
|
||
|
||
] %}
|
||
|
||
|
||
{% set featured_categories = {
|
||
"infrastructure": "Infrastructure",
|
||
"developer_tooling": "Developer Tooling",
|
||
} %}
|
||
|
||
{% set other_categories = {
|
||
"interoperability": "Interoperability",
|
||
"wallet": "Wallet",
|
||
"nfts": "NFTs",
|
||
"exchanges": "Exchanges",
|
||
"gaming": "Gaming",
|
||
"security": "Security",
|
||
"payments": "Payments",
|
||
"web_monetization": "Web Monetization",
|
||
"sustainability": "Sustainability",
|
||
"cbdcs": "CBDCs",
|
||
"custody": "Custody",
|
||
"defi": "DeFi",
|
||
"other": "Other",
|
||
} %}
|
||
|
||
|
||
<!-- Modal -->
|
||
<div class="modal fade " id="categoryFilterModal" tabindex="-1" aria-labelledby="categoryFilterModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<a class="btn cancel" data-dismiss="modal"><span class="chevron"><span></span><span></span></span> {% trans %}Cancel{% endtrans %}</a>
|
||
<a class="btn apply" data-dismiss="modal">{% trans %}Apply{% endtrans %} <span class="chevron"><span></span><span></span></span></a>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- -->
|
||
<div class="p-3 page-events">
|
||
<form >
|
||
<p class="category-header mb-4">{% trans %}Featured Categories{% endtrans %} <span id="featured_count_old" class="featured_count category_count">2</span></p>
|
||
{% for category_id, category_name in featured_categories.items() %}
|
||
<div class="cat_checkbox category-checkbox pb-2">
|
||
<input class="events-filter input_{{category_id}}" type="checkbox" name="categories" id="input_{{category_id}}" value="{{category_id}}" checked>
|
||
<label class="font-weight-bold" for="input_{{category_id}}">{{ category_name }}</label>
|
||
</div>
|
||
{% endfor %}
|
||
<p class="category-header pt-5 mt-3 mb-4">{% trans %}Other Categories{% endtrans %} <span id="other_count_old" class="other_count category_count">0</span></p>
|
||
{% for category_id, category_name in other_categories.items() %}
|
||
<div class="cat_checkbox category-checkbox pb-2">
|
||
<input class="events-filter input_{{category_id}}" type="checkbox" name="categories" id="input_{{category_id}}" value="{{category_id}}">
|
||
<label for="input_{{category_id}}">{{ category_name }}</label>
|
||
</div>
|
||
{% endfor %}
|
||
</form>
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal">{% trans %}Apply{% endtrans %}</button>
|
||
<a class="btn " data-dismiss="modal">{% trans %}Cancel{% endtrans %}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end modal -->
|
||
|
||
|
||
<div class="overflow-hidden">
|
||
|
||
<section class="container-new py-26 text-lg-center">
|
||
<div class="p-3 col-lg-8 mx-lg-auto">
|
||
<div class="d-flex flex-column-reverse">
|
||
<h1 class="mb-0">{% trans %}Proven Powerful for Innovation{% endtrans %}</h1>
|
||
<h6 class="eyebrow mb-3">{% trans %}XRPL Use Cases{% endtrans %}</h6>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container-new py-26">
|
||
<div class="col-lg-6 p-3 mb-3 mb-lg-5">
|
||
<div class="d-flex flex-column-reverse">
|
||
<h3 class="h4 h2-sm">{% trans %}Building businesses and creating new value{% endtrans %}</h3>
|
||
<h6 class="eyebrow mb-3">{% trans %}XRPL Ecosystem{% endtrans %}</h6>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="card-grid card-grid-3xN ls-none mt-4 pt-lg-2" id="use-case-card-grid">
|
||
{% set uses = [
|
||
|
||
{"id": "infrastructure",
|
||
"title": _("Infrastructure"),
|
||
"description": _("Build and operate components or systems that help the functionality of the XRP Ledger, such as Nodes, dev tools, storage, security and more.")},
|
||
|
||
{"id": "developer_tooling",
|
||
"title": _("Developer Tooling"),
|
||
"description": _("Developers can leverage open-source libraries, SDKs and more to help build their <a href='developer-funding.html'>blockchain project</a> and across essential XRP Ledger functionality.")},
|
||
|
||
{"id": "wallet",
|
||
"title": _("Wallet"),
|
||
"description": _("Build digital wallets to store passwords and interact with various blockchains to send and receive digital assets, including XRP.")},
|
||
|
||
{"id": "nfts",
|
||
"title": _("NFTs"),
|
||
"description": _("XRPL supports the issuance of IOUs that represent a currency of any value, as well as non-fungible tokens (NFTs).")},
|
||
|
||
{"id": "exchanges",
|
||
"title": _("Exchanges"),
|
||
"description": _("Build sophisticated exchanges where users can invest and trade crypto and assets such as stocks, ETFs, and commodities.")},
|
||
|
||
{"id": "gaming",
|
||
"title": _("Gaming"),
|
||
"description": _("The XRPL supports gaming at high speed given its reliable throughput, low fees, and sidechain interoperability.")},
|
||
|
||
{"id": "security",
|
||
"title": _("Security"),
|
||
"description": _("Build services and tools that help prevent and combat fraudulent activity with the XRPL.")},
|
||
|
||
{"id": "payments",
|
||
"title": _("Payments"),
|
||
"description": _("Leverage the efficiency and speed of the XRP Ledger to move value all over the globe.")},
|
||
|
||
{"id": "web_monetization",
|
||
"title": _("Web Monetization"),
|
||
"description": _("Support creators and their content directly leveraging the power of the XRP Ledger.")},
|
||
|
||
{"id": "sustainability",
|
||
"title": _("Sustainability"),
|
||
"description": _("Use the XRP Ledger to tokenize carbon offsets as non-fungible tokens (NFTs).")},
|
||
|
||
{"id": "cbdc",
|
||
"title": _("CBDC"),
|
||
"description": _("A private version of the XRP Ledger provides Central Banks a secure, controlled, and flexible solution to issue and manage Central Bank Issued Digital Currencies (CBDCs).")},
|
||
|
||
{"id": "custody",
|
||
"title": _("Custody"),
|
||
"description": _("Use the XRP Ledger to build crypto custody and securely hold, store and use your assets.")},
|
||
|
||
{"id": "defi",
|
||
"title": _("DeFi"),
|
||
"description": _("Provide access to financial products and services replacing the traditional role of financial institutions.")},
|
||
|
||
] %}
|
||
{% for use in uses %}
|
||
<li class="col ls-none p-3">
|
||
<img id="{{use.id}}" alt="{{use.title}} icon">
|
||
<h4 class="mt-3 mb-0 h5">{{use.title}}</h4>
|
||
<p class="mt-2 mt-md-3 mb-0">{{use.description}}</p>
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
</section>
|
||
|
||
<section class="container-new py-26">
|
||
<div class="col-12 col-lg-8 col-xl-6 p-3 mb-5">
|
||
<div class="d-flex flex-column-reverse">
|
||
<h3 class="h4 h2-sm">{% trans %}Businesses and developers <br class="until-sm"/> rely on the XRP Ledger{% endtrans %}</h3>
|
||
<h6 class="eyebrow mb-3">{% trans %}Solving Real-World Problems{% endtrans %}</h6>
|
||
</div>
|
||
<p class="mb-0 longform mt-8-until-sm mt-3 ">{% trans %}With intentional innovations, tools and documentation that accelerate development and minimize time to market, XRP Ledger is used to create solutions across an expansive range of industries and use cases.{% endtrans %}</p>
|
||
</div>
|
||
|
||
<a class="btn d-block d-lg-none" data-toggle="modal" data-target="#categoryFilterModal">
|
||
<span class="mr-3"><img src="./assets/img/uses/usecase-filter.svg" alt="Filter button"></span>{% trans %}Filter by Categories{% endtrans %}<span class="ml-3 total_count category_count">2</span>
|
||
</a>
|
||
|
||
<!-- Start company cards -->
|
||
<div class="row col-12 m-0 p-0 mt-4 pt-2">
|
||
<div class="left col-3 m-0 p-0 mt-2 d-none d-lg-block">
|
||
|
||
<!-- Side bar Desktop. -->
|
||
<div class="p-3 category_sidebar">
|
||
<form >
|
||
<p class="category-header mb-4">{% trans %}Featured Categories{% endtrans %} <span id="featured_count_old" class="featured_count category_count">2</span></p>
|
||
{% for category_id, category_name in featured_categories.items() %}
|
||
<div class="cat_checkbox category-checkbox pb-2">
|
||
<input class="events-filter input_{{category_id}}" type="checkbox" name="categories" id="input_{{category_id}}" value="{{category_id}}" checked>
|
||
<label class="font-weight-bold" for="input_{{category_id}}">{{ category_name }}</label>
|
||
</div>
|
||
{% endfor %}
|
||
|
||
<p class="category-header pt-5 mt-3 mb-4">{% trans %}Other Categories{% endtrans %} <span id="other_count_old" class="other_count category_count">0</span></p>
|
||
{% for category_id, category_name in other_categories.items() %}
|
||
<div class="cat_checkbox category-checkbox pb-2">
|
||
<input class="events-filter input_{{category_id}}" type="checkbox" name="categories" id="input_{{category_id}}" value="{{category_id}}">
|
||
<label for="input_{{category_id}}">{{ category_name }}</label>
|
||
</div>
|
||
{% endfor %}
|
||
</form>
|
||
</div>
|
||
<!-- End sidebar desktop -->
|
||
|
||
</div>
|
||
|
||
<!-- cards -->
|
||
<div class="right row col row-cols-lg-2 m-0 p-0" id="use_case_companies_list">
|
||
|
||
{% for card in cards %}
|
||
<a class="card-uses category_{{card.category_id}}" href="{{card.link}}" target="_blank" id="{{card.id}}">
|
||
<div class="card-body row">
|
||
<span class="w-100 mb-3 pb-3">
|
||
<img class="mw-100 biz-logo" alt="{{card.title|default(card.id)}}">
|
||
</span>
|
||
<h4 class="card-title h6">{{card.title}}</h4>
|
||
<p class="card-text">{{card.description}}</p>
|
||
<div class="align-self-end"><span class="label label-use-{{card.category_id}}">{{card.category_name}}</span></div>
|
||
</div>
|
||
</a>
|
||
{% endfor %}
|
||
|
||
</div>
|
||
<!-- end cards -->
|
||
|
||
</div>
|
||
<!-- end company cards -->
|
||
|
||
</section>
|
||
|
||
</div>
|
||
|
||
{% endblock %}
|
||
|
||
{% block analytics %}
|
||
<script type="application/javascript">
|
||
window.dataLayer = window.dataLayer || [];
|
||
window.dataLayer.push({
|
||
"event": "page_info",
|
||
"page_type": "Splash Page",
|
||
"page_group": "About"
|
||
})
|
||
</script>
|
||
{% endblock analytics %}
|
||
|
||
|
||
{% block endbody %}
|
||
<script type="application/javascript" src="{{currentpage.prefix}}assets/js/use-cases.js"></script>
|
||
{% endblock %}
|