owenryan/owenryan.us
1
0
Fork 0
Code Activity

Add guides

Browse source
This commit is contained in:
Owen Ryan 2024-02-05 23:13:57 -05:00
parent 5bf555aaa3
commit 65ec3ec18f
57 changed files with 510 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

38
source/_includes/guide-carousel.html Normal file
View file

@ -0,0 +1,38 @@
{% assign carousel = page.carousels[include.id] %}
<div class="card">
<div id="guideCarousel-{{ include.id }}" class="carousel slide card-body">
<h2 class="card-title">{{ carousel.title }}</h2>
<div class="carousel-indicators">
{% for step in carousel.steps %}
<button type="button" data-bs-target="guideCarousel-{{ include.id }}" data-bs-slide-to="{{ forloop.index0 }}"
{% if forloop.index0 == 0 %}
class="active" aria-current="true"
{% endif %}
aria-label="Slide {{i}}">
</button>
{% endfor %}
</div>
<div class="carousel-inner" style="overflow: visible;">
{% for step in carousel.steps %}
<div class="carousel-item{% if forloop.index0 == 0 %} active{% endif %}">
<img src="{{ step.image }}" class="d-block w-100" alt="{{ step.image-alt }}">
<div class="carousel-caption d-none d-md-block text-body-emphasis"
style="background: rgba(75, 75, 75, .7);">
<h5>Step {{ forloop.index }}</h5>
<p>{{ step.text }}</p>
</div>
</div>
{% endfor %}
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#guideCarousel-{{ include.id }}" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#guideCarousel-{{ include.id }}" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>

6
source/_includes/head.html
View file

@ -23,8 +23,10 @@
{% endcomment %}
<link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<!-- Load fontawesome here for faster loadtimes: https://stackoverflow.com/a/35880730/9523246 -->
{% comment %}
Load fontawesome here for faster loadtimes: https://stackoverflow.com/a/35880730/9523246
{% endcomment %}
<script>
lazyLoadCSS('https://use.fontawesome.com/releases/v6.4.0/css/all.css');
lazyLoadCSS('https://use.fontawesome.com/releases/v6.4.2/css/all.css');
</script>
</head>

8
source/_includes/header.html
View file

@ -8,10 +8,10 @@
</a>
<ul class="nav nav-pills">
{%- for link in site.data.navigation.header -%}
<li class="nav-item">
<a class="nav-link{% if page.url == link.link %} active{% endif %}" href="{{ link.link }}"
aria-current="page">{{ link.name }}</a>
</li>
<li class="nav-item">
<a class="nav-link{% if page.url == link.link or link.directory and page.url contains link.link %} active{% endif %}" href="{{ link.link }}"
aria-current="page">{{ link.name }}</a>
</li>
{%- endfor -%}
</ul>
</header>