ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-28 07:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Docs landing redesign & related cleanup

Browse Source
This commit is contained in:
mDuo13
2021-06-25 17:25:30 -07:00
parent ae533b608b
commit 2b33bf3b74
16 changed files with 314 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
template/base.html.jinja
View File

@@ -136,11 +136,6 @@ algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
debug: false
});
</script>
<style>
#algolia-autocomplete-listbox-0 {
z-index: 1100 !important;
}
</style>
{% if currentpage.embed_ripple_lib %}
<!-- ripple-lib & prerequisites -->

4
template/component-top-nav.html.jinja
View File

@@ -59,12 +59,12 @@
{% endfor %}
</ul><!-- /.navbar-nav -->
<div class="nav-item" id="topnav-search">
<div class="nav-item search" id="topnav-search">
<form class="navbar-form navbar-right" role="search">
<div class="form-inline">
<div class="input-group">
<label class="input-group-prepend" for="topsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
<input id="topsearchbox" name="q" type="text" class="form-control" placeholder="{% trans %}Search site...{% endtrans %}">
<input id="topsearchbox" name="q" type="text" class="form-control searchinput" placeholder="{% trans %}Search site...{% endtrans %}">
</div><!--/.input-group-->
</div>
</form>

60
template/page-docs.html.jinja
View File

@@ -8,15 +8,15 @@
<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>
<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">
<div class="center-search 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 %}">
<input id="docsearchbox" type="text" class="form-control searchinput" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
</div><!--/.form-group-->
</div>
</form>
@@ -34,19 +34,20 @@
</div><!--/.highlight-card-->#}
</section>
<section class="container-fluid mb-50">
<section class="container-fluid mb-50" id="docs-browse-by">
<div class="row">
<div class="col col-lg-6" id="popular-topics">
<h3>{% trans %}Browse By Popular Topics{% endtrans %}</h3>
<ul>
<h2 class="h4">{% trans %}Browse By Popular Topics{% endtrans %}</h2>
<ul class="nav flex-column">
{% 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>
<li class="nav-item"><a href="{% if '//' not in page.html %}{{target.prefix}}{% endif %}{{page.html}}" class="nav-link">{{page.name}}</a>
{% endfor %}
</ul>
</div><!--/#popular-topics-->
<div class="col col-lg-6" id="browse-by-label">
<h2 class="h4">{% trans %}Browse By Label{% endtrans %}</h2>
{% include 'component-tag-cloud.html.jinja' %}
</div><!--/#browse-by-label-->
</div>
@@ -54,49 +55,60 @@
<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>
<h2>{% trans %}Software and SDKs{% endtrans %}</h2>
<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}}">
<a class="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>
<h4 class="card-title h5">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</h4>
</div>
</a>
{% endfor %}
</div><!--/.card-grid-4xN-->
</section>
</div>
</section><!--/#software-and-sdks-->
<section class="container-fluid mb-50" id="doc-types">
<div class="row row-cols-2 row-cols-lg-4 card-deck">
<h2 class="h4">{% trans %}Article Types{% endtrans %}</h2>
<div class="row row-cols-1 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}}">
<a class="card" href="{{target.prefix}}{{page.html}}">
<div class="card-body">
<h4 class="card-title">{{page.name}}</h4>
<h4 class="card-title h5">{{page.name}}</h4>
<p class="card-text">{{page.blurb}}</p>
</div>
</a>
{% endfor %}
</div>
</section>
</section><!--/#doc-types-->
<section class="container-fluid mb-50">
<h2 id="full-doc-index">{% trans %}Full Documentation Index{% endtrans %}</h2>
<section class="container-fluid mb-50 doc-index">
<h2 id="full-doc-index" class="h4">{% trans %}Full Documentation Index{% endtrans %}</h2>
<div class="row">
<div class="col-md-8">
{% set parent_html = currentpage.html %}
{% set depth = 5 %}
{% for page in currentpage.children if page.html != "by-label.html" %}
{% set parent_html = page.html %}
{% set depth = 6 %}
<div class="col-md-6 mt-20">
<a href="{{target.prefix}}{{page.html}}"><h5 class="mb-3">{{page.name}}</h5></a>
{% include 'children.html' %}
</div>
{% endfor %}
</div>
</section>
</section><!--/.doc-index-->
{% endblock %}
{% block endbody %}
<script type="text/javascript"> docsearch({
apiKey: '70de5b9b8ef95460f3c6e04054b325b2',
indexName: 'xrpl',
inputSelector: '#docsearchbox',
algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
debug: false
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>