mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
Update blog site for redocly migration
This commit is contained in:
Maria Shodunke
99
blog/index.page.tsx
Normal file
99
blog/index.page.tsx
Normal file
@@ -0,0 +1,99 @@
|
||||
import * as React from "react";
|
||||
import { useTranslate } from "@portal/hooks";
|
||||
|
||||
export const frontmatter = {
|
||||
seo: {
|
||||
title: "XRP Ledger Community Blog",
|
||||
description: "Browse the XRP Ledger Community Blog.",
|
||||
},
|
||||
};
|
||||
|
||||
const target = { prefix: "" }; // TODO: fixme
|
||||
|
||||
export default function Index() {
|
||||
const { translate } = useTranslate();
|
||||
|
||||
return (
|
||||
<div className="landing">
|
||||
<div>
|
||||
<div className="position-relative d-none-sm">
|
||||
<img
|
||||
alt="background purple waves"
|
||||
src={require("../img/backgrounds/home-purple.svg")}
|
||||
className="position-absolute mt-20"
|
||||
/>
|
||||
</div>
|
||||
<section className="py-26 text-center">
|
||||
<div className="mx-auto text-center col-lg-5">
|
||||
<div className="d-flex flex-column">
|
||||
<h6 className="eyebrow mb-3">{translate("XRPL Community")}</h6>
|
||||
<h1 className="mb-0">{translate("XRPL Blog")}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Latest Blog Post */}
|
||||
<section className="container-new py-16">
|
||||
<div className="d-flex flex-column flex-lg-row align-items-lg-center mt-20">
|
||||
<div className="mb-2">
|
||||
<img
|
||||
alt="default-alt-text"
|
||||
src={require("../static/img/blog/blog-hero.svg")}
|
||||
className="w-100"
|
||||
/>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col justify-content-center w-100 blog-hero-background">
|
||||
<div className="d-flex flex-column">
|
||||
<h4 className="mb-3 eyebrow text-uppercase font-weight-light">
|
||||
<span
|
||||
style={{
|
||||
textDecoration: "overline solid #32E685 10%",
|
||||
paddingBottom: "4px",
|
||||
}}
|
||||
>
|
||||
{translate("Jan")}
|
||||
</span>
|
||||
{translate(" 09 2024")}
|
||||
</h4>
|
||||
<div className="pb-8">
|
||||
<p
|
||||
className="badge badge-success w-full rounded-pill py-1 px-4 border"
|
||||
style={{
|
||||
background: "#145C35",
|
||||
color: "#32E685",
|
||||
borderColor: "#32E685 !important",
|
||||
}}
|
||||
>
|
||||
{translate("Release Notes")}
|
||||
</p>
|
||||
</div>
|
||||
<h2 className="mb-8 h4 h2-sm font-weight-bold">
|
||||
{translate("Introducing XRP Ledger version 2.0.1")}
|
||||
</h2>
|
||||
</div>
|
||||
<p className="mb-4">
|
||||
{translate(
|
||||
"Lorem ipsum dolor sit amet consectetur. Justo sed lectus integer elit amet nibh hac in. In vitae mauris lectus in fringilla. Lorem nulla urna eget ipsum. Potenti fames nec est tincidunt vel praesent. Et at velit id purus consequat ut. Nulla sed mi amet morbi amet. A scelerisque proin mi purus. Pellentesque morbi ipsum gravida iaculis mi. Pellentesque malesuada neque pharetra sed. Curabitur nibh facilisi ut ac varius ut duis. Pretium turpis maecenas elementu..."
|
||||
)}
|
||||
</p>
|
||||
<div className="d-lg-block">
|
||||
<a
|
||||
className="btn btn-primary btn-arrow"
|
||||
href="blog/rippled-2.0.0/"
|
||||
>
|
||||
{translate("Read More")}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Blogs and Filters */}
|
||||
<section className="container-new py-26">
|
||||
<p>SECTION</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,5 +1,4 @@
|
||||
- group: Blog
|
||||
page: index.md
|
||||
expanded: true
|
||||
items:
|
||||
- group: '2024'
|
||||
|
||||
3
static/img/blog/blog-hero-background.svg
Normal file
3
static/img/blog/blog-hero-background.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="1048" height="496" viewBox="0 0 1048 496" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 20C0 8.95432 8.9543 0 20 0H1048V496H20C8.95431 496 0 487.046 0 476V20Z" fill="#232325" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 215 B |
85
static/img/blog/blog-hero.svg
Normal file
85
static/img/blog/blog-hero.svg
Normal file
@@ -0,0 +1,85 @@
|
||||
<svg width="450" height="308" viewBox="0 0 450 308" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_140_42)">
|
||||
<path d="M0 17H412C423.046 17 432 25.9543 432 37V269C432 280.046 423.046 289 412 289H0V17Z" fill="url(#paint0_linear_140_42)"/>
|
||||
</g>
|
||||
<path d="M16 53C16 41.9543 24.9543 33 36 33H396C407.046 33 416 41.9543 416 53V253C416 264.046 407.046 273 396 273H36C24.9543 273 16 264.046 16 253V53Z" fill="url(#paint1_linear_140_42)"/>
|
||||
<path d="M129.355 135.329C129.355 133.931 130.337 133.364 131.548 134.063L137.425 137.457V226.34L131.548 222.947C130.337 222.247 129.355 220.547 129.355 219.149V135.329Z" fill="#181818"/>
|
||||
<path d="M257.176 60.3819L130.193 133.696C128.982 134.395 128.982 135.529 130.193 136.228L135.264 139.156C136.475 139.855 138.438 139.855 139.649 139.156L266.633 65.8416C267.844 65.1425 267.844 64.009 266.633 63.3099L261.562 60.3819C260.351 59.6828 258.387 59.6828 257.176 60.3819Z" fill="#454549"/>
|
||||
<g filter="url(#filter1_d_140_42)">
|
||||
<path d="M266.354 65.004L139.144 138.449C138.187 139.001 137.412 140.344 137.412 141.449L137.412 225.81C137.412 226.914 138.187 227.362 139.144 226.81L266.354 153.365C267.311 152.813 268.087 151.469 268.087 150.365L268.087 66.004C268.087 64.8994 267.311 64.4517 266.354 65.004Z" fill="#232325"/>
|
||||
<path d="M260.216 94.8596L177.683 142.51C176.385 143.26 175.333 145.082 175.333 146.58L175.333 149.987C175.333 151.486 176.385 152.093 177.683 151.344L260.216 103.693C261.514 102.944 262.566 101.122 262.566 99.6235L262.566 96.2162C262.566 94.7178 261.514 94.1104 260.216 94.8596Z" fill="#454549"/>
|
||||
<path d="M157.255 164.375C163.712 160.647 168.946 151.58 168.946 144.124C168.946 136.668 163.712 133.646 157.255 137.374C150.798 141.102 145.563 150.168 145.563 157.624C145.563 165.08 150.798 168.103 157.255 164.375Z" fill="#7919FF"/>
|
||||
<path d="M229.298 139.028L146.765 186.678C145.467 187.428 144.415 189.25 144.415 190.748L144.415 194.155C144.415 195.654 145.467 196.261 146.765 195.512L229.298 147.861C230.596 147.112 231.648 145.29 231.648 143.791L231.648 140.384C231.648 138.886 230.596 138.278 229.298 139.028Z" fill="#454549"/>
|
||||
<path d="M229.298 153.383L146.765 201.033C145.467 201.783 144.415 203.605 144.415 205.103L144.415 208.51C144.415 210.009 145.467 210.616 146.765 209.867L229.298 162.216C230.596 161.467 231.648 159.645 231.648 158.146L231.648 154.739C231.648 153.241 230.596 152.633 229.298 153.383Z" fill="#454549"/>
|
||||
<path d="M249.965 150.829C256.422 147.101 261.656 138.034 261.656 130.578C261.656 123.122 256.422 120.1 249.965 123.828C243.508 127.556 238.273 136.622 238.273 144.078C238.273 151.534 243.508 154.557 249.965 150.829Z" fill="#2DCF78"/>
|
||||
<path d="M244.539 146.219C244.473 144.6 245.523 142.544 246.872 141.648L249.326 140.02C250.675 139.125 251.833 139.716 251.899 141.334" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M249.362 133.197C250.262 133.657 250.329 135.275 249.509 136.801C248.689 138.327 247.343 139.296 246.503 138.795C245.664 138.295 245.54 136.791 246.295 135.232C247.05 133.673 248.464 132.811 249.362 133.197Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M252.976 136.842L254.816 135.621C255.858 134.929 256.695 135.356 256.746 136.607" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M254.78 130.13C255.424 130.458 255.472 131.635 254.886 132.704C254.299 133.773 253.321 134.498 252.739 134.129C252.157 133.76 252.047 132.623 252.634 131.554C253.159 130.526 254.14 129.875 254.78 130.13Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path d="M150.106 149.472C150.106 148.074 151.088 147.507 152.299 148.206L158.637 151.865V245.82L152.299 242.161C151.088 241.462 150.106 239.762 150.106 238.363V149.472Z" fill="#181818"/>
|
||||
<path d="M285.346 70.3199L150.866 147.962C149.655 148.661 149.655 149.795 150.866 150.494L156.477 153.733C157.688 154.433 159.651 154.433 160.862 153.733L295.342 76.0912C296.553 75.3921 296.553 74.2585 295.342 73.5594L289.731 70.3199C288.52 69.6208 286.557 69.6208 285.346 70.3199Z" fill="#454549"/>
|
||||
<g filter="url(#filter2_d_140_42)">
|
||||
<path d="M295.021 75.221L160.354 152.971C159.397 153.523 158.622 154.866 158.622 155.971L158.622 245.374C158.622 246.479 159.397 246.926 160.354 246.374L295.021 168.624C295.978 168.072 296.753 166.729 296.753 165.624L296.753 76.221C296.753 75.1164 295.978 74.6687 295.021 75.221Z" fill="#232325"/>
|
||||
<path d="M288.568 92.7526L201.057 143.277C199.759 144.027 198.707 145.849 198.707 147.347L198.707 151.259C198.707 152.757 199.759 153.364 201.057 152.615L288.568 102.09C289.866 101.341 290.918 99.519 290.918 98.0205L290.918 94.1092C290.918 92.6108 289.866 92.0034 288.568 92.7526Z" fill="#454549"/>
|
||||
<path d="M288.568 106.76L201.057 157.284C199.759 158.034 198.707 159.856 198.707 161.354L198.707 165.266C198.707 166.764 199.759 167.371 201.057 166.622L288.568 116.097C289.866 115.348 290.918 113.526 290.918 112.028L290.918 108.116C290.918 106.618 289.866 106.01 288.568 106.76Z" fill="#454549"/>
|
||||
<path d="M179.597 180.319C186.422 176.378 191.956 166.795 191.956 158.913C191.956 151.031 186.422 147.837 179.597 151.778C172.771 155.718 167.238 165.302 167.238 173.184C167.238 181.065 172.771 184.26 179.597 180.319Z" fill="#7919FF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M173.862 175.446C173.792 173.736 174.902 171.562 176.329 170.615L178.922 168.894C180.348 167.948 181.573 168.573 181.643 170.283" fill="#7919FF"/>
|
||||
<path d="M173.862 175.446C173.792 173.736 174.902 171.562 176.329 170.615L178.922 168.894C180.348 167.948 181.573 168.573 181.643 170.283" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M178.96 161.682C179.913 162.168 179.982 163.878 179.116 165.491C178.25 167.105 176.826 168.129 175.939 167.6C175.052 167.071 174.92 165.481 175.719 163.833C176.517 162.185 178.011 161.273 178.96 161.682Z" fill="#7919FF"/>
|
||||
<path d="M178.96 161.682C179.913 162.168 179.982 163.878 179.116 165.491C178.25 167.105 176.826 168.129 175.939 167.6C175.052 167.071 174.92 165.481 175.719 163.833C176.517 162.185 178.011 161.273 178.96 161.682Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M182.78 165.535L184.726 164.244C185.828 163.513 186.712 163.964 186.766 165.286" fill="#7919FF"/>
|
||||
<path d="M182.78 165.535L184.726 164.244C185.828 163.513 186.712 163.964 186.766 165.286" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M184.688 158.439C185.368 158.787 185.419 160.031 184.799 161.161C184.18 162.291 183.145 163.057 182.53 162.667C181.915 162.276 181.799 161.076 182.419 159.945C182.974 158.858 184.011 158.17 184.688 158.439Z" fill="#7919FF"/>
|
||||
<path d="M184.688 158.439C185.368 158.787 185.419 160.031 184.799 161.161C184.18 162.291 183.145 163.057 182.53 162.667C181.915 162.276 181.799 161.076 182.419 159.945C182.974 158.858 184.011 158.17 184.688 158.439Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M255.886 153.449L168.375 203.973C167.077 204.723 166.025 206.545 166.025 208.043L166.025 211.955C166.025 213.453 167.077 214.06 168.375 213.311L255.886 162.786C257.184 162.037 258.236 160.215 258.236 158.717L258.236 154.805C258.236 153.307 257.184 152.699 255.886 153.449Z" fill="#454549"/>
|
||||
<path d="M255.886 168.623L168.375 219.147C167.077 219.897 166.025 221.719 166.025 223.217L166.025 227.129C166.025 228.627 167.077 229.234 168.375 228.485L255.886 177.96C257.184 177.211 258.236 175.389 258.236 173.891L258.236 169.979C258.236 168.481 257.184 167.873 255.886 168.623Z" fill="#454549"/>
|
||||
<path d="M277.598 166C284.423 162.059 289.957 152.476 289.957 144.594C289.957 136.712 284.423 133.518 277.598 137.459C270.772 141.399 265.239 150.983 265.239 158.865C265.239 166.746 270.772 169.941 277.598 166Z" fill="#2DCF78"/>
|
||||
<path d="M271.862 161.127C271.793 159.417 272.902 157.243 274.329 156.296L276.922 154.575C278.349 153.628 279.573 154.253 279.643 155.964" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M276.96 147.362C277.913 147.848 277.983 149.559 277.116 151.172C276.25 152.785 274.827 153.809 273.939 153.28C273.052 152.751 272.92 151.161 273.719 149.514C274.517 147.866 276.011 146.954 276.96 147.362Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M280.781 151.216L282.726 149.925C283.828 149.193 284.712 149.645 284.766 150.966" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M282.688 144.12C283.368 144.467 283.419 145.711 282.799 146.841C282.18 147.971 281.146 148.737 280.53 148.347C279.915 147.957 279.799 146.756 280.419 145.626C280.974 144.539 282.011 143.851 282.688 144.12Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_140_42" x="-18" y="0" width="468" height="308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="9"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.094043 0 0 0 0 0.094043 0 0 0 0 0.094043 0 0 0 0.5 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_140_42"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_140_42" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_140_42" x="109.748" y="40.5635" width="186.003" height="217.607" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="3.4601"/>
|
||||
<feGaussianBlur stdDeviation="13.832"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0 0.0705882 0 0 0 1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_140_42"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_140_42" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_140_42" x="130.958" y="50.7805" width="193.459" height="226.954" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="3.4601"/>
|
||||
<feGaussianBlur stdDeviation="13.832"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0 0.0705882 0 0 0 1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_140_42"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_140_42" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_140_42" x1="-68.0276" y1="342.55" x2="472.123" y2="230.057" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FEFF01"/>
|
||||
<stop offset="0.352722" stop-color="#FF2D9A"/>
|
||||
<stop offset="0.635235" stop-color="#E24CFF"/>
|
||||
<stop offset="1" stop-color="#9A52FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_140_42" x1="16" y1="206.488" x2="440.715" y2="100.387" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.048982"/>
|
||||
<stop offset="0.998963" stop-color="#343437"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
Reference in New Issue
Block a user