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

Merge pull request #1546 from JakeatRipple/feat-community-blogsection

Browse Source 
Feat community blog section
This commit is contained in:
Jake
2022-10-18 08:17:34 -07:00
committed by GitHub
parent a87a06620c bbbde6cca9
commit 3bd37fc9d0
9 changed files with 57 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

BIN
assets/img/community/community-blog@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 479 KiB

BIN
assets/img/community/lightmode/community-blog@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

8
styles/_pages.scss
View File

@@ -994,6 +994,14 @@
}
}
#xrpl-blog {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 104px;
}
}
#xrpl-events {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {

4
styles/light/_light-theme.scss
View File

@@ -677,6 +677,10 @@ pre code {
#run-a-network-node .text-cards a {
color: $black;
}
#xrpl-blog .blog-graphic {
content: url(../img/community/lightmode/community-blog@2x.png);
}
#xrpl-events .text-light {
color: $black !important;

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-v9.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v9.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v9.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-v8.css" rel="stylesheet" />
<link href="{{currentpage.prefix}}assets/css/devportal2022-v9.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />

37
template/page-community.html.jinja
View File

@@ -132,15 +132,15 @@
<div class="col">
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Awarded in a single grant{% endtrans %}</h6>
<img src="./assets/img/community/community-grants-1.svg" class="w-100">
<img src="./assets/img/community/community-grants-1.svg">
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Distributed to grant recipients{% endtrans %}</h6>
<img src="./assets/img/community/community-grants-2.svg" class="w-100">
<img src="./assets/img/community/community-grants-2.svg">
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Open-source projects funded {% endtrans %}</h6>
<img src="./assets/img/community/community-grants-3.svg" class="w-100">
<img src="./assets/img/community/community-grants-3.svg">
</div>
<div class="d-lg-none d-block mt-4 pt-3">
@@ -151,6 +151,33 @@
</div>
</section>
<!-- Blog -->
<section class="container-new" id="xrpl-blog">
<div class="card-grid card-grid-2xN align-items-lg-center">
<div class="col pr-2 d-lg-block d-none">
<img src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
</div>
<div class="col">
<div class="d-flex flex-column-reverse mb-lg-2 pl-0">
<h2 class="h4 h2-sm">{% trans %}Showcase your XRPL project, application or product{% endtrans %}</h2>
<h6 class="eyebrow mb-3">{% trans %}XRPL Community Spotlight{% endtrans %}</h6>
</div>
<p class="mb-3 py-4">{% trans %}Get featured on the Developer Reflections blog or Use Cases page, and explore XRPL community highlights.{% endtrans %}</p>
<div class="d-lg-none d-block">
<img src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
</div>
<div class="text-lg-left text-center">
<a class="btn btn-primary btn-arrow mb-4 mb-md-0" data-tf-popup="ssHZA7Ly" data-tf-iframe-props="title=Developer Reflections" data-tf-medium="snippet">{% trans %}Submit Your Projects{% endtrans %}</a>
<a class="ml-lg-4 video-external-link" target="_blank" href="https://xrpl.org/blog/">{% trans %}Read the Blog{% endtrans %}</a>
</div>
</div>
</div>
</section>
<!-- Events -->
<section class="container-new" id="xrpl-events">
@@ -279,6 +306,10 @@
{% block endbody %}
<!-- TypeFrom for blog -->
<script src="//embed.typeform.com/next/embed.js"></script>
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/bodymovin.min.js"></script>
<!-- Light version for network node looks ok for both light/dark.-->