ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2026-08-21 18:20:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

update top banner. Add link to nav.

Browse Source 
Change top banner for xls-20
Add link under dev tools to new learning portal
This commit is contained in:
Jake
2022-10-27 18:21:00 -07:00
parent 3da775f9b5
commit a9e92f4d03
8 changed files with 39 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2022-v10.css → assets/css/devportal2022-v11.css
View File

File diff suppressed because one or more lines are too long

9
dactyl-config.yml
View File

@@ -4186,6 +4186,7 @@ pages:
html: dev-tools.html
template: page-dev-tools.html.jinja
parent: docs.html
top_nav_grouping: Online Tools
sidebar: left_only
targets:
- en
@@ -4199,6 +4200,14 @@ pages:
targets:
- en
- ja
- name: XRPL Education Portal
html: https://learn.xrpl.org/
parent: docs.html
top_nav_grouping: Online Tools
targets:
- en
- ja
- name: RPC Tool
html: xrp-ledger-rpc-tool.html

9
styles/_layout.scss
View File

@@ -212,6 +212,15 @@ section {
.left-sidebar {
padding: 2rem;
.external-link::after {
background-position: left 5px bottom 7px;
width: 2rem;
}
.external-link:hover::after {
background-position: left 9px bottom 10px;
}
@include media-breakpoint-up(lg) {
position: sticky;
max-height: calc(100vh - 80px);

20
styles/_top-banner.scss
View File

@@ -1,8 +1,9 @@
.top-banner {
height: 46px;
background: url(../img/backgrounds/bg-learning-banner.png);
background-position: center;
background: url(../img/backgrounds/bg-apex-banner.svg);
background-position: left;
background-size: cover;
background-color: #7919FF;
// padding: 2px 0;
color: #fff;
text-align: center;
@@ -10,18 +11,7 @@
font-weight: bold;
line-height: 24px;
@include media-breakpoint-up(md) {
padding: 5px 8px;
background: url(../img/backgrounds/bg-learning-banner-md.png);
background-position: center;
background-size: cover;
}
@include media-breakpoint-up(xl) {
background: url(../img/backgrounds/bg-learning-banner-lg.png);
background-position: center;
background-size: cover;
}
.btn {
margin-left: 4px;
@@ -32,7 +22,7 @@
border-radius: 2px;
@include media-breakpoint-up(md) {
margin-top: 6px;
margin-top: 9px;
margin-left: 16px;
font-size: 16px;
padding: 4px 8px;
@@ -55,7 +45,7 @@
margin: auto;
@include media-breakpoint-up(md) {
padding-top: 7px;
padding-top: 11px;
font-size: 16px;
width: initial;
line-height: 24px;

4
styles/_top-nav.scss
View File

@@ -246,6 +246,10 @@
.col-for-online-tools {
grid-column: 1;
grid-row: 3;
.external-link {
white-space: nowrap;
}
}
.col-for-get-started {
grid-column: 2;

6
styles/package.json
View File

@@ -4,9 +4,9 @@
"node-sass": "^7.0.0"
},
"scripts": {
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v10.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v10.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v10.css --output-style compressed --source-map true"
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v11.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11.css --output-style compressed --source-map true"
},
"dependencies": {
"sass": "^1.26.10"

2
template/base.html.jinja
View File

@@ -53,7 +53,7 @@
{% if target.lang=="ja" %}
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
{% endif %}
<link href="{{currentpage.prefix}}assets/css/devportal2022-v10.css" rel="stylesheet" />
<link href="{{currentpage.prefix}}assets/css/devportal2022-v11.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />

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

@@ -1,7 +1,11 @@
<div class="top-banner fixed-top">
<div class="d-md-flex justify-content-center">
<span><p class="mb-0">{% trans %}Learn how to build on the XRP Ledger.{% endtrans %}</p></span>
<span><a href="https://learn.xrpl.org/" target="_blank" class="btn btn-outline-secondary">Start Learning</a></span>
<div class="d-none d-md-flex justify-content-center">
<span><p class="mb-0">{% trans %}Native NFT support is now available on the XRP Ledger{% endtrans %}</p></span>
<span><a href="/mint-and-burn-nftokens.html?utm_source=web&utm_medium=web&utm_campaign=xls-20_launch&utm_content=pencil_banner" class="btn btn-outline-secondary">Learn More</a></span>
</div>
<div class="d-md-none d-block justify-content-center">
<span><p class="mb-0">{% trans %}Native NFT support is now available{% endtrans %}</p></span>
<span><p class="mb-0">{% trans %}on the XRP Ledger{% endtrans %}<a href="/mint-and-burn-nftokens.html?utm_source=web&utm_medium=web&utm_campaign=xls-20_launch&utm_content=pencil_banner" class="btn btn-outline-secondary">Learn More</a></p></span>
</div>
</div>
<nav class="top-nav navbar navbar-expand-lg navbar-dark fixed-top">