initial work

This commit is contained in:
Phu Pham
2023-04-27 15:46:56 -04:00
parent fba08a582a
commit 8ce8597b0b
2 changed files with 52 additions and 1 deletions

View File

@@ -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 {

View File

@@ -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">&nbsp;</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 %}