Add hackathon banner to top

This commit is contained in:
Jake
2022-02-28 13:27:54 -07:00
parent 31910f1a87
commit 09b04d35df
7 changed files with 22 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -12,17 +12,16 @@
line-height: 24px;
@include media-breakpoint-up(md) {
padding: 11px 8px;
padding: 5px 8px;
}
.btn {
margin-top: -4px;
margin-top: 4px;
margin-left: 8px;
padding: 2px 4px;
font-size: 12px;
@include media-breakpoint-up(md) {
padding: 8px;
margin-top: 2px;
margin-left: 16px;
font-size: 16px;
}
@@ -31,13 +30,11 @@
p {
font-size: 12px;
line-height: 20px;
width: 280px;
text-align: center;
margin: auto;
@include media-breakpoint-up(md) {
font-size: 16px;
line-height: 24px;
width: initial;
}
}

View File

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

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.

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

View File

@@ -1,4 +1,9 @@
<!--{#<div class="top-banner fixed-top"><p>{% trans %}Fund your XRPL project with a developer grant. <a href="https://xrplgrants.org/?utm_medium=referral&utm_source=xrpl&utm_campaign=banner" class="btn btn-outline-secondary">Apply now!</a>{% endtrans %}</p></div>#}-->
<div class="top-banner fixed-top">
<div class="d-flex justify-content-center ">
<span><p class="mb-0">{% trans %}Hackathon: New Year, New NFTs! Build scalable, <br />sustainable functional NFTs with XRPL {% endtrans %}</p></span>
<span><a href="https://xrplnft.devpost.com/?utm_medium=referral&utm_source=xrpl&utm_campaign=banner" class=" btn btn-outline-secondary">Join</a></span>
</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">