mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
initial work
This commit is contained in:
@@ -936,6 +936,39 @@
|
||||
|
||||
}
|
||||
|
||||
#tutorial-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-purple-blue-2.svg);
|
||||
}
|
||||
.card:nth-child(3) .card-footer {
|
||||
background-image: url(../img/cards/4col-magenta-3.svg);
|
||||
}
|
||||
.card:nth-child(4) .card-footer {
|
||||
background-image: url(../img/cards/4col-green-2.svg);
|
||||
}
|
||||
.card:nth-child(5) .card-footer {
|
||||
background-image: url(../img/cards/4col-orange-yellow-2.svg);
|
||||
}
|
||||
.card:nth-child(6) .card-footer {
|
||||
background-image: url(../img/cards/4col-blue-purple.svg);
|
||||
}
|
||||
.card:nth-child(7) .card-footer {
|
||||
background-image: url(../img/cards/4col-yellow-2.svg);
|
||||
}
|
||||
.card:nth-child(8) .card-footer {
|
||||
background-image: url(../img/cards/4col-orange-2.svg);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.page-faq {
|
||||
&::before {
|
||||
|
||||
@@ -22,7 +22,25 @@
|
||||
{% if currentpage.blurb != target.blurb %}<p class="blurb">{{ currentpage.blurb }}</p>{% endif %}
|
||||
{% set show_blurbs = True %}
|
||||
{% set depth= 1 %}
|
||||
{% include 'children.html' %}
|
||||
{% if currentpage.name == "Tutorials" %}
|
||||
{% macro tutorialCard(id, href, title, description, img) %}
|
||||
<a class="card" href="{{href}}" target="_blank" id="{{id}}">
|
||||
{% if img %}<img src="{{img}}" alt="{{title}} Screenshot" />{% endif %}
|
||||
<div class="card-body">
|
||||
<h4 class="card-title h5">{{title}}</h4>
|
||||
<p class="card-text">{{description}}</p>
|
||||
</div>
|
||||
<div class="card-footer"> </div>
|
||||
</a>
|
||||
{% endmacro %}
|
||||
<div id="tutorial-cards" class="row row-cols-1 row-cols-lg-2 card-deck">
|
||||
{% for child in currentpage.children %}
|
||||
{{ tutorialCard(child.id, child.html, child.name, child.blurb, child.img)}}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% include 'children.html' %}
|
||||
{% endif %}
|
||||
</article>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user