mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-29 16:15:48 +00:00
Docs: start redoing landing page
This commit is contained in:
mDuo13
12
template/component-tag-cloud.html.jinja
Normal file
12
template/component-tag-cloud.html.jinja
Normal file
@@ -0,0 +1,12 @@
|
||||
<ul class="tag-cloud list-inline">
|
||||
{% for page in pages %}
|
||||
{% if page.landing_for is defined %}
|
||||
<li class="list-inline-item">
|
||||
<a class="label label-{{slug(page.landing_for)}}" href="{% if "//" not in page.html %}{{target.prefix}}{% endif %}{{page.html}}" title="{{page.blurb}}">
|
||||
{{page.name}}
|
||||
<span class="badge badge-pill">{{label_count(pages, page.landing_for)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
@@ -3,19 +3,6 @@
|
||||
{% block main %}
|
||||
<section class="content">
|
||||
<h1 id="main-page-header">{{ currentpage.name }}</h1>
|
||||
|
||||
<ul class="tag-cloud list-inline">
|
||||
{% set lblsize = label_sizes(pages) %}
|
||||
{% for page in pages %}
|
||||
{% if page.landing_for is defined %}
|
||||
<li class="list-inline-item">
|
||||
<a class="label label-{{slug(page.landing_for)}}" href="{% if "//" not in page.html %}{{target.prefix}}{% endif %}{{page.html}}" title="{{page.blurb}}">
|
||||
{{page.name}}
|
||||
<span class="badge badge-pill">{{label_count(pages, page.landing_for)}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% include 'component-tag-cloud.html.jinja' %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -2,51 +2,89 @@
|
||||
|
||||
{% block mainclasses %}landing padded-landing page-docs-index{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<section class="container-fluid card-grid card-grid-2x2">
|
||||
<div class="section-hero card">
|
||||
<h1 class="main-page-header">{% trans %}XRP Ledger Documentation{% endtrans %}</h1>
|
||||
<p class="blurb">{% trans %}Dive into our documentation and start integrating with the XRP Ledger.{% endtrans %}</p>
|
||||
<p class="blurb">{% trans %}Browse by category, or skip straight to the <a href="#full-doc-index">full documentation index</a>.{% endtrans %}</p>
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
<div class="highlight-subcard">
|
||||
<h3>Hot Topic: NFTs</h3>
|
||||
<p class="blurb">{% trans %}Interested in non-fungible tokens, but concerned about their <a href="impact.html">large carbon footprint</a>? Check out these proposed standards for issuing NFTs on the XRP Ledger:{% endtrans %}</p>
|
||||
<ul>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/30" class="external-link" target="_blank">XLS-14d: Non fungible tokens (indivisible NFT's) on the XRPL<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/40" class="external-link" target="_blank">XLS-19d: Wallet based Proof of Digital Asset Property and Rights (NFT)<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/46" class="external-link" target="_blank">XLS-20d: Non-Fungible Token Support<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
</ul>
|
||||
</div><!--/.highlight-card-->
|
||||
{% block main %}
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="mb-18">{% trans %}What would you like to learn?{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Documentation{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="center-search">
|
||||
<form role="search">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<label class="input-group-prepend" for="docsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
|
||||
<input id="docsearchbox" type="text" class="form-control" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
|
||||
</div><!--/.form-group-->
|
||||
</div>
|
||||
</form>
|
||||
</div><!--/.center-search-->
|
||||
</div>
|
||||
|
||||
{% set doc_types = [] %}
|
||||
{% set flag_n = cycler(* range(1,99)) %}
|
||||
{% for page in currentpage.children %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title"><a href="{{page.html}}">{{page.name}}</a></h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
{% if page.blurb is defined %}
|
||||
<p class="blurb">{{page.blurb}}</p>
|
||||
{% endif %}
|
||||
{% set parent_html = page.html %}
|
||||
{% set parent_name = page.name %}
|
||||
{% set depth = 1 %}
|
||||
{% include 'children.html' %}
|
||||
</div><!--/.card-body-->
|
||||
<div class="card-footer">
|
||||
<div class="readmore">
|
||||
<a class="btn btn-outline-secondary" href="{{page.html}}">{% if page.cta_text %}{{page.cta_text}}{% else %}{% trans %}View All {{parent_name}}{% endtrans %}{% endif %}</a>
|
||||
</div>
|
||||
</div><!--/.card-footer-->
|
||||
</div><!--/.card-->
|
||||
{% endfor %}
|
||||
|
||||
{#<div class="highlight-subcard">
|
||||
<h3>Hot Topic: NFTs</h3>
|
||||
<p class="blurb">{% trans %}Interested in non-fungible tokens, but concerned about their <a href="impact.html">large carbon footprint</a>? Check out these proposed standards for issuing NFTs on the XRP Ledger:{% endtrans %}</p>
|
||||
<ul>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/30" class="external-link" target="_blank">XLS-14d: Non fungible tokens (indivisible NFT's) on the XRPL<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/40" class="external-link" target="_blank">XLS-19d: Wallet based Proof of Digital Asset Property and Rights (NFT)<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/46" class="external-link" target="_blank">XLS-20d: Non-Fungible Token Support<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
|
||||
</ul>
|
||||
</div><!--/.highlight-card-->#}
|
||||
</section>
|
||||
|
||||
<section class="container-fluid doc-index">
|
||||
<section class="container-fluid mb-50">
|
||||
<div class="row">
|
||||
<div class="col col-lg-6" id="popular-topics">
|
||||
<h3>{% trans %}Browse By Popular Topics{% endtrans %}</h3>
|
||||
<ul>
|
||||
{% for pg_html in currentpage.popular_pages %}
|
||||
{% set page = pages|selectattr("html", "defined_and_equalto", pg_html)|first %}
|
||||
<li class="curated-link"><a href="{% if '//' not in page.html %}{{target.prefix}}{% endif %}{{page.html}}">{{page.name}}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div><!--/#popular-topics-->
|
||||
|
||||
<div class="col col-lg-6" id="browse-by-label">
|
||||
{% include 'component-tag-cloud.html.jinja' %}
|
||||
</div><!--/#browse-by-label-->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-fluid mb-50" id="software-and-sdks">
|
||||
{% set get_started = pages|selectattr("html", "defined_and_equalto", "get-started.html")|first %}
|
||||
|
||||
<h3>{% trans %}Software and SDKs{% endtrans %}</h3>
|
||||
<div class="row row-cols-2 row-cols-lg-4 card-deck">
|
||||
|
||||
{% for page in get_started.children if page.showcase_icon is defined %}
|
||||
<a class="col card" href="{{target.prefix}}{{page.html}}">
|
||||
<div class="card-body">
|
||||
<img class="circled-logo" src="{{target.prefix}}{{page.showcase_icon}}" />
|
||||
<h4 class="card-title">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</h4>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
||||
</div><!--/.card-grid-4xN-->
|
||||
</section>
|
||||
|
||||
<section class="container-fluid mb-50" id="doc-types">
|
||||
<div class="row row-cols-2 row-cols-lg-4 card-deck">
|
||||
{% set doc_types = [] %}
|
||||
{% for page in currentpage.children if page.html != "by-label.html" %}
|
||||
<a class="col card" href="{{target.prefix}}{{page.html}}">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">{{page.name}}</h4>
|
||||
<p class="card-text">{{page.blurb}}</p>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-fluid mb-50">
|
||||
<h2 id="full-doc-index">{% trans %}Full Documentation Index{% endtrans %}</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
|
||||
Reference in New Issue
Block a user