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

Updated bottom area with lines

Browse Source
This commit is contained in:
Jake
2021-12-05 13:39:28 -07:00
committed by mDuo13
parent e1c8fffe9e
commit b1492508d8
3 changed files with 41 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

72
styles/_cards.scss
View File

@@ -31,11 +31,9 @@
}
}
.contribute_1 {
.contribute {
&::before {
content:"";
background: -webkit-linear-gradient(left, rgba(254, 255, 1, 1), rgba(255, 45, 154, 1) );
display: block;
height:2px;
width: 100%;
@@ -43,67 +41,63 @@
top: 0;
}
.dot {
height: 16px;
width: 16px;
background-color: #111112;
border-radius: 50%;
border: 3px solid #FBFF4C;
display: inline-block;
position: absolute;
top: -7px;
left: -6px;
}
@include media-breakpoint-down(md) {
&::before {
left: 0;
// transform: rotate(90deg);
height: 100%;
width: 2px;
top: 15px;
}
.dot {
top: 5px;
left: -6px;
}
}
}
.contribute_1 {
&::before {
background: -webkit-linear-gradient(left, rgba(254, 255, 1, 1), rgba(255, 45, 154, 1) );
}
.dot {
border-color: #FBFF4C;
}
}
.contribute_2 {
&::before {
content:"";
background: -webkit-linear-gradient(left, rgba(255, 45, 154, 1), rgba(226, 76, 255, 1));
display: block;
height:2px;
width: 100%;
position: absolute;
top: 0;
}
@include media-breakpoint-down(md) {
&::before {
left: 0;
height: 100%;
width: 2px;
}
.dot {
border-color: #FF198B;
}
}
.contribute_3 {
&::before {
content:"";
background: -webkit-linear-gradient(left, rgba(226, 76, 255, 1),rgba(154, 82, 255, 1) );
display: block;
height:2px;
width: 100%;
position: absolute;
top: 0;
}
@include media-breakpoint-down(md) {
&::before {
left: 0;
height: 100%;
width: 2px;
}
.dot {
border-color: #C000E5;
}
}
.contribute_4 {
&::before {
content:"";
background: -webkit-linear-gradient(left, rgba(154, 82, 255, 1),rgba(154, 82, 255, 1) );
display: block;
height:2px;
width: 100%;
position: absolute;
top: 0;
}
@include media-breakpoint-down(md) {
&::before {
left: 0;
height: 100%;
width: 2px;
}
.dot {
border-color: #9A52FF;
}
}

14
template/page-code-samples.html.jinja
View File

@@ -10,8 +10,8 @@
<img src="./img/backgrounds/xrpl-overview-purple.svg" class="landing-bg" id="xrpl-overview-purple">
</div> #}
<section class="py-26 text-center">
<div class="col-lg-8 mx-auto text-center">
<section class="py-26">
<div class="col-lg-8 mx-auto text-lg-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}Solutions to Accelerate Development{% endtrans %}</h1>
@@ -89,11 +89,11 @@
<h6 class="eyebrow mb-20">{% trans %}Help the XRPL community by submitting your<br> own code samples{% endtrans %}</h6>
</div>
<div class="row">
<div class=" col-lg-3 contribute_1"><h5 class="pb-4 pt-md-5">Fork and clone</h5><p class="pb-4">Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.</p></div>
<div class=" col-lg-3 contribute_2"><h5 class="pb-4 pt-md-5">Add to folder</h5><p class="pb-4">Add your sample code to the content/_code-samples folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.</p></div>
<div class=" col-lg-3 contribute_3"><h5 class="pb-4 pt-md-5">Commit and push</h5><p class="pb-4">Commit your changes and push them to your fork on GitHub.</p></div>
<div class=" col-lg-3 contribute_4"><h5 class="pb-4 pt-md-5">Open a pull request</h5><p class="pb-4">Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, it’ll be merged and added to XRPL.org!</p></div>
<div class="row pl-4">
<div class=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute dot contribute_1"><span class="dot"></span><h5 class="pb-4 pt-md-5">Fork and clone</h5><p class="pb-4">Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.</p></div>
<div class=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute dot contribute_2"><span class="dot"></span><h5 class="pb-4 pt-md-5">Add to folder</h5><p class="pb-4">Add your sample code to the content/_code-samples folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.</p></div>
<div class=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute dot contribute_3"><span class="dot"></span><h5 class="pb-4 pt-md-5">Commit and push</h5><p class="pb-4">Commit your changes and push them to your fork on GitHub.</p></div>
<div class=" col-lg-3 pl-4 pl-lg-0 pr-2 contribute dot contribute_4 mb-4"><span class="dot"></span><h5 class="pb-4 pt-md-5">Open a pull request</h5><p class="pb-0 mb-0">Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, it’ll be merged and added to XRPL.org!</p></div>
</div>
<a class="mt-12 btn btn-primary btn-arrow" href="#">Submit Code Samples</a>