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

Update top banner for new learning site

Browse Source
This commit is contained in:
Jake
2022-10-13 14:31:13 -07:00
parent a5448c3ac9
commit f5dbb20279
10 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/devportal2022-v10.css Normal file
View File

File diff suppressed because one or more lines are too long

2
assets/css/devportal2022-v8.css
View File

File diff suppressed because one or more lines are too long

BIN
assets/img/backgrounds/bg-learning-banner-lg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
assets/img/backgrounds/bg-learning-banner-md.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
assets/img/backgrounds/bg-learning-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

8
styles/_top-banner.scss
View File

@@ -1,9 +1,9 @@
.top-banner {
height: 46px;
background: url(../img/backgrounds/bg-apex-banner-2.png);
background: url(../img/backgrounds/bg-learning-banner.png);
background-position: center;
background-size: cover;
padding: 2px 0;
// padding: 2px 0;
color: #fff;
text-align: center;
font-size: 16px;
@@ -12,13 +12,13 @@
@include media-breakpoint-up(md) {
padding: 5px 8px;
background: url(../img/backgrounds/bg-apex-banner-2-md.png);
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-apex-banner-2-lg.png);
background: url(../img/backgrounds/bg-learning-banner-lg.png);
background-position: center;
background-size: cover;
}

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-v8.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v8.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v8.css --output-style compressed --source-map true"
"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"
},
"dependencies": {
"sass": "^1.26.10"

2
styles/xrpl.scss
View File

@@ -67,7 +67,7 @@ $line-height-base: 1.5;
@import "_blog.scss";
@import "_feedback.scss";
@import "_video.scss";
// @import "_top-banner.scss";
@import "_top-banner.scss";
// Light/Dark theme settings ---------------------------------------------------
// Option to only change theme on user system settings. No toggle.

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-v8.css" rel="stylesheet" />
<link href="{{currentpage.prefix}}assets/css/devportal2022-v10.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />

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

@@ -1,15 +1,15 @@
{# <div class="top-banner fixed-top">
<div class="top-banner fixed-top">
<!-- mobile -->
<div class="justify-content-center d-md-none">
<!-- <div class="justify-content-center d-md-none">
<span><p class="mb-0">{% trans %}Registration is live for Apex: The XRPL{% endtrans %}</p></span>
<span><p class="mb-0"> Developer Summit <a href="https://www.apexdevsummit.com/" target="_blank" class="btn btn-outline-secondary">Register Now</a></p></span>
</div>
<span><p class="mb-0"> Developer Summit <a href="https://www.apexdevsummit.com/" target="_blank" class="btn btn-outline-secondary">Start Learning</a></p></span>
</div> -->
<!-- tablet and up -->
<div class="d-md-flex justify-content-center d-none">
<span><p class="mb-0">{% trans %}Registration is live for Apex: The XRPL Developer Summit{% endtrans %}</p></span>
<span><a href="https://www.apexdevsummit.com/" target="_blank" class="btn btn-outline-secondary">Register Now</a></span>
<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>
</div> #}
</div>
<nav class="top-nav navbar navbar-expand-lg navbar-dark fixed-top">
<a href="{% if currentpage.prefix %}{{currentpage.prefix}}{% else %}/{% endif %}" class="navbar-brand"><img class="logo" height="40" alt="{{target.display_name}}" /></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#top-main-nav" aria-controls="navbarHolder" aria-expanded="false" aria-label="Toggle navigation">