1
0
Fork 0

Initial commit

This commit is contained in:
Owen Ryan 2023-05-15 23:59:18 -04:00
commit 530fc76ede
84 changed files with 60305 additions and 0 deletions

8
_includes/footer.html Normal file
View file

@ -0,0 +1,8 @@
{% comment %}
Based on bootstrap footer examples
https://getbootstrap.com/docs/5.3/examples/footers/
https://getbootstrap.com/docs/5.3/examples/sticky-footer-navbar/#
{% endcomment %}
<footer class="row justify-content-center mt-auto py-3 bg-body-tertiary">
<span class="col footer-text mx-5">© 2023 Owen Ryan | Icons by FontAwesome</span>
</footer>

30
_includes/head.html Normal file
View file

@ -0,0 +1,30 @@
<head>
<meta charset="UTF-8">
{% comment %}
Set meta description to the page description if it has one, otherwise fallback to the site description
{% endcomment %}
<meta name="description"
content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
{% comment %}
Add page keywords if there are any
{% endcomment %}
{% assign tags = site.SEO_tags %}
{% if page.SEO_tags %}
{% assign tags = tags | concat: page.SEO_tags %}
{% endif %}
<meta name="keywords" content="{{ tags | join: ", " }}">
<meta name="author" content="{{ site.author }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{%- if page.title -%}{{ page.title }} | {% endif %}{{ site.title }}</title>
<script src="/assets/utils.js"></script>
{% comment %}
Dependencies are self-hosted instead of using a public CDN.
See this article for more info https://httptoolkit.com/blog/public-cdn-risks/
{% 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 -->
<script>
lazyLoadCSS('https://use.fontawesome.com/releases/v6.4.0/css/all.css');
</script>
</head>

18
_includes/header.html Normal file
View file

@ -0,0 +1,18 @@
<div class="container">
<header class="header d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"
href="/">
<img id="gravatar" class="bi me-2" alt="Owen's Gravatar"
src="https://www.gravatar.com/avatar/6ad4a9bcc388180c6d2ca34e0c185a8c?size=128">
<span class="fs-4">Owen Ryan</span>
</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>
{%- endfor -%}
</ul>
</header>
</div>

View file

@ -0,0 +1,12 @@
{% comment %}
Social media icons are dynamically rendered based on the contents of _data/social-media.yml
{% endcomment %}
<div class="row justify-content-center">
{%- for icon in site.data.social-media.links -%}
<a class="col social-button" href="{{ icon.url }}" target="_blank" rel="noopener noreferrer">
<i class="{{ icon.style.fa-classes | join: " " }} p-3" title="{{ icon.name }}"
style="color:#{{ icon.style.color-primary }};"></i>
</a>
{%- endfor -%}
</div>