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

Bootstrap v4/fluid layout overhaul

Browse Source
This commit is contained in:
mDuo13
2018-04-20 20:39:53 -07:00
parent e9457b60ff
commit 7f3acbce3c
30 changed files with 7335 additions and 583 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
tool/template-base.html
View File

@@ -21,7 +21,8 @@
<script src="assets/vendor/jquery-1.11.1.min.js"></script>
<!-- Custom Stylesheets. ripple.css includes bootstrap, font stuff -->
<link href="assets/css/ripple.css" rel="stylesheet" />
<!-- <link href="assets/css/ripple.css" rel="stylesheet" /> -->
<link href="assets/vendor/bootstrap.css" rel="stylesheet" />
<link href="assets/css/devportal.css" rel="stylesheet" />
<!-- Bootstrap JS -->
@@ -37,13 +38,14 @@
</head>
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}{% block bodyclasses %}{% endblock %}">
<header role="banner" class="banner navbar navbar-default navbar-fixed-top initial_header">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"><img src="assets/img/dev-logo.png" class="logo" width="36" height="36" /><span class="brand-text">XRP Ledger Dev Portal</span></a>
<div class="draft-warning">BETA</div>
</div><!-- /.navbar-header -->
<ul class="nav navbar-nav">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white">
<a href="index.html" class="navbar-brand"><img src="assets/img/dev-logo.png" class="logo" width="36" height="36" /><span class="brand-text">XRP Ledger Dev Portal</span><div class="draft-warning">BETA</div></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHolder" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarHolder">
<ul class="nav navbar-nav mr-auto">
{% set funnels = [] %}
{% for page in pages %}
{% if page.funnel is defined and page.funnel not in funnels %}
@@ -56,30 +58,37 @@
{% endfor %}
</ul><!-- /.navbar-nav -->
<form class="navbar-form navbar-right" role="search" method="get" action="https://www.google.com/search">
<div class="form-group">
<div class="form-inline">
<input name="q" type="text" class="form-control" class="top-search" placeholder="Search this site...">
<input name="q" value="site:developers.ripple.com" type="hidden">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>
</div>
{% include 'template-github-edit.html' %}
</form>
</div><!-- /.container -->
{% include 'template-github-edit.html' %}
</div>
</nav>
</header>
<div class="wrap container" role="document" id="main_content_wrapper">
<div class="container-fluid" role="document" id="main_content_wrapper">
<div class="row">
{% if currentpage.sidebar != "disabled" %}
<aside class="sidebar" role="complementary">
{% block sidebar %}{% endblock %}
<aside class="sidebar col-md-3 col-xl-2 p-0" role="complementary">
{% block left_sidebar %}
{% include "template-sidebar_nav.html" %}
{% endblock %}
</aside>
{% endif %}
<main class="main" role="main" id="main_content_body">
<main class="main {% if currentpage.sidebar == "left_only" %}col-md-9 col-xl-10{% elif currentpage.sidebar == "disabled" %}col-md-12 col-xl-12{% else %}col-md-6 col-xl-8{% endif %} p-0" role="main" id="main_content_body">
{% block breadcrumbs %}
{% include 'template-breadcrumbs.html' %}
{% endblock %}
{% block main %}{% endblock %}
</main>
{% if currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only" %}
<aside class="right-sidebar col-md-3 col-xl-2 p-0" role="complementary">
{% block right_sidebar %}{% endblock %}
</aside>
{% endif %}
</div>
</div>
{% include 'template-footer.html' %}