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

update footer colors

Browse Source
This commit is contained in:
Phu Pham
2023-05-02 14:23:12 -04:00
parent 175a322885
commit f83076bbb8
2 changed files with 53 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
styles/_tutorials.scss
View File

@@ -1,28 +1,60 @@
/* Tutorials ---------------------------------------------------------------- */ /* Tutorials ---------------------------------------------------------------- */
#tutorial-cards { .tutorial-content {
.card:nth-child(1) .card-footer { #beginner-cards {
background-image: url(../img/cards/4col-light-blue-3.svg); .card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
} }
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-purple-blue-2.svg); #sdk-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-green-2.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
} }
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg); #use-cases-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/3col-green-purple.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3-col-light-blue-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3-col-purple.svg);
}
} }
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-green-2.svg); #servers-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-orange-yellow.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3-col-light-blue-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3-col-pink2.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/3-col-purple-blue.svg);
}
} }
.card:nth-child(5) .card-footer {
background-image: url(../img/cards/4col-orange-yellow-2.svg); #businesses-cards {
} .card:nth-child(1) .card-footer {
.card:nth-child(6) .card-footer { background-image: url(../img/cards/4col-light-blue-3.svg);
background-image: url(../img/cards/4col-blue-purple.svg); }
} .card:nth-child(2) .card-footer {
.card:nth-child(7) .card-footer { background-image: url(../img/cards/3col-green.svg);
background-image: url(../img/cards/4col-yellow-2.svg); }
}
.card:nth-child(8) .card-footer {
background-image: url(../img/cards/4col-orange-2.svg);
} }
} }

2
template/pagetype-tutorials.html.jinja
View File

@@ -195,7 +195,7 @@
{% for category in categoriesTutorials %} {% for category in categoriesTutorials %}
<h5 id="{{category.id}}">{{category.title}}</h5> <h5 id="{{category.id}}">{{category.title}}</h5>
<p>{{category.description}}</p> <p>{{category.description}}</p>
<div id="tutorial-cards" class="card-grid card-grid-3xN tutorial-card-grid"> <div id="{{category.id}}-cards" class="card-grid card-grid-3xN tutorial-card-grid">
{% for child in category.children %} {% for child in category.children %}
{{ tutorialCard(child.title, child.description, child.href, child.img, child.external)}} {{ tutorialCard(child.title, child.description, child.href, child.img, child.external)}}
{% endfor %} {% endfor %}